PROJECT NAME
Merchant Dashboard
ROLE
• Sr. UX Designer
TOOLS
• Photoshop
• Sketch App
• Invision
• Jira
• Whiteboard
• Sketch Pad
Merchant Dashboard is a product that allows retailers to process orders. It is designed to help retailers quickly process online orders in the most efficient way possible.
The main issue to solve was that it took retailers a long time to process each order. A solution was conceived that would allow retailers to process orders in bulk, or multiple orders at once, which would save time.
Specific goals included allowing the user to see more orders above the page-break line on the display and designing an adaptable mobile version.
Design Process
- 1. Identify & Research needs of user and value created.
- 2. Whiteboard flowchart of user journeys.
- 3. Sketch UI for specific use cases.
- 4. Wireframes for workflows and content place holders.
- 5. Mockup concept for final UI look & feel.
- 6. Prototype for a typical "happy-path" use case.
- 7. Test prototype with a select control group.
- 8. Implement development.
Conceptualize
Brainstorm possible solutions
WHITEBOARDING
Develop an overall strategy for the product and take into account typical user journeys in the order fulfillment process.
SKETCHES
Come up with rudimentary designs for the interface and common use cases that address previous friction and pain points communicated by retailers.
Deliverables
Turning the concept into visuals for implementation
GRID DISPLAY
Viewing information in the grid/table.
Wireframe (Grid Display)
HiFi Mockup (Grid Display)
ROW EXPANSION
Expanding/collapsing rows for additional data.
Wireframe (Row Expansion)
HiFi Mockup (Row Expansion)
DROP DOWN MENU
Selecting actions from a drop down menu.
Wireframe (Drop Down Menu)
HiFi Mockup (Drop Down Menu)
MODAL BOX
Executing actions through modal boxes.
Wireframe (Modal Box)
HiFi Mockup (Modal Box)
Go To Market
Implementing UX/UI Designs into a Production Environment
DEVELOPMENT
In collaboration with the Product Manager, created acceptance criteria and description for stories to be created in Jira (agile project management application). Work with front-end developers to implement stories through grooming sessions and ad-hoc meetings.
USER ACCEPTANCE TESTING
When stories are completed, conduct UAT (User Acceptance Testing) with the Product Manager in order to approve visuals and functionality.
