Seattle Laundry Service

Case Study

Roles

UI/UX Mobile Designer

Tools

Sketch

Invision

Skills

Wireframing

Prototyping 

Presenting

Prototyping

Timeframe

Two Weeks

My Process

Define

The website was not responsive to mobile devices.

Design

Created app concept using prototypes, UI flows, and Sketch app to build wireframes.

Present

Presented designs and held critque session to gather input.

Original vs. Proposed Changes

Demonstration of the Problem

The problem is that when a user views the existing website from a mobile device, the information scrunches down into a less readable format. 

Human Interface Guidelines Formatting

Outlining New Design

I outlined my new design in compliance with the HIG. 

Before and After

New Mockup Wireframes

The information architecture was determined by placing a commercial user button towards at the top because they generate the most revenue for SLS. 

Before and After

New Mockup Wireframes

The locations page was renovated as well. 

Present

Presentation

Our team presentation went well. Afterwards I reviewed the notes from peer feedback. Much of the feedback were focused on unresolved concerns about designing for the persona’s needs. In reviewing the video recording, it was apparent that those questions were answered in the Q & A but in the future it would be wise to emphasize those matters more during the presentation.

In Summary

Results

New information architecture completed with two high fidelity mockups. I became more proficient with sketch. 

Next Steps

Build out remaining wireframes including responsive versions for all devices. Gather more content too. 

Lessons From Experience

What I Learned

Ascertaining the page elements as well as layout was quite cumbersome. It seemed fitting to take shortcuts, but in hindsight it proved useful to do proper UX research. 

Next Time

It would’ve been better to make an outline that conformed to the HIG much sooner to reduce ambiguity and channel focus elsewhere. And it would’ve been more prudent to get started with research more promptly. 

Thanks for Reading!

[email protected] Next Case Study