Png
Go Back

SF Marin Foodbank

The SF Marin Food Bank needed a dedicated microsite to present their Annual Reports in a visually engaging, interactive, and accessible format to engage donors, stakeholders, and the community through compelling storytelling, data visualization, and seamless navigation.

CLient Name

SF Marin Foodbank

Project

Website

Role

Production Design
Production Optimization
User Experience
Visual Design

Apps used

Challenge

Several challenges needed to be addressed to meet the client’s goals:

  • Converting a Static Report into a Digital Experience:
    The client traditionally presented reports in static formats and needed a dynamic, engaging web experience instead.
    ‍
  • Balancing Storytelling with Data Visualization:
    The challenge was to effectively communicate impact through a blend of human-centered stories and clear, digestible data points.
    ‍
  • Ensuring Accessibility & Usability for All Audiences:
    The site needed to be fully responsive and ADA-compliant, ensuring inclusivity across different devices and user needs.
    ‍
  • Maintaining Brand Alignment While Innovating:
    The design had to align with the SF Marin Food Bank’s established brand identity while introducing fresh, engaging digital elements.

Approach

To overcome these challenges, a structured and user-centered approach was taken:

  • Interactive & Web-Based Storytelling:
    Used a scroll-based narrative to guide users through the Food Bank’s impact, keeping engagement high. Micro-interactions and animations added subtle movement, making statistics and highlights more digestible
    ‍
  • Data-Driven Design & Infographics:
    Transformed key figures into interactive charts and visuals, improving comprehension and engagement.
    ‍
  • Mobile-First & Accessibility-Focused Execution:
    Ensured the site was fully responsive across all screen sizes. Applied WCAG accessibility standards, including alt text, readable contrast, and keyboard navigability.
    ‍
  • Seamless CMS Integration for Easy Updates:
    Designed the site using Webflow’s CMS, allowing the Food Bank team to make future updates without requiring technical expertise.

Impact

The final website successfully elevated the SF Marin Food Bank’s digital presence, making their annual report more engaging, accessible, and shareable than ever before.

  • ‍Improved Donor & Stakeholder Engagement:
    ‍    The interactive format led to higher time spent on the page compared to previous static reports.
    Stakeholders could easily navigate impact stories and financial data, enhancing transparency.
    ‍
  • Enhanced Accessibility & Reach
    ‍    A mobile-first approach ensured a seamless experience across devices.
    ADA-compliant design     improved usability for all visitors, including those with disabilities.
  • ‍Future-Proofed for Scalability
    ‍    The CMS-powered setup enabled the Food Bank’s internal team to update content without coding expertise.
    The digital report format set a new standard for future annual reports, encouraging more digital storytelling in the nonprofit space.

Testimonials

Madeleine McGee
Creative Resource Manager
“I wanted to nominate Trisha for Creative Problem Solving.  Trisha has been so helpful and hard working with the large amount of MariaDB projects coming through the past week or two. Trisha has been very proactive and always makes time to help and problem solve. Thanks!”
Matt Domina
Brand Designer,
Art Director
“Second that! Trisha has been elevating every MariaDB project to top tier status!”
Cody Davidow
Account Director
“I'd like to nominate Trisha for being a Team Player and Creative Problem Solver. She jumped head-first into the Alteryx BvA Report and PPT. It was a huge undertaking she nailed in a very short amount of time with 175+ moving parts while being thrown multiple curve-balls every morning. We're not quite out of the woods yet, but we're set-up for success for the remainder of the project!”
Adam Alonsagay
Marketing, Communications Consultant
“Trisha is a powerhouse. She was pivotal in translating digital projects into print-friendly versions, showcasing her expertise across media. Trisha is communicative, collaborative, and professional, keeping projects on track with consistent updates and a friendly demeanor that made the process streamlined and enjoyable. She was a trusted consultant for San Francisco-Marin Food Bank in production and layout design, we relied on her knowledge to deliver strategic, visually compelling materials that met requirements and achieved results.”
EMMA Tinloy
Senior Creative Project Manager
“Honored to give my first nomination to Trisha for being a team player! Within the past week she finessed two last-minute requests from the client, designing an entire virtual event space and turning a strange request into a sleek & cool set of 'out of this world' social media images. She scores us client compliments and appreciation for rolling with their quick turnarounds & doing it with so much style! Happy to be on her team!”
Elizabeth Cruz
Visual Designer,
Scrum Master
“I had the pleasure of working with Trisha at Unison, where she proved to be an exceptional colleague. Trisha's knowledge of Adobe Creative Cloud and efficiency in workflow optimization made her invaluable. She consistently demonstrated initiative, particularly in mentoring new employees like myself. Her balance of technical expertise and genuine helpfulness sets her apart. Trisha's reliability, problem-solving, and dedication make her a tremendous asset to any design team. I wholeheartedly recommend her as a professional.”

Let's Chat!

View Resume
Thank you!
Your submission has been received!
Oops! Something went wrong while submitting the form.
© 2025 Coded & Designed by Trisha Lagleva. All rights reserved.