MyStore App Project

Problem and Assumptions

A startup called MyShirt conducted user research and market research and determined that there was good market nationally for selling high-end sports shirts and jerseys. The customer hired me to create the wireframes and prototypes and to test them with potential users. 

Project Scope

  • Create Hi-Fidelity wireframes using Sketch
  • Create Hi-Fidelity working prototypes using SketchApp, Invision, and Adobe XD

Style Guide

The style guide had already been created by the customer. 

Hi-Fidelity Wireframes

Click here to view PDF with Hi-Fidelity wireframes that were created using SketchApp. You can view the final wireframes in the Prototype section below.

 

Sketch Prototype

Click here to view SketchApp prototype of the main App screens. The limitation with Sketch prototyping is that you have to be told where to click on the prototype screen to move to the next screen. 

Adobe XD Prototype

I imported the Hi-Fidelity wireframes from the SketchApp prototype into Adobe XD and created the XD prototype video below. I suggest looking at this video prototype below before using the Sketch or Invision prototype.

Invision Prototype

Click here to view Invision prototype of the main App screens. The limitation in Invision prototyping is also that you have to be told where to click on the prototype screen to move to the next screen.

Bitnami