2
ABOUT ME
3
ABOUT ME
My strong ability to empathize with others drives me �to examine the root of the problem, and exercise my passion for designing aesthetically pleasing, clean, delightful, inclusive and accessible experiences for users.
I received my BFA in graphic design, and I have a strong foundation in the the visual arts, including drawing, painting, mixed media, digital photography and writing.
Other passions of mine include health, wellness and the healing arts. In my free time, I enjoy listening to various genres of music, dancing, meditating, rapping, hiking, exploring and immersing myself in nature.
4
MY SKILLS
5
MY SKILLS ARE…
USER EXPERIENCE
wireframing
USER INTERFACE
SOFT SKILLS
TOOLS
My Resume!
6
MY WORK
7
MY WORK
‘check-in’ is a mobile app, designed to provide clear communication for travelers, through flight & luggage updates.
Case Study: Travel Mobile App
‘check-in’
Case Study: Government Redesign
‘Department of Education’
Case Study: Sound Healing App
‘Listen’
Full Case Study!
I redesigned the Department of Education Homepage, by simplifying and cleaning up the UI. Both Web and mobile versions were created.
Full Case Study!
‘Listen’ is a mobile app, designed to provide a safe and healing space for users, who are highly sensitive to external sounds.
Full Case Study!
8
Portfolio Homepage!
UX/UI PORTFOLIO
CASE STUDIES
9
check-in
A Travel Mobile App Case Study
Kelly Birg: UX Designer
10
OVERVIEW
PROJECT OVERVIEW
A case study, articulating and presenting the step-by-step process required for the creation and development of a mobile app, that provides updates for travelers through flight and luggage tracking.
TIMELINE
60 Days
DELIVERABLES
Mobile App & Case Study
MY ROLE & RESPONSIBILITIES
Individual Based:
Created and designed the
entire user experience,
from conception to the
finished product.
TOOLS USED
11
Case Study Link!
EXECUTIVE SUMMARY
THE PROBLEM
Travelers are frustrated when any changes to their flight and luggage occur, but not knowing the reasoning behind those changes can leave them
feeling helpless.
THE SOLUTION
By implementing the five stages of design thinking (Empathy, Research, Definition, Prototyping and Testing), I was able to help by designing a mobile app, that focuses on providing clear communication and updates for travelers, through a flight and luggage Tracker.
12
CHECK-IN
1. USER RESEARCH
2. DEFINITION & IDEATION
3. PROTOTYPING
4. USER TESTING
5. HIGH-FI PROTOTYPE
6. CONCLUSION
I conducted five user interviews, and sent out a survey, where I received eighteen responses. Based on the data that was gathered,
I found that some of the most common needs amongst travelers included strong communication, staying informed, good customer service and convenience.
Responses
Interviews
Survey
13
CHECK-IN
1. USER RESEARCH
2. DEFINITION & IDEATION
3. PROTOTYPING
4. USER TESTING
5. HIGH-FI PROTOTYPE
6. CONCLUSION
Following the interviews, I synthesized the data by creating Affinity and Empathy Maps, which led to the creation of my User Persona, Zane Reiley.
Affinity Map
Empathy Map
User
Persona
14
CHECK-IN
After synthesizing and analyzing the data, I was able to identity a specific problem for travelers, by defining a Problem Statement and User Insight.
Problem
Statement
User
Insight
1. USER RESEARCH
2. DEFINITION & IDEATION
3. PROTOTYPING
4. USER TESTING
5. HIGH-FI PROTOTYPE
6. CONCLUSION
Zane needs to receive updates regarding the status of his flight and luggage, because being informed will give him more time to plan effectively while traveling for work, help put his mind at ease, and improve his travel experience.
During the interviews, I discovered that some of the most challenging aspects for travelers were receiving poor communication and customer service, regarding flight changes and misplaced luggage.
Therefore, I believe that travelers need to be well-informed, regarding any changes, and I might be able to help, if I designed an app that would make it convenient for them to receive flight and luggage updates.
Users can feel helpless when traveling, due to external factors that are �out of their control. Flight changes and lost luggage are challenging enough to manage, but with the addition of poor communication and customer service, a negative experience is created.
15
CHECK-IN
By utilizing the "I Like, I Wish, I Wonder" Method, several ideas were born, and the strongest of the bunch were sorted into a Feature Prioritization Matrix and
Value Proposition Canvas.
1. USER RESEARCH
2. DEFINITION & IDEATION
3. PROTOTYPING
4. USER TESTING
5. HIGH-FI PROTOTYPE
6. CONCLUSION
I Like, I Wish, I Wonder
Feature Prioritization Matrix
Value Proposition Canvas
16
CHECK-IN
And, the experience for Zane Reiley continued to evolve and come to life, through Storyboarding and Journey Mapping.
1. USER RESEARCH
2. DEFINITION & IDEATION
3. PROTOTYPING
4. USER TESTING
5. HIGH-FI PROTOTYPE
6. CONCLUSION
Storyboard
Journey Map
17
Through sketching, I created a User Flow, and low-fidelity wireframes, which simulated the experience of communicating updates for travelers.
CHECK-IN
1. USER RESEARCH
2. DEFINITION & IDEATION
3. PROTOTYPING
4. USER TESTING
5. HIGH-FI PROTOTYPE
6. CONCLUSION
User Flow
Wireframes
18
My goal was to provide guidance, step-by-step, while designing the overall experience to be simple, positive and self-explanatory for users.
CHECK-IN
1. USER RESEARCH
2. DEFINITION & IDEATION
3. PROTOTYPING
4. USER TESTING
5. HIGH-FI PROTOTYPE
6. CONCLUSION
Digital Wireframes
Low-Fidelity Prototype
19
Using the online platform, Maze, I created an Unmoderated Usability Test, with the following goals and objectives in mind:
CHECK-IN
1. USER RESEARCH
2. DEFINITION & IDEATION
3. PROTOTYPING
4. USER TESTING
5. HIGH-FI PROTOTYPE
6. CONCLUSION
20
To gain a better understanding of the testers’ success rate, I sorted the results, using a “Prioritization Matrix”.
CHECK-IN
1. USER RESEARCH
2. DEFINITION & IDEATION
3. PROTOTYPING
4. USER TESTING
5. HIGH-FI PROTOTYPE
6. CONCLUSION
21
When completing the task, “Track Flight and Luggage”, only one tester achieved success, while two testers took an indirect path, and three testers didn’t proceed forward. Five testers followed an indirect path, when it came to “Creating an Account,” and two testers achieved indirect success, when completing the task, Adding a Flight and Luggage. However, all testers were able to successfully and directly complete the task, “Log out”.
CHECK-IN
1. USER RESEARCH
2. DEFINITION & IDEATION
3. PROTOTYPING
4. USER TESTING
5. HIGH-FI PROTOTYPE
6. CONCLUSION
22
By sorting the results in this manner, I was able to gain insight, ideate, and appropriately prioritize potential solutions for improving the user experience.
CHECK-IN
1. USER RESEARCH
2. DEFINITION & IDEATION
3. PROTOTYPING
4. USER TESTING
5. HIGH-FI PROTOTYPE
6. CONCLUSION
23
“Very Intuitive”
“Highly Engaged”
“Somewhat Engaged”
Based on the overall analysis of the results, I was led to believe that the navigation system could be improved, and other adjustments could be made, in order to increase the level of simplicity for the users.
CHECK-IN
1. USER RESEARCH
2. DEFINITION & IDEATION
3. PROTOTYPING
4. USER TESTING
5. HIGH-FI PROTOTYPE
6. CONCLUSION
24
By making the appropriate iterations, this would give the users more control back, which would prompt a higher level of engagement, and build a stronger sense of trust, thus, create a more intuitive and positive experience.
CHECK-IN
1. USER RESEARCH
2. DEFINITION & IDEATION
3. PROTOTYPING
4. USER TESTING
5. HIGH-FI PROTOTYPE
6. CONCLUSION
25
After making the necessary iterations, I was able to create a High-Fidelity Prototype, for “check-in”.
CHECK-IN
1. USER RESEARCH
2. DEFINITION & IDEATION
3. PROTOTYPING
4. USER TESTING
5. HIGH-FI PROTOTYPE
6. CONCLUSION
26
I had this idea of simulating an experience for my user, through guided animations. But, I was reminded of how difficult it is, to create and implement an experience such like the one I had in mind.
My design went through three rounds of iterations, and to be able to see the entire creation evolve, from start to finish, was humbling. It’s what I needed to experience, in order to solidify a resolution for my user. It was fun, challenging, insightful, and rewarding.
In regards to future iterations for “check-in”, I would like to incorporate a Design System, and iterate the UI, specifically the color palette. Additionally, I plan to send the prototype out for more testing!
CHECK-IN
1. USER RESEARCH
2. DEFINITION & IDEATION
3. PROTOTYPING
4. USER TESTING
5. HIGH-FI PROTOTYPE
6. CONCLUSION
27
CONTACT DETAILS
28
GET IN TOUCH
MY LINKEDIN:
https://www.linkedin.com/in/kellybirg/
MY UX/UI WEBSITE:
Coming soon!
MY VISUAL ART WEBSITE:
https://cargocollective.com/kbirg/
I’d love to connect, share my work, and answer any questions you may have!
Here are the best ways to reach me:
CALL OR TEXT:
313-407-7706
EMAIL:
LOCATE ME ONLINE
29
30
30