Transforming the ecommerce experience for device protection company Tech21.
Tech21 is globally recognized for their super strong electronic device cases with a mission to create the most intelligent protection on the planet. Each of their cases use multi-layer structures and scientifically-tested, shock-absorbing materials work together to spread out and absorb impact energy.
See live
Involvement
-
Understand
- Client workshops
- Business goals
-
Design Research
- User personas
- User flows
-
Define Direction
- Moodboard
- Ideation workshop
-
Prototype
- Wireframes
- Interactive prototypes
- User testing
-
Design & Build
- Design
- Collaborate with front-end engineers
The challenge was to transform their old website into an entirely new, modern ecommerce experience to effectively reflect their high-tech products.
Process & Design
I was the sole lead designer on this project, working from early stages of project discovery all the way through to the front-end execution. We ran many workshop sessions to deeply understand their brand values and their business goals.
Above image: Part of mobile view design
Device Selector
I studied the analytics and discovered that the most common way users navigate the website was via selecting their device type. I decided to make this experience quicker and easier by placing the device selector prominently on the homepage.
Above image: Part of tech21 homepage
Informative Category page
Tech21 offers a variety of protection cases ranging from Everyday to Industrial strength. I wanted to give the users the ability to view this easily on the category page so they could decide where to look depending on their desired use case.
Above image: PDP design
Above image: Part of check out flow