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

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.

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.”

I'm Ready When You Are!

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