My New Project Overview
My New Project Overview

My New Project Overview

Title

What I've did for what

Prototype Video Gif

Prototype Video Gif

Prototype Video Gif

Challenge

How might we objective challenge

My role

UX Design, Research, Interaction, Prototyping, Testing

Timeline: 1 month

Year: 2020

Tools: Framer X

Prototype GIF

Prototype GIF

Prototype GIF

Understand

Context

Statement + Objective conclusion "so that"

Problem Definition

Out of many issues identified, 3 stood out as a clear problems for guests and the business:

  1. Problem - This is why it is a problem
  2. Problem - This is why it is a problem
  3. Problem - This is why it is a problem

User problem:

👤

Business problem:

📉

Discovery

Highlights:

We unearthed useful insights through usage data, inventory analysis, and user research:

  • What we discovered
  • What we discovered
  • Objective discovered on user behaviours

Image of stats

Image of stats

Gain Confidence

Ideation

With my PM and team, I sketching out a number of different interaction model concepts for desktop, moweb, iOS, and Android.

image
image
image

Photo of sketches SMALL with caption

Photo of sketches SMALL with caption

Photo of sketches SMALL with caption

Photo of sketches SMALL with caption

Photo of sketches SMALL with caption

Together, we discussed pros and cons of each direction, and quickly converged on a hybrid model that would best serve guests' needs while also supporting the requirements

Finally, I prototyped a few different desktop and mobile concepts and my team and I ran light concept testing on each.

Validate + Iterate

My team and I rolled out changes as milestone-experiments:

M1 — Layout improvements

The first milestone release focused on improvements in how we used screen space on desktop.

By rearranging the layout of the desktop photo viewer, we were able to display vertical photos 40-60% larger and horizontal photos to display 30-50% larger.

M2 — Cross-tier support

Next, I led the effort to make the photo viewer work across all Airbnb tiers: Marketplace, Plus, Luxe, Hotels, Experiences, and Adventures.

M3 — Entry point improvements

Finally, the third release improved entry points to the photo viewer across all tiers.

image
image
image

Polish

Designs & Prototypes

Along with final visual design, I built prototypes in Framer for Mobile and Desktop.

These helped demonstrate how interactions looked and felt, and were also a resource for our engineers.

SAME VIDEO OF BEFORE

Results

The project was a success because:

  1. Successful lunch - Achieved something
  2. Reduced costs - I mean, we make money
  3. Improved experience - Decrease in time from launching gallery to tapping book

Other studies

Other studies

Other studies

Raffaele Vitale