Turning DC Food Bank Into an Online Grocery Experience
Collaborated with a product team to design a full eCommerce platform that lets users order groceries, delivered straight to their doorsteps.
DC Food Bank is a modern grocery and food supply company offering high-quality foodstuffs, beverages, and essentials all delivered right to your doorstep.
Before partnering with us, they had no proper digital platform. Their goal was simple:
“We want our customers to shop easily, comfortably, and confidently from their phones or laptops”
To achieve that, they needed more than just an online store. They needed a design that felt fast, smart, and dependable the same way good delivery should feel.
Outcomes
The final product was a fully functional grocery ordering platform designed for ease, trust, and efficiency.
It allowed users to browse, shop, and checkout with minimal effort but the real innovation came from a new feature we developed together.
Key Outcomes:
Designed and prototyped an end-to-end eCommerce experience for food delivery
Created a “photo-to-cart” feature where users upload their shopping list photo, and the system adds items automatically
Improved navigation and checkout flow for faster ordering
Collaborated effectively across design and engineering to deliver the project on time
The Process
1. Defining the Problem
The DC Food Bank team came to us with a challenge:
They had amazing products and logistics, but no digital channel to connect with users.
Through discovery sessions, we identified their users’ pain points busy individuals who wanted groceries fast, without the friction of browsing endless categories.
We looked into competitors, analyzed user reviews, and built an understanding of what would make DC Food Bank stand out: speed and simplicity.
2. Mapping the Experience
Once the research was clear, our team moved to create user flows and information architecture that prioritized minimal clicks from search to checkout.
Every action on the site had to feel frictionless from viewing a product to confirming delivery.
The focus was on reducing decision fatigue and keeping the design visual, clean, and highly intuitive.
3. Designing the Solution
We began wireframing and iterating quickly, ensuring constant feedback loops within the team.
The highlight of this stage was the “Photo-to-Cart” innovation.
Users could take a picture of their handwritten shopping list.
The system recognized the items, found them in the database, added them to the cart, and displayed the total instantly.
It was an ambitious idea technically challenging, creatively demanding, but incredibly rewarding to bring to life.
4. Collaboration and Handoff
We worked in sprints, using collaborative tools to track progress and manage deliverables.
As the lead designer on the experience side, I ensured our prototypes were detailed and clear enough for a smooth developer handoff.
The end product? A simple, fast, and trustworthy shopping platform that made grocery delivery feel effortless.
Reflection
The DC Food Bank project reinforced one of my key design philosophies:
“The best design isn’t just functional, it’s empathetic.”
By understanding the daily routines and frustrations of real users, we created a system that didn’t just look good, but actually saved time and simplified lives.
It was an exciting challenge that blended UX innovation with real-world utility and a reminder that great design can turn everyday tasks into delightful experiences.
Other Projects
The Everest Crest Experience
Designed a modern school website and management dashboard for Everest Crest High School
Complete digital ecosystem for academic management and community connection
Education
Lagos
Product Design
Redesigning SEORCE Dashboard for Clarity & Conversion
Transformed a complex SEO analytics platform into a seamless, intuitive experience
Live product adopted by early users within 4 months
AI SaaS
New Delhi
Product Design
