Introduction to the Design

Design Problem

Planning a wedding should be joyful, yet many couples describe the opposite: stress, confusion, and a lack of support. First-time planners often felt unsure of their next steps and lacked reassurance along the way. LovePlan turns that stress into structure with reassurance, organization, and task-based support to guide couples through each step.

63% of couples emphasized the need for support and guidance to reduce stress and feel confident in their plans.

Goal

Design an all-in-one wedding planning app that supports couples with guided tasks and mentor assistance to build confidence and reduce stress.

Create support for couples through mentors, who help build confidence.

Add a task system to track progress as the couple works towards their end goal: their wedding day.

POV Statement

I want to explore ways to help couples gain more confidence in planning their weddings, as many are afraid of making mistakes.

I want to explore ways to track users’ progress in completing necessary tasks, as many couples find it difficult to schedule and manage their planning.

HMW Questions

How can we help the couple build confidence so they can envision their dream wedding without overthinking mistakes?

How can we help couples understand the tasks they need to accomplish to achieve their wedding goal?

Insights Gathered

Competitive Analysis

To better understand the current landscape, I analyzed three competitors: Joy, Zola, and The Knot.

Joy stood out for customizable designs and organization templates.
Zola offered free websites, registries, vendor connections, and invites.
The Knot served as an all-in-one tool, supporting budget tracking, venue selection, and vendor management.

While these tools were feature-rich, they all shared a key limitation: they offered tools but not progress support. None provided a system to help couples actively reduce tasks over time, creating a gap that LovePlan could fill.

This analysis also helped me identify visual opportunities — ensuring LovePlan would feel professional and polished while remaining approachable and supportive.

Key Learnings

I learned about planning tools, who my audience is (the age range), and which tools help make planning more organized.
I learned about my competitor’s strengths and weaknesses.
I found out what most websites use for organization and planning (For example, Planning tools such as Wedding websites, Vendors, Invitations, etc)

Most Important Learning

I learned that successful wedding planning focuses on quality over quantity, creating personalized experiences for each couple, and paying close attention to detail.

Opportunities

Moving forward, I will create a design that focuses on the couple's needs by prioritizing personalization, variety, simplicity, and organization, based on what I’ve learned.

User Interviews

I interviewed four participants with varying experiences in wedding planning to gain insight into their challenges and desires. A consistent theme emerged: couples didn’t just need tools; they needed reassurance.

Participants felt unsure about where to begin, how to prioritize, and whether they were making the “right” choices. This insight confirmed that LovePlan needed to be more than a checklist — it needed to act as a supportive guide.

Total of 4 Participants

Three had already planned their weddings.
One had no prior experience with wedding planning.
Two were interviewed in person.
Two were interviewed on the call.

Common Themes

A strong need for tools that simplify and organize the planning process (e.g., checklists, task separation).
A desire for clear budgeting features to manage costs and prevent overspending.
Value is placed on personalized inspiration and easy access to vendor options.

Pain Points

Overwhelmed by time constraints and a lack of planning experience.
Difficulty managing budgets and organizing wedding tasks efficiently.
Lack of inspiration, inclusivity, and centralized vendor/guest communication.

User Interview Key Questions

What tools did you use to help you plan?

What was the biggest struggle when planning your wedding? How did you overcome this struggle?
What are some essential tasks you could list that are necessary in planning a wedding?

Affinity Mapping

To synthesize my findings, I grouped insights into three categories:

Challenges: Users often felt overwhelmed by the number of decisions, struggled with organization, and were uncertain about next steps.
Wishlist: The most common request was for task planning tools that would adapt as the wedding progressed.
Success Factors: Participants described their weddings as most successful when they felt supported, confident in their decisions, and able to stay organized without second-guessing themselves.

These themes provided a blueprint for LovePlan’s feature priorities — with task management and guided support becoming the central focus.

Piecing the Puzzle Together

User Persona

From these insights, I created personas to keep user needs front and center:

Noah: Overwhelmed by planning → inspired a simplified flow.
Mia: Afraid of mistakes → shaped the need for built-in guidance.
Evelyn: Excited but stressed → highlighted the importance of organization and reassurance.

By grounding features in these pain points, I ensured that LovePlan’s design decisions reflected real user challenges rather than assumptions.

User Flow

I mapped the core flows starting with sign-up/login, which led to the homepage. From there, users could either manage tasks on the planning page or book a session through the mentor guidance tool.

The task section became the most detailed, as I needed to account for adding, editing, and confirming completed tasks. Creating the “happy path” focused on keeping these steps intuitive and straightforward, giving users confidence as they made progress.

Bringing Ideas to Life

Low-Fidelity Wireframing

Building from the user flows, I started with low-fidelity sketches that focused on navigation for my two core features: task management and mentor guidance. Sketching each step revealed that I needed more pages than I initially expected to support the process entirely. These early sketches helped me visualize how each feature would function in context and allowed me to evaluate whether they would genuinely be helpful to users before moving forward.

Mid-Fidelity Wireframing

At mid-fidelity, I refined the flows to improve clarity and usability. One key improvement was the task editing interaction — when users select “edit,” the task becomes highlighted, allowing them to change the title or explanation easily. This made the process more intuitive while reinforcing a sense of progress and control.

Branding

LovePlan’s branding centered on support, reliability, transparency, joy, and simplicity. I used a clear hierarchy to reduce frustration, consistent components, and a soft blue-and-cream palette to build trust, and playful icons with heart details to add joy without clutter.

The logo and typography tied the system together — professional, easy to read, and subtly elegant, reflecting the classiness of weddings. While I had a vision early on, competitor research helped me refine it and ensure LovePlan felt both familiar and distinct.

Moodboard

Logo Sketches

Style Tile

High-Fidelity Wireframe

The high-fidelity stage allowed me to bring LovePlan’s brand values to life. I created a UI component kit that emphasized simplicity and consistency, while playful logos and icons added a joyful, love-centered personality to the design. The result felt authentic to the experience of wedding planning — supportive, cheerful, and clear.

I’m most proud of the visual design, which not only resembled a real wedding website but also resonated with users. During usability testing, one participant commented specifically on the UI, noting that it felt professional and well-crafted — a validation that my design direction was effective.

Refining the Journey

User Testing

I tested sign-up, task navigation, and mentor booking to see how intuitive LovePlan felt. Participants praised the professional UI and overall ease of navigation, but testing revealed key pain points:

Tasks were hard to find and edit.
The navigation at the bottom confused users.
Actions lacked confirmation, leaving some unsure if steps were completed.

These insights led to clear iterations: moving navigation to the top, replacing trash icons with an edit icon, and adding highlight states to buttons and mentor selection. The result was a smoother, more intuitive experience that gave users confidence in their planning.

Login/Signup

The sign-in process was generally easy to understand and navigate. Only one user had difficulty logging in because he wanted to log in with Google.

Plan Page

The users spent different amounts of time on the plan page. Their feedback ranged from difficulty finding tasks to ease of navigation. Some specific feedback included challenges with editing tasks and suggestions for improving their appearance.

Support Page

The support page seemed easy for the users to understand and complete. Some feedback would be improving navigation and UI elements for a smoother experience.

Iterations

Homepage Navigation: Made the menu icon clickable, leading directly to the menu page.

Active States: Added highlighted states to buttons so users know when an action has been selected.

Task Management: Simplified the “View All Tasks” process with a dropdown menu and added highlight states to each button.

Task Editing: Removed confusing trash icons and replaced them with a transparent edit icon that only appears when a task is selected.

Mentor Selection: Added a highlighted state when users select a mentor to reinforce their choice.

Final Design Mockups

Key Takeaways

Challenges Faced

As my first UX/UI project, I had to learn the whole design process while building LovePlan. Early on, I struggled to understand the purpose of each step, but as I progressed, I realized how crucial it was to prioritize key pain points and translate them into features that truly supported users.

Lessons That Shaped Me

I learned how much detail goes into building wireframes that are both functional and intuitive—adding confirmations, highlighting touchpoints, and carefully layering steps taught me how to create flows that feel clear without overwhelming users. Group critiques also pushed me to reflect on the reasons behind my decisions, helping me refine confusing areas, such as the task section, into something more logical and user-friendly.

If I had More Time

A budgeting feature would be my next focus. Many users expressed stress around managing costs, and adding this functionality would make LovePlan an even more complete tool.

What I'm most proud of

I’m proud of how I grew from” simply “completing flows to understanding the reason behind each design decision. By embracing feedback and asking better questions, I created a product that not only resembles a wedding website but also truly supports couples through one of the most overwhelming times in their lives.

Explore The Prototype

All - Valueserve - Pawfection - Instagram - LovePlan

LovePlan

Creating Confidence with LovePlan

Year

Duration

Role