top of page
Concept Design
Challenge / Brief

Design a product that can split a check/bill between Vegetarians and Non-vegetarians. 

Tasks

User Story, Sketching / Wireframes, Information Architecture, Mockups, Visual Design

Timeline

1 Week

Split by percentage.gif
Scenario
Scenario image.png
Story & key points
  • I want to be able to split a check between me and my friends, so that everyone knows what their share is. 

  • I want the application to be QUICK and EASY to use.

Task Flow and Site Map
Task Flow and Site Map.png
Information Architecture - Nested Doll
  • Provides linear paths to detailed content

  • Quick and Easy navigation under stress.

  • Also, gives user the strong sense of where they are.

Nested doll IA.png
Sketch and Wireframes
Wireframes Split.png
Mockups.png
Hi-fi Mockup
Design Components.png
All screens Visuals.png
App Drawer.gif
Design Overview I
  • Keeping the design as light as possible to better clarity

  • Using an 'Always Open Bottom Drawer' instead of a button gives user a better clarity and makes interaction easier, as user know where the next step leads to.

Design Overview II
  • Drag and drop makes any interaction easy and quick while maintaining element of fun.

  • Using a Slider to split by percentage makes it easier for the user to adjust the bar without much efforts. 

  • Differentiating with colour and the Knob gives a better affordance for a better interaction.

Split by percentage.gif
~  Thank You  ~
bottom of page