Project 1: Create an App in Figma
Product:
Wedding venue preview app for wedding venues in Honolulu called Honolulu Lovin
Duration:
May 2021 - August 2021
Challenge:
Help groom & bride to-be’s plan their wedding by providing a platform for them to preview & compare wedding venues in hopes of finding the one that fits within their guest count, budget and customizing needs.
Goal:
Our wedding venue preview app will let users research, compare & plan for their wedding venue which will affect bride & groom to-be’s planning a Honolulu destination wedding completely remote by providing a platform to search & customize their ceremony details complete remote. We will measure effectiveness by tracking user reviews, completed tasks and usability of features
Roles & Responsibilities
UX Designer
UX Researcher
UX Writer
-
Primary & Secondary research (competitive audit & interviews)
-
Personas, Empathy maps, Storyboards, Wireframing (paper and digital)
-
Lo-Fi & HiFi prototypes - including iterations
-
Usability studies
-
Copy
Understanding the User
Pain Points
Personas
User Journey Map
User Research
User Research
The user research conducted was split up into two sections: Secondary and Primary research.
-
Secondary research consisted of a competitive audit across 4 different wedding planning virtual platforms.
-
Primary research was based on interviews across 5 participants.
Pain Points
1
Cost & Capacity
​
Across the interviews and competitor audit - understanding the cost of venues and how many guests they can hold is the most important for the users/participants.
2
Services Offered
​
From the interviews - the participants unanimously discussed how they needed to understand what services and amenities the venue had to offer within or in addition to the rate quoted.
3
Guest Entertainment
​
It was important for the participants to know that they could identify venues that were affiliated with or in proximity to hotels for the guests to stay at and activities that their guests could do locally outside of the wedding.
4
Comparing Places
​
From the competitor audit - I saw how some of the other platforms offered a comparison, and others offered blogs. When combining that with the answers from the interviews - being able to see what is available in a simple way to compare seemed most
Personas
Kaylene
Age: 38
Education: BA Graphic Design
Hometown: Boise, Idaho
Family: Engaged
Occupation: Graphic Designer
​
Kaylene is a 38 year old woman living and working in Atlanta, GA with her fiance, Keefe. They were going to elope to an exotic location but instead decided to bring their friends and family along to Honolulu. She is looking fora. venue that she can economize the trip around but also wants to see her wedding vision come to life.
Toby
Age: 30
Education: BA Design
Hometown: Phoenix, AZ
Family: Engaged
Occupation: Product Developer
​
Toby is a 30 year old living with her fiance, Greg - a veterinarian, in their Phoenix, AZ home. Toby has a very creative eye and wants to find a venue that is both traditional for her family (and Greg) but also can reflect elements of her. She wants a venue that can have many options to choose from and flexibility in accommodations. She is willing to pay the extra dollar to ensure her wedding vision comes to life.
Journey Maps
![Google UX Design Certificate - User Journey Map [Honolulu Wedding].png](https://static.wixstatic.com/media/4b24ab_824f4fca4aa54d58875e72af2997e155~mv2.png/v1/fill/w_700,h_406,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Google%20UX%20Design%20Certificate%20-%20User%20Journey%20Map%20%5BHonolulu%20Wedding%5D.png)
![Google UX Design Certificate - User Journey Map [Honolulu Wedding] (1).png](https://static.wixstatic.com/media/4b24ab_83cdaf7bbd474eb4bc580741e9fac0ca~mv2.png/v1/fill/w_723,h_406,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Google%20UX%20Design%20Certificate%20-%20User%20Journey%20Map%20%5BHonolulu%20Wedding%5D%20(1).png)
Design Commencement
Wireframes
Being my first project: I started with drawing out the wireframes on paper that I then transitioned into digital. After a few iterations, it was ready for its first Low Fidelity usability study
Evolving to Digital Wireframes
Low Fidelity Prototype
Top is the screenshot, below is the embedded video showing the navigation itself. The low-fi prototype was mainly focused around the navigation, usability, intuitive interaction/flow.
Low Fi Proto Video
After developing insights from user testing - this is the final low fidelity iteration flow before I head into the high fidelity mock ups and prototyping.
Refine the Design
Hi Fidelity Mock Ups + Protoype
You will see mock-ups before & after that represent how the refinement started to where it ended based on user feedback from usability studies.
Mock Ups - Before & After: Insights to Iterate from Usability Studies
-
Based on usability testing feedback below, I was able to make helpful changes to the designs.
-
Very busy coloring & shadows
-
Overlay nav menu distracting
-
Too close to edge of screen - felt cut off
-
Footer Nav menu hard to understand
-
Need more cues for CTA’s
​
Below illustrates the 6 rounds of changes to get to the right design and flow of information.
Hi Fi Proto Connections
Hi Fi Proto Video: Final Product
