Sean McLaughlin UI/UX Artist and Designer
Store 2.0, Revising the Store for a Better User Experience
The first stage of my process is to define where the friction points are in the flow and how can we provide information to the player that would encourage interaction with the system.
Wireframe and Flow
The next stage of my process is to analyze all the stages in the store flow and convert that information into updated wireframes and a new flow. This stage tends to have the most iteration time as I work with the lead designer to make sure that we are building a more robust store for the user and also allow us to update the store in the future when we want to add new types of items to sell.
Store 2.0 List Wireframe
Store 2.0 Flow
Visual Pass
The four images below show the visual pass to make sure final art and layout works well together. After this stage I moved on to implementation by standing up the new layouts in the editor and work with a client engineer to get all the updates functional.
Store 2.0 List Mock
Store 2.0 Power Cell Open Page
Store 2.0 Powercell Modal Mock
Store 2.0 Power Cell Multiple Open Result Modal