eo-iphone.jpg

Ethical Ocean

Client: Ethical Ocean

Role: UX Design, Mobile

Ethical Ocean approached me with an innovative desktop e-commerce platform that mastered multi-vendor checkout years before Etsy, but they had no mobile presence to speak of, and their traffic from phones and tablets had jumped to nearly 15%.

Using the established visual language, I worked with users and the development team to identify meaningful flows for the mobile user. I then constructed wireframes and mockups. We refined these mockups based on user testing with high fidelity prototypes.

Finally, I worked in conjunction with the engineering team who adapted the backend to fit my custom frontend HTML, CSS and Javascript tailored for the mobile environment.

User flows

User flows

Ethical Ocean is an e-commerce platform for environmental products that needed it's first mobile website. User flows were identified and mapped specifically for the mobile environment.

user-flow-eo.png
Wireframes

Wireframes

Quick wireframes were created in Illustrator to visualize layouts and user flows.

High Fidelity Mockups

High Fidelity Mockups

High fidelity mockups were created in Photoshop and working prototypes were built in Mocksup (now Invision).

Things are Looking Up

Things are Looking Up

Mobile time on site increased 80% and mobile conversion increased 6x.