Thumb_demo.jpg

Demo App

Miscellaneous

 

Demo App

A European retailer requested detailed app visuals as part of their proposal request. I lead the effort in creating a high fidelity, clickable demo app prototype with a robust path-to-purchase shopping experience styled to match their brand.

Strategy & Execution

The retailer’s request for proposal contained some desired use cases, as well as target shopper personas. Using the provided information, we mapped out the user flows, and wrote the demo script, adding depth and customizations to take our proposal app to the next level. From there we roughly sketched out each scene and flow, wireframed layouts and complex interactions and designed the relevant screens. After that we linked them together for a clickable prototype.

 
 
DemoScreensAll@2x.jpg
 

Designing and linking screens for a clickable prototype demo

Design: We created over 60 unique screens for this custom app experience in order to display a captivating and effective shopping experience.

Design: We created over 60 unique screens for this custom app experience in order to display a captivating and effective shopping experience.

Prototype: Each major phase or scene of the shopping experience was designed as a linear row in Figma. The flow was then linked together as a clickable prototype with major milestone short cuts on each scene’s intro frame for easier navigation.

Prototype: Each major phase or scene of the shopping experience was designed as a linear row in Figma. The flow was then linked together as a clickable prototype with major milestone short cuts on each scene’s intro frame for easier navigation.