I'm a UX designer creating digital experiences that leave an impression.

I love bringing ideas to life, design research, sketching and Webflow.


Oco Crew Brand & Design

For the new Oco Crew website, I designed the website from scratch including all page layouts, user journeys, illustrations and animations.

Visit Oco Crew

Oco Crew Landing Page

Match My Email Rebrand

For this project, I defined their brand, information architecture and designed all pages for desktop and mobile.

Visit Match My Email

The Mirror Website

This project was for Designlab's UX Academy and included a full design website design process from start to finish. Fictional company, Mirror is a clothing brand known for affordability and quality.

See case study



I am currently testing some new designs, please come back next week!

Oco Crew App

For the new Oco Crew website, I designed the website from scratch including all page layouts, user journeys, illustrations and animations.

Visit Oco Crew

Oco Crew Landing Page

Oco Crew Brand & Design

For the new Oco Crew website, I designed the website from scratch including all page layouts, user journeys, illustrations and animations.

Visit Oco Crew

Oco Crew Landing Page

Oco Crew Brand & Design

For the new Oco Crew website, I designed the website from scratch including all page layouts, user journeys, illustrations and animations.

Visit Oco Crew

Oco Crew Landing Page
Oco Crew Landing Page

Oco Crew Brand & Design

Visit Oco Crew

For the new Oco Crew website, I designed the website from scratch including all page layouts, user journeys, illustrations and animations.

Flatlanders

For the new Oco Crew website, I designed the website from scratch including all page layouts, user journeys, illustrations and animations.

Visit Oco Crew

Oco Crew Landing Page

I'm a UX designer building digital experiences that leave an impression.

I love research, sketching and Webflow.

Plant



About

I'm Ben, a designer coming from data.

Currently, I am studying UX design through Designlab's UX Academy. With support from UX design mentors in the field, I have gained a strong understanding of every part of UX/UI design from user research to interaction design to visual design principles. I am continually focused on creating solutions that are meaningful for people. I recently took a leap into the field of UX design as I have always loved design and have had growing interest in web design and qualitative analysis.

When I am not working, I am at the beach or rockclimbing.

Resumé

Experience

Freelance UX Designer
Founder, Oco Crew
Data Analyst, Sonos


Skills

UX/UI Design
User Research
Data Analytics



Get in touch.

I am always excited to connect with new people, and hear about upcoming projects. You can also email me here.



The Goal

The objective of this project was to conduct a comprehensive research-driven approach to create an online shopping experience Mirror customers will love.

Competitive Analysis

A competitive analysis was done looking at top U.S. ecommerce clothing retail brands.

Strengths
Clear layout - great hierarchy and spacingIntuitive filtersBranding is minimalist and premium
Weaknesses
UI is a bit boringEach nav item has a ton of sub-options.Branding isn’t particularly memorable.

Strengths
Good fashion photographySimple layout - good alignment and hierarchyGreat product page design
Weaknesses
Does not come off as premiumSpacing is a bit offBusy navigation drop-down

Strengths
Cool video contentUnique type and brandClean brand
Weaknesses
Nav is confusingFilters are confusing

Woman Smiling

User Research

Four user research interviews were conducted to understand what Mirror’s audience did and did not like about online shopping experiences.

Key Insights
People’s favorite online clothing stores were easy and felt standard and streamlined.So shoppers can sort through large selections of garments, good filtering and sorting appear to be a critical feature.All respondent’s favorite online shopping website had flaws/shortcomings.The clothing itself was the focal point of the online shopping experience.People tend to enjoy perusing their favorite online store.

Persona Development

A persona was developed of the Mirror online shopper that isanalytical and cost-conscious.

Storyboarding

In this storyboard, our persona Mary has to get a dress for an upcoming barbeque. This story incorporates social media, advertising and the website in Mary's path to buying a dress from Mirror.

User Flow Example

I created a user flow thinking through user experience for users who enter through the home page but keeping in mind other entry points for the website such as product pages and product list pages.

See full user flow here

Information Architecture

A simple and flat sitemap was designed to make navigation clear and keep associated clothing categories grouped together.

Wireframing

Based on the research, wireframes were developed to plan the user’s experience. Download annotated wireframe

Mirror Style Tile

Mirror UI Kit

UI Designs

Based on the work and research above and lots of mentor feedback, UI designs were designed focused on a clear user experience, an emphasis on affordability, targeted towards a broad audience.

Usability Testing

After UI designs were sketched out for all major screens, a prototype was created in Invision to let participants who match our persona test the experience of the website.

Key Insights
It was not clear enough how to navigating through different clothing categories.Reviews were overly prominent on the product pages.Shipping and returns information was confusing to users.

Next Steps

Following revisions based on the last usability test, next steps include:
Feedback and design iterations with the client.Create a production-ready design, checking all UI details.Plan for web analytics to see the effectiveness of the designs.Create design system for design team to use.