For family and friends to share about the goods and order together to reduce carbon footprint.

Today we are facing the climate change problem globally. How might we bring together the users effort collectively as a community to reduce the carbon footprint by designing a group ordering platform so family and friends can order goods and support local community.

  • Role - Interaction. UX. Prototype.
  • Deliverable - User Persona. User Flow. Prototype. UI Spec in Measure. Styled Components.
  • Tool - Sketch. Flinto. JSX. CSS-in-JS. React.

Understanding the customer

Insights from customer who wants to order goods with friends and family.

persona

research

The big picture

User flow of all sections and how they come together.

User Flow

Host a campaign

Share about goods with your family and friends.

Create New Campaign

Add Product from products list or create new product

Iteration

Desktop

Manage Products List

Keep track of all products created by the host to save time.

Iteration

Desktop

Campaign Invitation

Share about goods with your family and friends.

From the host

Invite more members

Manage campaign order

Overview of orders and manage individual order.

Get Invited

Pledge for the campaign you are invited to, add to cart and confirm order.

Iteration

cart-iteration

Order and Campaign Status

Keep track of campaign's minimum goal status for your order.

Payment Method

Allow user to link to payment account on venmo, paypal or quickpay.

Iteration

payment-iteration

Mobile-First Responsive

Cohesive experience from mobile to desktop.

Desktop

Desktop

Desktop

Specs and components

UI specs with Sketch Measure. Components in Sketch implemented with JSX and styled components for React. Responsive layout and web typography guidelines from Thyhive design system.

Guideline

Guideline

Guideline

Process & Case Study

Behind the scene sketch and learning from other industry

Sketch 01