top of page
New logo.png
Wedding Planner Platform system

UX RESEARCH | UX DESIGN | UI DESIGN | USABILITY TEST | PROTOTYPE

מוקאפ2.png

Background: The wedding industry is a vast and ever-growing market, where every detail counts and perfection is the standard. With the ability to focus on one client at a time, the platform ensures that each wedding is given the dedicated attention it deserves, helping planners stay organized, reduce stress, and deliver unforgettable experiences.

Role: UX Research, UX/UI Design, Product design, Visual Design, Prorotyping

Toolkit: Figma, Adobe CC, FigJam, Google Forms, Pencil and paper

Duration: July - September 2024 (8 weeks)

UX Research

Overview

I interviewed 5 professional wedding planners and

gaining insights on user needs and pitfalls to avoid, guiding future design decisions.

Key tasks to pay attention to:

Frustrations and main issues I found:

Miscommunications with clients   might lead to delays and mistakes.

Juggling between meetings  while focusing on every client individually.

Storing client information in ring binders leading to a   cluttered system.

Budget Constraints   and track on spending limit.

Multiple weddings to manage   might become overwhelming.

Research Goals

We want to identify key pain points and optimize features to enhance organisation, efficiency and client management for wedding planners.

Why did I choose the dashboard to address these issues?

Because wedding planners are busy and needed a single system where they could effectively multitask and manage each and every client.

UX Research

To ensure the layout was easy to navigate for wedding planners:

1. Weddings List View- Which makes it intuitive for the user to look for a way to dive deeper into individual client

2. Client focus mode- helps the wedding planner to focus on each client at a time and exit anytime they want. That way the planner can switch between weddings as needed.

3. Add New Client- A form that enables the wedding planner to add new clients to the list.

Selected design approaches that served as the foundation

Dashboard
 

The dashboard is the central hub for

managing tasks, track payments, contracts and communicating with clients, therefore wedding planners needed a single system where they could effectively multitask.

Wedding Planner's payments dashboard view:

Color Coding
 

Makes it easier for the brain to process information faster

Frame 8490.png
Color Coding. אחריי.png

Online Meetings
 

Integrated video calls with screen-sharing capabilities for real-time discussions.

I aimed for a clean, simple interface that's easy for both wedding planners and clients

A place to keep all communication centerlized between the couple, planner and vendors too

chat.png

Chat

Participans

Product Roadmap

Along with an intuitive and predictable design and based on wedding planners interviews, I noticed a pattern of user needs and frustrations. I also created a list of features to determine must-haves for a SaaS platform using the research insights.

Persona #1

Screenshot 2024-08-30 at 10.56.57.png

Emily Hart

45 Y/O - Professional Wedding Planner with 15+ years of experience

Bio

Emily has been in the wedding planning business for over a decade, managing everything from small intimate ceremonies to large, extravagant weddings. She has a dedicated client base and relies on a mix of digital tools and traditional methods (like binders and notebooks) to stay organized. She’s comfortable with technology but appreciates intuitive, straightforward platforms.

Goals

• Maintain her reputation for flawless, stress-free weddings.

• Save time by minimizing manual tasks and automating reminders.

• Offer her clients a more modern, professional experience

• Seamlessly manage multiple clients while providing personalized attention to each.

Frustrations

• Struggles with keeping track of client information and contracts across different systems.

• Finds it time-consuming to manually update and cross-reference various planning documents.

• Feels overwhelmed when managing multiple weddings at different stages of planning.

• Worries about missing deadlines or overlooking important details due to lack of centralized information.

Persona #2

Screenshot 2024-08-30 at 10.57.06.png

Sarah Collins

29 Y/O - Recently started her own wedding planning business

Bio

Sarah is enthusiastic and passionate about wedding planning but has only a few years of experience.
She’s eager to grow her client base and make a name for herself in the industry. Sarah is tech-savvy and prefers digital solutions to help manage her workflow, but she sometimes struggles with organization and prioritization.

Goals

• Build a successful wedding planning business with satisfied, happy clients.

• Learn best practices for managing weddings and grow her expertise.

• Present herself as a professional and reliable planner to her clients.

• Develop a systematic approach to managing multiple weddings simultaneously.


Frustrations

• Struggles with staying organized when managing several weddings at once.

• Overwhelmed by the volume of tasks and the need to prioritize effectively.

• Lacks a clear method for tracking client progress and ensuring nothing falls through the cracks.

• Finds it challenging to balance client expectations with budget constraints.

Persona #3

Screenshot 2024-08-30 at 11.01.40.png

Jessica and Daniel Watson

32 Y/O - Jessica ( Marketing Manager )

34 Y/O - Daniel ( Software Developer )

Bio

Jessica and Daniel are planning their wedding together, with both taking an active role in the decision-making process. They are detail-oriented and want a personalized, unique wedding. They’ve hired a wedding planner to ensure everything goes smoothly but want to stay involved in the planning. They appreciate transparency and regular updates.

Goals

• Have a stress-free wedding day with all details meticulously planned.

• Ensure their wedding reflects their personality and style.

• Stay within budget while still achieving their dream wedding.

• Be actively involved in the planning process and make informed decisions.


Frustrations

• Concerned about staying within their budget while achieving their desired wedding experience.

• Worry that they might not be fully informed or involved in key decisions.

• Fear that miscommunication with the planner could lead to unmet expectations.

• Stress over potential delays or last-minute changes that could disrupt their plans.

UX Design

UX Design

User Flows

After having defined the features of the platform, I created flows for the main tasks.
The flowchart includes a start/end point; page or section; user decision; user choice options; alternative path and system action.

User Flow.png

Task Flows

Taskflow1.png
Taskflow 2.png

Wireframes

The first version of lo-fi wireframes allowed me to run early usability tests and discover the priority revisions that need to be implemented ASAP.

Which decreased the amount of effort being put into creating the hi-fi interface.


The version below includes iterations made mainly to the user experience and flow such as:

  • Change the word “ Focus Mode ” to “Focus On Client” as  a button which directs the user to the main purpose of the button.

  • Adding a client indicator which shows the wedding planner when they're working working on a specific client or shows "All" which is all clients' overview simultaneously.

  • Additional filter options were added such as wedding "countdown" and  "budget size" to increase  the search experience

( Brainstorm sketches on early concepts of content layout and components )

Lo-Fi Wireframes sketch.png
Lo-Fi Wireframes.png

UI Design

Background

Why choose this color

as my main dashboard menu?

The color code #26595A is a dark shade of teal and blue-green cyan.

Since my dashboard palette is very pale, a deep teal would create strong visual contrast, making the menu stand out while still maintaining an aesthetically pleasing look.

And teal can evoke feelings of nature, which ties into weddings, often celebrated in outdoor or garden venues, while keeping it neutral and versatile.​​

Why choose Catamaran as my main font?

The Catamaran font is a modern, clean, and highly readable sans-serif typeface. It ensures legibility, especially in a user interface with many elements. Additionally, it scales well across different screen sizes, maintaining clarity and usability.​​

UI Library 

UI library אחריי2.png
UI Design

Some High-fidelity key-screens That I Designed

Hi-Fi Wireframes אחריי.png

Usability Test

I've tested the first prototype on 5 Senior UX/UI Designers who work in different companies to receive more opinions and important ux/ui critiques. Receiving criticism is my main key role as a designer.

Their testing helped me improve my product for wedding planners.  Here are their thoughts:

Usability test ארגון חתונות2.png

CLICK TO ENLARGE

pngwing.com.png

Iterations

• To improve client table list view

- Remove "Contact information" to add more space.

- Add 3 dots next to client to show options: 
View Full profile- Shows full details of the client including contact information.
Client Mode- Focus on that specific client
Print- to print client's information
Share- to share the client's info via email, whatsapp or any other social media
Delete- Delete specific client.

- Add "Mark Complete" button to move the married couple to the complete section tab.

- Add a scrolling option feature

Before

לקוחות- לפניי.png

After

לקוחות- אחריי.png

•Better Color Coding

- Changed the Insight graphs and pie chart colors to match the dashboard theme (which is more teal greenish color)

Before

דאטה לפניי.png

After

דאטה אחריי.png

•Expand table rows for better view

- Instead of creating 2 payment pages of one list view and one kanban view, I expanded the table rows to view payments full receipts.

- Removed Priority status.

- Added tabs to organize payments better- All, Completed, Cancelled and History.

Before

payments לפניי.png

After

Payments אחריי.png

•Continuous Meetings Protocols 

- Table looks wider and fits the overall graphic language of the whole product.

- Added color indicator next to each row to fit the timeline and the meeting application form.

Before

Meetings-לפניי.png

After

Meetings- אחריי.png

•Form Positions

- Change the form view that was in the middle with a tint, to placing it on the side of the page for
the user's convenience. If a form has multiple steps- it'll have the same transitions like in the clients' list view ( at the top of my website ).

Before

Form לפניי.png

After

Forms  אחריי.png
Usability Test

Prototype

You can view the prototype on web and test it here: 

Prototype
  • Instagram
  • LinkedIn

© Created by Mor Eitan

All projects are for educational purposes only

bottom of page