ExtraLargeTransparent.png
photo 4.JPG

Time Frame:

Two and a half week Group Project (London, April-May 2014)

Skills Used:

Client Interviewing, Working with Stakeholders, Rapid Prototyping, Card Sorting, Sitemapping, Competitor Analysis, Feature Analysis, Sketching, User-Flow, User Journey, Lo-Fi Wireframe, Hi-Fi Wireframing, Paper Prototype, User Testing, Clickable Prototype using Invison.

View Prototype Here

Brief:

FROM THE CLIENT

We're a new company, so we've changed and grown, and our brand and website is in need of some updating. In particular, our sign-up flow is a bit crap. It's too short (which sounds stupid, but bear with me), giving too much information at once and demanding an immediate decision.

OBJECTIVES

  • Determine a way to improve the sign-up flow in order to increase completed sign-ups

  • Understand why some users aren’t completing the existing sign-up

  • Determine a means of getting more value or insight from incomplete sign-ups

  • Improve user satisfaction around the sign-up and onboarding process

Research:

We began our research with interviewing the client. From this interview we were able to gain further insight into what Shaken Cocktails is and hopes to be.

We began our research with interviewing the client. From this interview we were able to gain further insight into what Shaken Cocktails is and hopes to be.

Next steps included a design studio exercise which helped us think about features we might want every page to have.

Next steps included a design studio exercise which helped us think about features we might want every page to have.

Competitor Analysis:

After the interview we started to take a look at possible competitors both indirect and direct.

Surveys:

We created two surveys one to current Shaken Cocktails subscribers and the other to possible subscribers.

Personas:

We created after analyzing survey results.

Screen Shot 2014-05-26 at 17.57.47.png

User Flows:

User Flow Gallery for our primary persona Summer.

Testing & Iterations:

We tested the wireframes while asking testers to follow our primary user flow.

Wireframes:

Our various iterations after testing with our lo-fi wireframes we then proceeded to hi-fi wireframes. These were created by my colleague Fatima.