About

Work

Contact

DESIGN

Get-A-Glimpse

Adding a simple but effective feature the Singapore Airlines websites

View Prototype

ROLE/TEAM

Project Manager

Sole UI/UX Designer

TOOLS

Figma - Adobe Illustrator - Zoom - Lookback.io

DATE/DURATION

4 wks - 80 hours

The Problem

Users want a lot more information when book airline tickets

The Goals

The goal for this project was to enhance the user experience for Singapore Airlines by adding new features at seat selection so traveller's can make better choices prior to them purchasing their airline tickets. As business goal i think this feature could enahnce the ticket buying experience this leading to more sales perhaps more revenue etc.

Background

Problem

Solution

My Approach

Research

Design

Wireframes

Prototype

Reflections

While booking airline tickets online specifically during seat selection there is a lack of relative information available to customers who might find this information useful when choosing seats on any given flight.

The problem arose when on one particularly long flight where I had chosen a Window Seat at booking but after boarding the plane, I realized that the window at my seat wasn't positioned right next to me at all but rather 8 inches behind me. I was frustrated and felt a little duped by the airline. This prompted me to wondered why airlines lacked these details and other useful information at booking.


Background

My Approach

My Approach

01

02

03

04

05

Research

Define

Design

Testing

Iterate

I used these 5 methods to achieve my goals for the project

RESEARCH

5 interviewees

Uses who have tattoos or might be planning on getting one soon

Conducted over zoom calls over 1 wk

Questions were:

Results: How many people liked dislike would visit would not?

Next actions taken

Research Consisted of User Interviews and Competititve Analysis

RESEARCH

Competitive Analysis

User Flow/Journey

In order to envision what each of the personas would need as they were to navigate the feature i created a user journey based on their goals.

Concepts, Sketching & Wireframes

With the user flow/journey complete i was able to better visualize the needs for this new feature. I started by sketching ides on to paper fleshing out the look of the icons represent the different features.

Mid Fidelity Wireframes

With the user flow/journey complete i was able to better visualize the needs for this new feature. I started by sketching ides on to paper fleshing out the look of the icons represent the different features.

Mid Fidelity Wireframes

WireFrames

Concepts, Sketching & Wireframes

User Flow/Journey

Cam Jackson

About

Wants & Needs

Pain Points

Cam is a busy freelance photographer who loves to travel around the world to capture stunning moments with his camera. He is always on the go and needs to book flights frequently. Cam values comfort and convenience while traveling and wants to ensure he has a comfortable seat during his flights.

Cam's biggest challenge is finding flights that meet his preferences and budget. He struggles to find enough information about seat features during the booking process. As a taller guy he needs to know about seat size as photographer he needs to know beforehand the charging options for his laptop and ipad and whether there’s enough room for his camera backpack. Cam wants to easily select his preferred seat and view all the available features and amenities

London, England

Internet

Social Media

Online Shopping

Gadgets

Single

Photographer

33 yo

Struggles to find enough information

Finding flights that meet his preferences & budget

Wants a simple and user-friendly flight booking interface

Frequent disappointment after his flight.

“ Travelling is a big part of who i am comfort is a must ”

Jill Snyder

About

Wants & Needs

Pain Points

Jill is a hardworking and ambitious young woman who has been working as a pharmaceutical sales representative for a few years now. She is passionate about her job and enjoys meeting new people and building relationships with healthcare professionals. She has a busy schedule and often travels to different cities and towns for work

Jill number one priority when flying is comfort. Having information on how much her seat can recline and how much legroom is available to her is key for a comfortable and relaxing flight.

Seattle, WA

Internet

Social Media

Online Shopping

Gadgets

Single live in BF

Pharmecutical Sales

26 yo

Former college athlete with lingering injuries

Struggles to find flight details with specific seat information

Taller than average person so she needs ample legroom

I just want to feel comfortable and that I got a good value whenever i fly”

In order to justify the design decisions I was about to make, I developed these personas to further validate those designs prior to implementation. I referenced these throughout the design process.


PERSONAS

HI Fidelity Wireframes

With the user flow/journey complete i was able to better visualize the needs for this new feature. I started by sketching ides on to paper fleshing out the look of the icons represent the different features.

Reflection/ Key Takeaways

What I learned

Future Goals

expanding its features to encompass additional aspects of the golfing experience such as tracking scores, providing tips and tutorials

Continuous updates and improvements based on user feedback and technological advancements would be crucial to staying competitive and meeting the evolving needs of golf enthusiasts.

Designing this golf app taught me the importance of a seamless user experience, intuitive interface design, and personalized features tailored to golfers' needs, convenience for players seeking tee times will ultimately enhance their enjoyment of the game.

Reflection/ Key Takeaways

FINAL DESIGN

The Solution

A feature that provides a series of useful info at time of seat selection

Lorem ipsum dolor sit amet consectetur. Mi lobortis turpis sapien justo egestas fames. Cursus molestie a posuere. Sit condimentum mollis sit pulvinar suspendisse. Nam lobortis enim faucibus elit eget velit est.

Ullamcorper mollis vel tempus quis ac egestas fames. In pretium lorem non phasellus tristique. Diam.

Lorem ipsum dolor sit amet consectetur. Varius eget viverra.

Lorem ipsum dolor sit amet consectetur. Varius eget viverra.

Lorem ipsum dolor sit amet consectetur. Varius eget viverra.

Lorem ipsum dolor sit amet consectetur. Sagittis sed

Nibh consequat dolor pulvinar in. Luctus sit aliquet massa ultrices nascetur turpis. Arcu

sa ultrices nascetur turpis. Arcu egestas.



Lorem ipsum dolor sit amet consectetur. Sagittis sed

Nibh consequat dolor pulvinar in. Luctus sit aliquet massa ultrices nascetur turpis. Arcu

sa ultrices nascetur turpis. Arcu egestas.



Lorem ipsum dolor sit amet consectetur. Sagittis sed

Nibh consequat dolor pulvinar in. Luctus sit aliquet massa ultrices nascetur turpis. Arcu

sa ultrices nascetur turpis. Arcu egestas.



Lorem ipsum dolor sit amet consectetur. Sagittis sed

Nibh consequat dolor pulvinar in. Luctus sit aliquet massa ultrices nascetur turpis. Arcu

sa ultrices nascetur turpis. Arcu egestas.



Get-A-Glimpse would provide usable information pertaining to legroom, seat reclining range, infotainment systems, movie titles, storage, charging capabilities, lavatory’s and more, all important features one could use to help when selecting airline flight seats.

Final Design

A feature that provides a series of useful info at time of seat selection

The Solution

Icon Development

Primary Colors

Primary 1

#2D2E2A

Primary Colors

Primary 2

#E9A57F

Primary Colors

Primary 3

#FFFFFF

Secondary Colors

Secondary Color 1

#7C7C7C

Secondary Colors

Secondary Color 2

#DEDEDE

Secondary Colors

Secondary Color 3

#F3F1FF

VISUAL SYSTEM

Colors -

Typography -

Iconography

Misc Elements

Buttons

48 px

32 px

28 px

18 px

16 px

Termina

Heading 1

Heading 2

Heading 3

Body Large

Body

Body Small

Body Large (Bold)

Body (Bold)

Body Small (Bold)

Link Large

Link Here

PROTOTYPING

PROTOTYPING

Test: Validation, Usability, Feedback

The goal for moderated usability test for the mobile functionality was to learn how easy it is for users to access the features understand which each feature and accompanying icon was and could they successfully complete the task of selecting a seat aided by the new features. I also learned if the users enjoyed or were happy with the new available features and also what they did not like or would wish to change. I conducted teh test using Lokkbak io as well as zoom.

USER TESTING

Iterations were needed to improve the overall design and with the help of the usability test results I was able to get valuable feedback needed to make the necessary changes to the designs. Key changes to the Get-A-Glimpse icon tray, removal of the pills and the ability to see all the features from the seat map screen to name a few were implemented. Some minor revisions were also made as well.

Iterations

Design Changes

Hi Res Screens

VISUAL SYSTEM

See next projects

back to top

Lets Connect!

Anthem Tattoo

Design Challenge

Get-A-Glimpse

DESIGN