ClIENT PROJECT: Design & User FLows

Concept Rendering for Studio15 Native App

Concept Rendering for Studio15 Native App

SKILLS

Competitive analysis, Comparative element analysis, Survey development, User interviews, Card Sorting, Contextual inquiry, Usability testing, User journeys, Wire framing (low to high fidelity), Prototyping, User testing

TOOLS

Omnigraffle, Sketch, POP, inVision, Excel, coffee, pencil and paper, whiteboard.

CLIENT DELIVERABLES

Research Report, High Fidelity Prototpye, Site Map, New style Guide, Fully annoted Spec Doc


OVERVIEW

Studio15 is an up and coming fashion company with a philanthropic cause behind their brand. They offer well constructed, high quality garments at a price point that is very attractive to any demographic. Studio15 is looking to expand their offerings to their current customer base by introducing a mobile app. We believe that Studio15 can capitalize on the steady growth of the mobile shopper as well as the more recent emergence of cross-channel marketing with a strong push to the mobile app space, which will both foster growth in new customers and reinvigorate product satisfaction among existing Studio 15 clientele.

MY ROLE

For this project I was part of a 2 person team. We divided most tasks evenly and ran all steps by each other as well as challenged each others ideas to design the best outcome.  

I managed the research phase by conducting interviews, and compiling all findings into our final research report.  I did multiple card sorting exercises to determine how to categorize the navigation groups.  In the design phase we spent a lot of time focusing on the navigation to streamline and reduce the clutter. 

CONTRIBUTIONS

  • Competitive / ComparativeResearch

  • Synthesising data for research report

  • User Research

  • Personas

  • Design Ideation

  • Mid-FI and High-Fi Wireframes

  • Mid-FI and High-Fi Prototyping

  • Spec Doc

  • Design presentation for client


THE OPPORTUNITY

As a new company we had the opportunity to design an app from scratch, and highlight what makes this brand different from its competitors.  Per client request, they wanted us to focus on two specific user flows, and finding a way to better highlight their philanthropy.  We were tasked to create  a design that was inline with the client goals but also took into account the growth of a young company.  We wanted to create a simplified navigation that would allow for ease of future adds, and user flows to increase sales and decrease drop off.

What was interesting to learn from our questionnaire is that while 75% of the users were interested in socially conscious brands only 33.7% of those users indicated that it affected their buying choices.  We saw this as our window of opportunity to showcase Studio15’s cause behind their brand in a way to drive a higher level of engagement with their customers.

 

DESIGN CHALLENGES

CONFUSING CALL TO ACTIONS

From the testing we performed we saw a number of users did not understand the functionality behind the “I have a crush on you” button. All of them understood “You’re the one” but mentioned that this was due to the secondary call to action that explained that it was to add the item to their cart.  The client had initially used this this as a design concept of "Dating your clothing" but it did not resonate with the users.

 
Navigation.png

HOW DO I BESPOKE?

Redesign the Bespoke user flow to be more clear and actionable.  Initially the instructions were not only lengthy but confusing.  They were aSking you to do things that were not even possible in the current platform.  We designed a new flow that was streamlined and guided the shopper through the process of Bespoke.

 
 

REDESIGN A CLUTTERED NAVIGATION

The current navigation was  was confusing and redundant, and did not filter for the items that it was indicating.  Our goal was to research and redesign the navigation to allow for items to be findable.  We did numerous card sorts to see how shoppers preferred to sort and group, and researched some competitors and high end brands to see how other options worked.


NEXT STEPS

We completed the initial task of the client and designed new user flows for her shopping line as well as her bespoke.  Additionally we redesigned her philanthropic page and highlighted this feature through the purchasing process

  • Design the account  of the app.
  • Design personal setting user flow.