Vision Insight
Home MenuEnhanced Mobile Design
How to create an enhanced mobile comp
Receiving the Jira Task
Upon receiving a task for an enhanced mobile, there will also be a wireframe available to use as a point of reference. The wireframe will come complete with notes highlighted in yellow. Pay close attention to the yellow notes as they contain key details to the mobile design. Let's review Oak Creek as an example.
Building an advanced mobile comp in Adobe XD
Within the master file, there is a standard mobile artboard that can be used as the foundation to build the advanced mobile design; start there.
While creating the design be sure to capture the same mood & feel of the approved homepage.
Uploading to Invision App
In invision there will be a hot pink plus icon that creates new prototypes near the top right of the browser.
Choose a project type.
Create a mobile prototype. Android or iphone. Name your project after the client's name. For example: "Oak Creek WI - Enhanced Mobile"
Once the design has been completed, export and upload the files to the new mobile project previously created within invision. Apply the the menu interaction and double click the image to test and ensure that the interaction is working. Share the invision and box link location to the Jira task.