ideal Marry

Create your perfect wedding!

Project Brief

Getting married in various cultures have developed into their own set of traditions and rituals. Some have been passed down over time. Some have distinct styles after the integration between cultures.

Thus, there are many kinds of etiquettes, customs, and ceremonies. Many people are usually overwhelmed by the complicated and trivial details during wedding preparation. The to-do list is mixed with the opinions of all parties. Poor communication may even damage their relationships with their loved ones…

I attempted to solve this issue, it gave me the idea of developing a product as a side project for exercise.

Persona

First, I applied the 5W1H approach and interviewed 8 people who are preparing for their weddings or just got married recently.

Moreover, I build the Persona based on information I gathered.

Persona gave me a resonance with the character of the target users. It helps to lay the foundation for development direction and maintain the consistency of the project's goals.

User Story and Map

According to the goals, I extended a number of requirements. I classified and refined these requirements one by one. After writing specifications of User Story, I came up with an information architecture map corresponding to the requirements.

Design content

In the case of ideal Marry, it can be divided into three major functions:

Can users know how many days they have left until the wedding?
Provide users a default to-do list schedule.
Users can add albums to record weddings.

It is a wedding planning assistant before the wedding and a place to bring back memories after the wedding.

Flow Chart

With the information architecture, the user journey process was drawn one by one according to different usage scenarios. At this stage, I needed to think about various user behaviors, system changes and interface feedback.

Wireframe

Then I was thinking about which screens the user need to go through to complete tasks. The configuration of each interface element is arranged in a low-fidelity manner.

Design Guideline

Mood Board

Quality

I simplify process steps, and improve product usability, makes the features of product are in the direction of exquisite and high quality.

Romantic

"Romantic" be as a keyword for visual exploration. I expect the display of the screen is able to bring warmth, romance and tenderness.

Young

The target audience is young and energetic. The expectation of the wedding makes them excited and happy.

Colour

#31B2AC as primary colour.

This fresh, bright, cool colour tone with a slight of warm touch is mainly used on the wedding time countdown backboard. Its visual effect makes the countdown less tense, but with a sense of aspiration.

Secondary Colour is #D38B30.

This gorgeous with a bit of joyful color tone is used to embellish important buttons and information.

Finally, it is supplemented with a series of gray as the background color, or as a foil.

Icon

The icons are based on a sleek and simple line style. They are uncluttered and clearly identifiable.

Mockup

Finally, the mockup is presented at the pixel-perfect level. At this stage, I brought all of the wireframes into visuals and added a pinch of visual detail to it. Additionally, I chose interface elements that fit the overall style and conform to the specification.

Homepage

The user can set the wedding date.

Relative time and absolute time show the numbers of day left till the wedding day.

Both “Time Picker” and “Table View” were shaped with rounded corners to maintain overall style consistency.

To-do list schedule

Automatically homing to the period "Tab" that matches the remaining days .

The considerable system suggestions of empty state:
1. It prevents user from receiving information pressure on the overwhelming amount of to-do tasks.
2. It prompts users to import the default to-do list schedule to free themselves from worrying about what to do with the preparation.
3. Users can import default to-do lists that are separated by different periods.

Check box: Users can tick the to-do item once they complete the task.

Progress Bar: It shows users about the progress of to-do items completion.

Add or import a default to-do list template

Floating action button (FAB):
1. Add or import a default to-do list template.
2. User can import default to-do lists that are separated by different periods.

To-do content

Add a time setting to the new to-do item based on the user's need to record what time to do something:

Execution date of the to-do item.
The interval between the execution and wedding dates (the period): users can set it themselves; or it can be linked with the execution date.
The option to sync it to user’s calendar.

Edit to-do list

Edit button:
1. Delete to-do items.
2. Enable user to order to-do items with no execution date by dragging selected item.

Album

Cards Design:
1. It contains "Contents" and "Actions" in a single card: media, text, button
2. The identical card layout makes it effortless for users to browse and all are editable.
3. It is also straightforward for users to understand the hierarchy of information in card layout.

Floating action button (FAB): Add an album.

Conclusion

This independent project is of great significance to me.

From the circle of friends around me, I can feel the pressure they had from the preparation of weddings and the negative emotional reactions, which in turn creates some tensions in the relationship. However, getting married should be a matter of happiness which is worth celebrating.

After discovering the problem, I started planning this project from the beginning to the end. During the project, I also asked my friends who had the experience of wedding preparation, and learned a lot of details about wedding planning from them.

I also took the opinions of some users into account which helped me to think about how to be considerate to users in the interface process and visual planning. By doing this, the product can truly fulfill its role in assisting the event planning.

This is the first time I have thought out about my own experience and completed an entire project independently.