Design Approach
User Flow
Being hypothetical, the list of possible solutions were limited to things achievable by design. To refine the scope of the project, a user flow was created to identify what features and pages would be necessary: home, user account, returns, and confirmation.
Preliminary Designs
Early low-fidelity designs feature a hierarchical design, top navigation bar with search feature, a footer with store info, social media links, and additional site navigation options.
Home
- Prominent hero imagery, calls to action, and product photography populate the two carousels.
- Product returns accessible via user account and direct link in footer per modern convention.
- Navbar becomes the menu drawer on mobile devices.
Homepage Low Fidelity Mockup.
Circles highlight path to initiate returns.
Circles highlight path to initiate returns.
Account Profile Low Fidelity Mockup.
Circles highlight path to returns.
Circles highlight path to returns.
Initiating Returns
- Labeled buttons below user avatar and next to purchased items in order history initiate the returns process.
Return Accordion
- Accordion gives the user control in the amount of information on screen.
- Allows flexible travel between return steps
- Reduces navigation between separate pages
- Once submitted, user is taken to a confirmation page and the process is complete.
- Breadcrumbs below navbar assist in user orientation.
Returns Page: Low Fidelity Mockup
