Fortune 50 beverage and food company

Keeping kids fed during this unprecedented time

Fortune 50 beverage company transitioned to the digital space and and developing B2B eCommerce platform allowing nonprofits and NGO’s to order, manage and ship food products to communities across the country.

services

Research, UX Planning, UX Design, UI Design, Visual Design

categories

Food & Beverage | eCommerce | B2B | Retail

Real problems

Supported communities across the country rely on Food Banks and non-profits to provide them with nutritional food and drinks. The logistics behind involves a lot of manual labor which puts a limit on how many communities they can support.

solution

Digital experience custom-solution e-commerce site for non-profits, NGOs, and food distributors to browse through the inventory of meal kits, place multi-location bulk orders, and track shipping and delivery.

consumer platform

Designs

The business

staff admin

Problem

Managing orders end-to-end for customers means a lot of manual labor like answering calls, putting in orders, figure out shipping costs, contracts, payments, etc. The business was looking for a way to scale by handling thousands of orders and doing 90% less.

solution

Admin backend application with the necessary tools they need to run the business. all away from managing orders, customers, contracts, to reports and financials.

staff admin

Design

UX PROCESS

Stages

1. Research & Discovery​

Through questionnaires and meetings to discover business, customers, and user needs.

2. Strategy

Team collaboration on defining shippable product stages. ex: consumer facing frontend, choosing a design framework.

3. UX Planning​

Through MVP’s, prioritizing features for different releases

4. Design Phase I

Consumer side MVP user journeys, technical user flows and customer profiles

5. Design Phase II​

Consumer MVP low-fi wireframes to communicate design decisions, through hifi prototype including visual design ​

6. Design Phase II​I

Architecting first version design system aligned with the material design framework ​

7. Backend Design - Planing

Planning MVP, Data Prioritization, IA and Layout

8. Backend Design - Design

Designing primary backend screens to fully support frontend consumer side

Impacting communities!

Congratulations! first real order, automated, no manual process, has completed.