top of page
Screenshot 2025-04-24 at 9.55.16 AM.png

🛠 Tools & Tech

  • Figma for wireframes and prototyping

  • Wix for the build (MAAC was already hosted there)

  • Zoom + Loom for stakeholder review

  • Google Docs for copy edits with the marketing team

Screenshot 2025-06-16 at 1.03.56 PM.png

🧠 AI-Enhanced Strategy

  • To better map first-time user journeys, I used Google Workspace’s Gemini AI (formerly Duet AI) in FigJam to co-create empathy-based flowcharts and test journey logic with the MAAC team.

  • I also layered in Google’s UX Metrics Plugin to simulate page-level drop-offs and prioritize where to place CTAs based on predicted engagement points.

    This AI-assisted approach helped:

  • Predict which sections were most likely to cause friction

  • Personalize call-to-action flows for mobile-first users

  • Suggest microcopy adjustments that improved emotional clarity

🎯 Goals

  • Build a mobile-first, emotionally intelligent site rooted in accessibility

  • Create a spa-like, calming visual experience to reduce overwhelm

  • Increase engagement across donation, volunteer, and contact touchpoints

  • Ensure all program pages were intuitive and quick to access

Screenshot 2025-04-24 at 9.55.23 AM.png

🔍 Discovery

I kicked off with stakeholder interviews—speaking to MAAC’s founder, marketing lead, and two caregivers. We discussed:

  • How families currently found and used the site

  • What language and visuals felt supportive vs. clinical or cold

  • Emotional tone: calm, grounded, warm, safe

💡 Key Insight: Users didn’t want a “corporate nonprofit” feel. They needed comfort, clarity, and trust at first glance.

🧪 Research & Strategy

I mapped out personas (caregiver, donor, social worker), ran a quick content audit, and created a mobile-first wireframe in Figma.

Top opportunities identified:

  • CTA buttons were vague or overwhelming (e.g., “Contact” instead of “Get Program Info”)

  • Homepage lacked visual hierarchy—too many competing elements

  • Donation process was clunky on mobile

🎨 Visual Direction

  • I translated the emotional strategy into UI with soft greens, light wood tones, large touch targets, and generous white space. We used rounded containers, open-body type, and flow-based layouts to reduce decision fatigue.

  • Program pages were broken into bite-sized overviews, optimized for scanning on small screens. Buttons were color-coded by audience intent: caregiver, donor, partner.

📈 Results & Outcomes

  • 📱 100% mobile-responsive with simplified navigation and visual flow

  • 📈 Increased engagement with program pages by 40%

  • 💬 MAAC’s founder reported more donor confidence post-launch

  • 🧭 Reduced user confusion: caregivers now land on the right page 2x faster

  • 💖 MAAC began receiving more organic inquiries from partner orgs

Screenshot 2025-06-16 at 12.31.23 PM.png
Screenshot 2025-06-16 at 12.31.40 PM.png
Screenshot 2025-06-16 at 12.31.12 PM.png

✨ Takeaway

Designing for impact starts with empathy—but scaling it comes from systems thinking. This project taught me how AI-assisted flows can support better emotional UX, especially when designing for sensitive audiences.

It was a masterclass in merging accessibility, intention, and clarity into one digital experience.

Thank you!

bottom of page