top of page
Back to Top
OVERVIEW

In New Zealand, there are not many wedding planning companies or guides. When a couple wants a quotation from the venue, they need to spend time contacting or visiting each venue even if it is not exactly what they are looking for. I heard many people are having trouble and experiencing similar things.

In Korea, wedding planning is very common. They suggest venues and wedding plans by the couple's preferences and prices. Also, they contact venues for viewing and booking.

It leads me to think about how we might create a wedding planning app. 

The “First Step” is an app that aims to solve the problem of finding and scheduling wedding venues and supplies by using 3D/VR view functions. It also offers some wedding information and tips so that users can manage their wedding plans with confidence.

ROLE & DURATION

UX & UI Designer

  • Handled all UX/UI design solo

  • User Research, Interation

  • Created wireframe of end-to-end flows, prototyping, visual design mockup, and design specifications

 

June 2022 - September 2022

PROJECT

First Step ; Wedding planning app

Searching all venues through simple step

Discover all information / Easy and simple booking systems

Understanding

- Understanding -

The Problem

In New Zealand, there are not many wedding planning companies or guides for couples who are planning to get married. When a couple wants to get a simple quotation for the venue, they need to spend time contacting and visiting each venue, even if it is not exactly what they want. I heard many people are having troubles and experiencing similar things.

As a UX and UI designer, it leads me to think about how we might create a wedding planning app.

The Goal

  • Design an app for users that allow them to book the venue tour so that they don’t need to search and contact each of them for price, menus, and information about the event area every time. 

  • Offers to use VR (Virtual Reality) mode and 3D view for viewing the event area to help users to understand more clearly without visiting the venue.

  • Easy booking systems for users to book and organize their wedding plans.

User research / Summury

I conducted interviews and created empathy maps (this link) to understand the users I’m designing for and their needs.

A primary user group identified through research was busy scheduling adults who are planning for marriage soon.

User Pain Point

1

Time

Working adults are too busy to spend time on finding and searching venues

2

Complicate

Users need to contact each venue for receiving the quotation and information. 

3

Spatial restriction

Hard to imagine the space only through the images that a venue provided. Most of them are focused on couples. So, users have to visit every venue to look around.

Target User group

Target User Group & Persona

The target user group is

residents in Auckland, New Zealand area who wants to get a marriage soon and busy working couples.

Based on the user research and target user group, I created the following persona to keep in mind

Persona 1.jpg

Katherine's User Story

As a/an busy working person who cannot spend much time looking for a wedding,

I want to have a wedding plan shopping website/app that would not be focused solely on just marketing purposes.

So that I don’t get stressed about searching for a wedding and enjoy time looking

persona 2.jpg

Jeremy's User Story

As a/an man and a young person who is preparing for a wedding without my fiance,

I want to look around the wedding venues or some visual aspects online rather than just visiting

So that I can share all the moments with my fiance even though she is not physically there, and that both of us can highly participate.

User Journey

Goal: To select the venue of her choice and book the venue for viewing

Action

Get the app or visit the website

Find the matching venues (distance/price)

Use VR as a visual tour or look at gallery photos

Find options that are available at the venue

Book the venue for tour / Contacting the owner

Task List

Tasks:

A. Download the
     app

B. search the                 website

C. Set up the                 account

D. Select some              interesting                wedding                    concepts

Tasks:

 

A. Select location

B. Select price range

C. Select the venue        through images.

D. Select the                  capacity of                people (Guests)

Tasks:

A. Purchasing VR         machine is an           optional

B. recommend to         use a wide screen     tablet or a                 computer

Tasks:

A. Looking for a           catering options

B. Select decoration      options that are        available at the        venue

C. Finding options         they offer

Tasks:

A. message/                 contact  the               owner

B. Using                         transportation

C. schedule for a           visiting time

Feeling

Adjective

Impressed about the wedding venue website/app

 

curious and confused about the planning

 

annoyed about the login process

Feeling excited for a dream wedding

 

Feeling stressed finding options under each ones budget

 

Worried about the fraud advertisements / wedding venue

Happy to look around and imagine the wedding

 

Anxious about not visiting the venue and looking through just the images/VR

Tired about spending time browsing

 

Disappointed whether if one is able to afford for the venue under their budget

Nervous about contacting people

 

Stressed about exposing my details

 

Curious about the actual look of the venue

 

Hoping that the venue is what is expected

Improvement

Opportunity

Offer a free consultation or a tip session if the user joins

Collaborate with as many venues as possible

 

Provide a filter for the user to easily categorize the venue

 

Create a slide button on the images, so that the users don’t spend time clicking every venue image.

Offer a showroom

for time-saving and the usage of VR machines.

 

Offer high-quality images

 

Offer a variety of weather cases

 

Provide the use of

all machines

Offer a save button

 

Provide similar options when the user chooses the venue

Create a private contact detail

option so the user doesn’t need to reveal their real contact detail.

 

Create a booking system.

(IA) Information Architecture

Ux Design-95.jpg
IA

User flow

USer Flow.png

Competitive Research

The goal of this competitive audit (this link) was to compare the in-app purchasing experience of each competitor and determine its strengths and weaknesses.

Competitive Research

- Design -

Wireframes / Sketching with Pen & Paper

I sketched so many ideas trying to see which best solved the problem, which helped me in visualizing an outline for the product. For the home screen, I prioritized a simple and easy searching process to help users save time and choose the best option.

Paper wireframe.png
Design

Digital Wireframes

This button/upcoming booking section for users to keep reminding them of their bookings

digital wire 2.png
Digital Wireframe.png

This slide carousel allows users to view without clicking each content.

Easy access navigation button with big icons and simple texts for users to keep track of what they want.

Save and share button;

Do not need to click each content for

sharing and saving.

Simple menu option at the top of the home screen makes fast and easy access 

Evaluation

Annotated Lo-Fi Wireframes & Prototype / Moderated Usability testing

The low-fidelity app prototype for First Step was tested and can view at this link.

I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.

Lo-Fi wireflow.png

Most users were frustrated choosing the right option in the search menu

Supporting evidence from the usability study.

  • 5 out of 5 total participants had experienced inconvenience in choosing the search. 

 

  • 4 out of  5 total participants requested the search needs to be more detailed.

"But when choosing a wedding date, you know like choosing a date for travel, It would have been nicer if I can press plus, minus button or possibly an option for weekly time. I think the participants will not know the exact date. they would only assume that they might get married in certain week."

  • Participant B.

Most users had trouble finding the 3D/VR Tour button and using the 3D view

Supporting evidence from the usability study.

  • 5 out of 5 total participants said the 3D view mode helped to understand the venue but, had trouble finding the 3D/VR Tour button. 

 

  • 3 out of 5 total participants were confused about using the 3D view mode at first few seconds. 

"How to move?”

  • Participant E.

 

"It should have something like 'touch me' or you know. I didn’t know whether it was a button.”

  • Participant D.

capture 4.png
capture `.png

People want the  information to be categorized

Supporting evidence from the usability study.

  • 5 out of 5 total participants said they wanted this information section is to be more categorized and detailed.

“Is this divided by category? Does this have a pet friendly section as well?”

  • Participant E.

People want to choose the visiting/booking time and a request message section

Supporting evidence from the usability study.

  • 3 out of 5 total participants were requested to choose the visiting/booking time and section for request message.

"It would be nice if I can write any request before I book. For example, I want to make sure the food is available for vegan"

  • Participant C.

capture 2.png

Insights and improved design

Based on the user testing, I have invested in improving the design. (provided link)

Design System

Component.png
Design system
Refining Design

- Refining Design -

Mock ups

MOCK-UP-2.png

High - Fidelity Prototypes

The High - fidelity app prototype for First Step was tested and can viewed at this link.

HI-FI Prototype.png

Accessibility considerations

Used icons to help make navigation easier and easy to read

1

2

Provided instruction guide before users who haven’t used the 3D/VR mode.

3

Provided translation option for users who are not familiar with english

Reflection

- Going forward -

Takeaways

  • Set Goals / Prioritise

At first, I wanted to provide users with as much information as possible, but as I continued to add more, it became confusing what goal I wanted to achieve with this app. So, I realized that I need to set a clear and detailed goal and design accordingly.

  • Intuitive design

Through user feedback, I learned that design needs to be intuitive. Even a simple button can cause an uncomfortable user experience, so users would like to minimize their overall mental efforts.

  • Accessibility

We tend to assume that others will know what we know. However, as UI and UX designer, we must always remember  “Accessibility”.

bottom of page