Tools
ADAA (Anxiety & Depression Association of America) was rolling out a brand refresh and needed their homepage to reflect the updated direction without breaking from the existing site. Clean, modern, accessible — but still coherent with what was already there. I was brought in as the solo designer to execute this in 48 hours, working directly with the client to deliver a design-ready Figma file.
Their existing homepage felt dated. For a nonprofit, first impression and credibility matter — a visitor landing on an outdated-looking site might question the organization's relevance, even if the content was solid. The brief was straightforward: modernize without jarring.
I reviewed three things: the brand refresh reference (showing the desired modern aesthetic), their current design system, and the content wireframe they'd already structured. Three findings shaped the work:
The new brand wanted generous spacing and clean typography. Their current site was tighter, denser. The microsite CTAs (like Women's Health) needed to feel distinct and standalone — not just another content block. And when the client showed me a NAMI example with clean image separation (no overlaid text), it clicked — readability over graphic efficiency.
Day one: I delivered initial mockups with multiple section variations. This forced the client to see options rather than imagine them. Client feedback overnight: blue headlines, underlined CTAs, more breathing room, and text separated from images. Day two: I iterated fast. Two versions of the 3-block section — client picked the one with blog imagery. — much cleaner. — straightforward wins. By afternoon, the design was locked. Three feedback cycles, done.
For a design handoff, it meant: clean Figma structure, component instances for reusable elements, consistent 8px spacing grid, and organized layer naming. Nothing fancy — just readable and production-ready.
I skipped the spec document. With 48 hours and a single dev doing handoff, the clean Figma file spoke louder than a 20-page spec.
The design was locked and ready for development with minimal back-and-forth. The client could present to their internal team with confidence. The Figma file was organized enough that there were no handoff questions.
It unblocked their brand refresh initiative. The homepage now serves as the visual north star for how secondary pages will evolve.
Speed forced prioritization. Showing multiple options early saved revision time. A single reference example (the NAMI screenshot) beat hours of vague feedback.
What I'd do differently: a quick 15-minute kickoff call to confirm I had all materials upfront. The microsite comp was mentioned but not immediately shared, causing a small rework.
Development is next. Mobile responsiveness and secondary page expansion after that. More importantly, this unblocked ADAA's brand work, something that might have stalled otherwise.