After the positive response to my last website redesign video, I’m back with another—this time tackling a nonprofit organization: the Chesterfield Food Bank.
In this video, I walk through my entire website redesign process—from evaluating the current layout to presenting a full transformation in Figma. The original site had great use of color and heart, but like many nonprofit sites, it could benefit from improved layout, readability, and user experience.
🧠 What you'll learn in this video:
How to rethink navigation for clarity and hierarchy
Design strategies for improving readability without losing character
How to avoid common mistakes like text over background images
Ways to use color and structure to organize content effectively
Creating consistent CTAs that actually guide users
Thoughtful redesign of sections like “Who We Are,” “Programs,” “Stats,” and the Footer
📌 I break down each section of the original website and walk you through my design decisions step-by-step. This isn’t about throwing shade—it’s about sharpening your eye and seeing what’s possible with better structure, hierarchy, and visual storytelling.
👀 Even if you’re not working on a nonprofit website, these design principles apply across any web project.
🔗 Want to see the before-and-after side by side? I’ve added screenshots in the description for a closer look.
💬 Let me know what you would’ve done differently—drop your thoughts in the comments!
👍 If this inspired you or helped improve your design skills, a like is always appreciated.
📥 Subscribe for more real-world redesigns, web design tips, and Figma walkthroughs.
#WebDesign #WebsiteRedesign #Figma #NonprofitDesign #UXDesign #BeforeAndAfter #DesignInspiration #WebDesignTips #WebsiteMakeover
Original Design: https://theadmin.bar/wp-content/uploads/2025/04/cfobc-original.png
My Redesign: https://theadmin.bar/wp-content/uploads/2025/04/cfboc-final-redesign.png
💻 Visit Our Website: https://theadmin.bar/yt-tab
🗨 Join Our Free Community: https://theadmin.bar/yt-community
📨 Get the Best of The Admin Bar Delivered: https://theadmin.bar/yt-tfc
🔁 Sell More Care Plans: https://theadmin.bar/yt-wom
🧮 Use My Website Price Calculator: https://theadmin.bar/yt-calculator
📜 Get My Proposal Template: https://theadmin.bar/yt-proposal
☑️ Get More Done with My Checklists: https://theadmin.bar/yt-checklists
🔴 Live Event Schedule: https://theadmin.bar/yt-events
🔧 The Tools I Use: https://theadmin.bar/yt-tools
⚡ My Agency, OGAL Web Design: https://theadmin.bar/yt-agency
00:00 Intro
01:10 Site Review & Markup
07:40 Section-by-Section Redesign
16:43 Side-by-Side Comparison
17:48 Outro