
UX/UI Marvel Shop

New Marvel Shop
UX/UI
Sole UX/UI designer with an ambitious 3-month deadline — worked with Disney Store eCom director, Disney Store VPs, Marvel VPs, front-end developer and engineers. QA the site and provided feedback — the site launched on time and on budget.
Business & User Goals
Business Outcome
- Create a place for Marvel fans to shop for unique and collectable Marvel products
- Expand fan base and retain existing Marvel fans
- Increase profits
- Raise customer satisfaction
- Leverage Marvel.com to drive traffic to MarvelShop.com
User Goals
- Quick and easy way to find the products that they want
- Convenience of Ordering
- Provide content and emersive experience under Marvel.com
Personna
Fans
- Age 22 to 41 (64% male & 36% female)
- Attends comic conventions
- Plays video games & reads graphic novels
- Social media & tech savvy
- Has disposable income


Sitemap
A great way to walk through potential scenarios and catch poor aspects of design — and fixing them before they become problems.
User-Flow
This user flow shows a specific path a user could take — and also highlights critical decision points. This helped me decide what needed to be designed, built and tested.

Wire Frames
This connects the conceptual structure that I established through the previous steps with the visual design of the site.



Hi-Fidelity Mockup
Home, Product List, and Product Detail pages.



Hi-Fidelity Mockup
My Cart, Checkout, and Order Confirmation pages.



Control Sheet
Visually communicates the necessary elements on the site.
