Zoe's UX Portfolio

ZOE LEWISUX Portfolio 2015

about me

I’m a UX Designer with the gift of finding humor in most things.

UX Design marries my strong visual arts background and love of research to create user-centric experiences. My ability to empathize and connect with people helps me get to the roots of a problem and suss out a user-friendly solution.

I love the nitty, gritty details and think microinteractions are the key to making an end product standout.

My boyfriend and I like to

cook new, tasty recipes. We also like to watch videos

when we eat.

We love to hang out and play

with the family dog, Panda!

Hello, I’m Zoe.

(they don’t always turn out so well!)

Ideation Design Testing

Iterate

Research

Revisiting any one of the earlier steps in response

to user test analysis

InVisionSketch

Hype POP Keynote Slack

my UX toolkit

my UX process

Typeform

OmniGraffle Axure RP Google Drive Whiteboards, Pens, Pencils, Sketchbook, Unbridled Enthusiasm

Watch this Space—I’m learning new skills all the time!

Identifying user and brand goals through

interviews, competitive analysis, etc. to create

or validate the problem statement

Synthesizing and interpreting the research

data through critical thinking to determine

what needs to be designed

Creating user-centric experiences by keeping

user needs at the forefront of the design process

Testing the design frequently and often

ensures a user-friendly outcome and prevents

irreversible design debt

Case Study 2Case Study 1 Case Study 3

Take a look through these three case studies to get a glimpse of how I work

Hipmunk NYC Costumes OutDoc

Case Studies

Hipmunk, a consumer-oriented online travel company aims to take the agony out of travel planning. Their goal is to help you book travel faster and more efficiently.

Case Study 1Hipmunk

Bringing Memorable Travel Experiences to the Masses

Case Study

Design Team:

Target Device:

Time Frame:

Tools:

Opportunity:

3 UX Designers

Native App for iOS

2 Weeks

Pen, paper, Google Forms, Sketch 3, Omnigraffle, Keynote, InVision

There is potential for growth in the lifestyle market, by providing clients with once-in-a-lifetime travel opportunities and social experiences through the sales of group classes, activities/excursions and workshops.

Hipmunk

Problem Statement:People want to try new experiences with their friends and/or other travelers.

1

This was a student project at General Assembly designed to explore an area of opportunity for an existing brand of our choice, choose a platform and work with technical constraints.

StoryboardsJob StoriesComparative AnalysisWireframesHigh-Fidelity Mock-Ups

Project PlanSurvey FindingsUser Interviews User FlowsPersonas

Usability Testing IterationsInteractive PrototypeNext Steps

Deliverables:

My Role:As UX Designer, I conducted 4 user interviews and created the main persona used in our scenario. I created job stories and wireframes. We conducted usability tests together, and I created the invision prototype.

The current Hipmunk iOS app

vs our iOS app

Research Ideate Design Test Iterations

We interviewed 12 people out of the 77 respondents to our online survey and affinity mapped our findings to determine our personas.

David: Spontaneous Traveler

For Maria, we created trips of a lifetime and the bucketlist feature—she wants to participate in once-in-a-lifetime experiences, but wants to do so prudently, i.e. wait for a drop in the ticket price (push notifications for price alerts). She is open to meeting new people, but would want to know who is going before booking an activity (login via facebook to see who is going).

Maria: a mix of both

“Once in the country, I don’t have a rigid plan. I’ll make a plan once I am physically there,”

“Ultimately, the prices and deals determine when and where I go on vacation,”

“I go to events my friends invite me to on Facebook—I’ll go depending on who is also going,”

Interviewing Affinity Map

Our Personas

Feature: Last Minute Deals

Feature: Price Alerts/

Push Notifications

Feature: Login to See Who is Going

Kate: Avid Planner


Design, Test, Iterate, Rinse, Repeat.

1. We changed the hamburger menu button to explore.

2. Content brought up to see activities available below the fold.

3. Image lightened for easier distinction

Usability Tests

Annotated Wireframes

1

2

3

Testing the prototype, our instructor said he tried to, but couldn’t get lost.

Next in store would be to explore downloadable guidebooks for a nominal fee by partnering with travel guide brands, like Lonely Planet

Launch the Prototype

https://invis.io/CB3O2TLVS

https://invis.io/CB3O2TLVS

Case Study 2 NYC CostumesDesigning a Less Scary User Experience

New York Costumes (Halloween Adventure) has the largest retail selection of costumes, wigs, masks, props, and decor in New York City.

Case Study

Design Team:

Target Device:

Time Frame:

Tools:

Opportunity:

Sole UX Designer

Responsive Website

2 Weeks

Pen, paper, card sorting, Sketch 3, Omnigraffle, Keynote, InVision

A more natural, intuitive navigation would benefit the brand’s users without alienating their loyal client base.There is a high number of better known competiting websites in the market, but a more efficient purchasing experience may help push NYC Costumes to the top.

NYC Costumes

2

This was a project at General Assembly with the challenge of designing a new information architecture and content strategy for an e-commerce website with an abundance of unique, sellable items. We were given 100 items for card sorting and three personas.

Comparative AnalysisAnnotated WireframesUsability Testing

Navigation Site MapUser FlowsCard Sorts Heuristic Analysis

IterationsInteractive PrototypeClass Presentation

Deliverables:

Problem Statement:With large retailers like Amazon as competition, smaller retailers, like NYC Costumes, need to update their websites pronto.

The current NYC Costumes Website

vs. my proposed website


Key TakeawayEach person had a different idea of what category items belong to— I conducted a third round of closed card sorts with just the newly created main categories and sub-categories and got affirming results.

As with competing sites, recommendations are for NYC Costumes to feature popular costumes, etc. on the homepage (i.e. Minions costumes, because the Minions movie came out recently)

Common pain points:Card Sorting

Our Personas

Comparative User Flows

Information Architecture

29 yr old high tech sympathy

61 yr old grandmother low tech sympathy

38 yr old single dad with a young daughter high tech sympathy

Dexter John Edda

Confusing, difficult navigation

Inability to purchase across multiple devices

Create a simpler way to make and edit purchases

Solutions

To complete the task of adding and editing an item from the cart:

8 actions and 5 pages on new NYC Costumes

Party City

Homepage

14 actions and 9 pages on Party City vs.

Create responsive layout



1. Search bar was originally hidden; iterated upon testing.

2. You can add to cart by rolling over page and clicking on desired size (due to limitations in inVision, you have to click twice in prototype).

3. Need to test further to determine if the search bar is detectable in current location.

Usability Tests

Children's Costumes Section


3

Next in store would be to conduct further testing on the mobile wireframes.


1

2

http://invis.io/BG3DO4Z6Q

http://invis.io/BG3DO4Z6Q

Case Study 3OutDoc

A Doctor Search for the LGBTQ Community

OutDoc is an online search platform that allows lesbian, gay, bisexual and transgender patients to search for healthcare providers knowledgable about the unique healthcare needs of the LGBTQ community.

Case Study

Design Team:

Target Device:

Time Frame:

Tools:

Opportunity:

3 UX Designers

MVP for Desktop

2.5 Weeks

Pen, paper, Google Drive, Typeform, Sketch 3, Omnigraffle, Keynote, InVision

There is need within the LGBTQ community for a reliable way to locate healthcare professionals who have the knowledge and wherewithal to treat patients professionally.

Determining the needs of the community through research will aid in the creation of the MVP.

OutDoc

3

This was a client project with OutDoc through General Assembly.

As lead User Researcher and UX Designer, I conducted 12 interviews and synthesized the data into our research report. I created one persona, handled the competitive analysis for one of our competitors, created our final medium fidelity wireframes and our final iterations.

OutDoc MVP

Comparative AnalysisAnnotated WireframesUsability TestingIterations

Research ReportSurvey FindingsUser Interviews User FlowsPersonas

Interactive PrototypeRecommended TimelineClient PresentationMVP

Deliverables:

My Role:

Problem Statement:Create a MVP for OutDoc so that members of the LGBTQ community will be able to locate, review and refer LGBT-friendly, knowledgeable, competent doctors.


“When I go to the doctor, I expect to have a bad experience; the glass is always half-empty,”

Key Takeaways

Should have Could have Won’t have (in MVP)

Though some expressed less need for an LGBTQ Doctor Search, all interviewees said they would use it.

Input from the community is vital.

Affinity Map

S*, a transgender

male Our PersonasWe kept our three personas and their needs in mind throughout our feature prioritization and design process. We prioritized features using the MoSCoW method:

Doctor search by location and gender

A blog to boost crediblity in community

Partnering with other health organizations

Online booking, community forum

Must have


Usability Testing



1. The homepage is where OutDoc needs to establish credibility within the community and inject their own flavor into it.

2. Transgender specific care should be a filter and not a dropdown (will just display doctors with Trans Care badges).


Presenting our findings to OutDoc was an emotional experience for both teams.

I feel good about the work we did and how we laid the foundation for a site that will truly benefit an entire community of people.

2

1

https://invis.io/QJ3UR8V2U

Validating Our Design

https://invis.io/QJ3UR8V2U

—George Bernard Shaw

let’s connectYou see things; and you say ‘Why?’But I dream things that never were;

and I say ‘Why not?’

[email protected]

www.linkedin.com/in/zoeklewis

http://medium.com/@ZoeKit

New York, NY

Thanks.

“

mailto:[email protected]?subject=

http://www.linkedin.com/in/zoeklewis

http://medium.com/@ZoeKit