Love your wedding
to the metaverse
and back.

The Mary app aims to allow people to easily plan, design and experience immersive wedding venues in virtual reality and include their significant ones to join from every part of the planet.
You literally just need to hold a smartphone.

Love your wedding
to the metaverse
and back.

The Mary app aims to allow people to easily plan, design and experience immersive wedding venues in virtual reality and include their significant ones to join from every part of the planet.
You literally just need to hold a smartphone.

This student project prompt was to design
a virtual reality app for wedding venues.

The product.

MARY is a wedding planner that allows users to design, plan and experience a virtual reality/metaverse wedding venue.

Project duration.

January – February 2023

The problem.

Busy workers lack the time and budget to prepare an unforgettable wedding venue |  Expats find difficult to gather friends and family to be available to attend to a wedding.

Project goal.

To easily plan, design and experience an affordable and unforgettable virtual reality/metaverse wedding venue.

My role.

Lead UX Designer, UX Researcher, Visual Designer, Illustrator and Brand Designer.

Tools used.

Figma, Illustrator, Photoshop, Spotify, Google Slides, Google Forms, Miro, Hand-Drawing, Jamboards, WordPress and Elementor.

My responsabilities.

Brief market and benchmarking studies. Conducting interviews, paper and digital wireframing, low-fidelity and high-fidelity prototyping, conducting usability studies, accounting for accessibility and iterating on designs. Brand design and visual design.

1. User research

Kai is a german-american IT consultant and lives in New York with his chinese girlfriend and their cat Meta. He purposed Emma this summer and now they need to plan a wedding venue for their families and friends from New York... and Berlin, Germany.

Pain point I

Wedding venues are expensive and hard to organize.

Pain Point II

Wedding gifts can be expensive and hard to choose.

Pain Point III

Some find wedding venues boring and too social events.

Meet

Kai Schick.

Lives in NYC with his girlfriend
Emma and their dogs

Frustrations.

His german based family and friends can’t attend to the venue;

A wedding venue is too expensive and too hard to plan;

US travels involve too much costs and bureaucracy;

Some people may find wedding venues boring.

Goals.

To have a beautiful and innovative wedding;

To make away guests to attend the wedding venue;

To provide a good experience to his guests;

To save planning time and costs;

Meet

Kai Schick.

Lives in NYC with his girlfriend
Emma and their dogs

Frustrations.

His german based family and friends can’t attend to the venue;

A wedding venue is too expensive and too hard to plan;

US travels involve too much costs and bureaucracy;

Some people may find wedding venues boring.

Goals.

To have a beautiful and innovative wedding;

To make away guests to attend the wedding venue;

To provide a good experience to his guests;

To save planning time and costs;

E

Extravert

Kai is typically outgoing, energized by being around other people. He's socially confident and enjoys being in large social gatherings or public speaking. Kai also tends to be sociable and friendly.

N

Intuitive

Kai's hyper sense of observation allows him to easily access the information he needs when it comes to making a decision, with limited need of acessing proof or evidence.

T

THINKER

Kai is a natural perfectionist with a high attention to detail , with ease on daily tasks of troubleshooting and solving complex problems. Also, he tends to interpret information based on logic rather than emotions.

P

PERCEIVER

Kai tends to become aware of, know or identify by the means of senses , making him a perceiving-oriented individual. He also tends to plan less and adapt better to change.

A

Assertive

Kai tends to be more calm, confident and laid-back, and less anxious about external information.

2. User Journey Map.

To empathise with the users, it was also a created empathy maps and user journey map to dig deeper into each stage that Kai goes through while planning and designing a VR wedding venue.

31.Problem Statement

32.Hypothesis

Kai user name is an engaged german american IT consultantuser characteristics who needs to have his whole Germany based family to attend his wedding venue,user need because their visit to the US would demand too much costs, bureaucracy and hardship. insight

If Kai downloads a virtual reality wedding venue appaction then he's able to have his whole german based family and friends to attend his wedding venue with less costs and planning.outcome

31.Problem Statement

Kai user name is an engaged german american IT consultantuser characteristics who needs to have his whole Germany based family to attend his wedding venue,user need because their visit to the US would demand too much costs, bureaucracy and hardship. insight

32.Hypothesis

If Kai downloads a virtual reality wedding venue appaction then he's able to have his whole german based family and friends to attend his wedding venue with less costs and planning.outcome

4. Ideation

Some rapid ideas were drawn in order to speed-idealize what could the user flow amuse the user on a such atypic process of designing and planning a virtual wedding venue.

5. Competitive Analysis

Some rapid ideas were drawn in order to speed-idealize what could the user flow amuse the user on a such atypic process of designing and planning a virtual wedding venue.

Virbela

Spatial

MootUp

Tech Adaptika

Ability to host virtual events

Ability to customize characters

Immersive UX on mobile devices

Good mobile experience

Good desktop experience

Outstanding features

Acessibility features

User Flow

Navigation

Brand Identity

UX Reference

UI Reference

6. User Flow

After exploratory and market research, I had gotten a fair understanding of the primary user flows for the Mary app. User flow allowed me to see the complete app experience at a holistic level. Furthermore, this flowchart helped me make a checklist of all the pages to be designed.

7. Storyboard

Based on the hypothesis, I did comics sessions for all the top use cases, to better understand the user flows in two points of view: big picture and close-up approaches.. This laid down the initial ideas for the app. These designs were subject to pivot/change based on the formative and competitive research.

Big picture storyboard.

Kai made an international call to tell he’s engaged. His dad promptly asked to let him know soon about the venue.

Then Kai remembered all the effort his dad on a wheelchair will have to do to come to the US to attend his wedding…

Then Kai suddenly had an idea… why not to design and broadcast a virtual reality wedding venue to all his relatives in Germany?

Kai installed the MVRY app, designed with his partner all the venue from their preferences…

And sent custom invitations to his relatives abroad. So fun and easy!

Some weeks later Kai, his partner and all the invitees surely had an immersive, innovative and unforgettable wedding!

Close-up storyboard.

  1. Kai opens the MVRY app
  2.  Then chooses to design a VR wedding venue
  3. Then chooses to design a VR wedding venue
  4. Kai chooses the ideal 3D setting based on the info he provided
  5. Kai chooses then a invitation template and fills up with his desired content
  6. Finally, Kai inserts his email contact list and sends the invitations!

8. Paper wireframes

9. Lo-fi prototype

10. Usability Testing

To test the low-fidelity prototype with real
users it was planned a usability testing session.

Introduction

January 31st 2023

  1. the straightforward design process without the need of watching first the tutorial;
  2. the subscription steps in between the design process;
  3. the amount of “resume design” sessions needed for a successful design process.

Methodology

Time On Task;

Use of Navigation;

User Error Rates;

System Usability Scale.

Research
questions

A)  To determine whether users are able to complete core design tasks within the lo-fi prototype: 

  1. with and without Mary, the wedding planner
  2. with and without the Tutorial.

 

 B)  To gather feedback from the process of:

  1. Create Account
  2. Fill Up Info
  3. Choose Avatar and Venues
  4. Subscription Checkout Cart
  5. Creation of Invitations and Submission

Participants

Participants will be divided into genres (3x Male and 3x Female) and marital status (3x Single/Engaged and 3x Married); 

Participants will be 25-40 years old;

One extra participant with special disabilities will be included;

KPIs

How long does it take a user to design a wedding venue in the app?

What can we learn from the user flow, or the steps that users take, to design a wedding venue and send invitations?

Can users complete all the steps without tutorials?

Are there parts of the user flow where users get stuck?

Are there more features that users would like to see included in the app?

Do users think the app is easy or difficult to use?

Schedule

Unmoderated usability study

Location: Lisbon PT, remote (each participant will complete the study in their own home)

Date: Sessions will take place during the week of February 6-10, 2023

Length: Each session will last 30 to 45 minutes, based on a list of prompts, with a SUS following the study

Compensation: Free expresso and snack

11. Affinity Mapping

Observations were divided and categorized from usability testing sessions:

End of Session

"I think it would be better to be able to edit now the reminders instead of having to go back so many steps"

"For any reason, i don't feel secure about all the steps I have followed"

"i like the layout, but I would include a more interactive feature."

"I would certainly prefer to be able to edit the reminder now"

Forms

"To streamline the process, it would be nice to include a '?' popup to explain the user on why these steps are important"

"I would love to know what kind of information I would have to provide here"

"It seems to me it looks way more simple than a final prototype would become"

General Feedback

"I think that only the upper button is enough, I would be confused if only the down button was provided to start a prompt"

"I think people will tend to navigate to this other content before of create a wedding venue"

"I like the way it makes you feel like you are playing Sims but actually organizing a wedding venue"

Venue Creation

"I find nice to choose between a whole list of venues, but I think it would be nice to be able to customize the one we choose"

"If these venues don't satisfy my tastes, could they be an additional choice of a venue generated by a live digital camera?

"Why these venues? It would be better to know why these venues were chosen after my preferences"

Avatar Generator

"I would not choose one of these avatars to represent me in a marriage, probably I would like to choose one just like me"

"I don't think this would work as actual characters. Brides, and specially grooms, would make a lot of effort to look great in their one of the most special days of their lives"

"I would rather design my own avatar"

Invitation Creation

"It would be nice for me to preview the invitations with the text I choose. I could choose a long and emotional text body, that I don't know if it would fit in the template"

"I think it would work the best to include a spin-off app - like canva or mailchimp - to design invitations"

Tutorials

"Although it is not an actual bot, I find it useful to make you know about the process you are going through"

"I think it is a good idea to provide such info to get to know how the process is developed and why the steps are important for such atypical service"

Payments

"Well, once I am probably spending a lot of money in this service and it would be a really important step of my life, I would like to be sure about on what I spending my money in"

"I would love to be able to review the item cart and the price of each item"

"I think it would be important to be have to review all the items I have chosen and their inherent costs"

12. Pattern Identification

It was observed:

Insights:

It was observed that 2 out of 5 participants found important to define the reminder at the end of a session. This means that it is important to manually define the reminder after the venue creation process.

For most users, there would be a need for a daily reminder, an insight is: users need a reminder at the end of each session.

It was observed that 2 out of 5 participants felt neutral about the end of the session. This means that it is important to add a full review of the steps on the success page.

Most users felt neutral about the end of the session, an insight is: users need a full review page at the end of each session.

It was observed that 4 out of 5 participants were not satisfied about the invitation's creation. This means that it is important to make it full customizable and interactive.

Most users were not satisfied about the invitation's creation, an insight is: users need a more customizable invitations’ generator.

It was observed that 5 out of 5 participants didn’t feel identified with any avatar. This means that it is important to add a create/customize avatars tool.

All users did not feel identified with any avatar, an insight is: users need to customize or create new avatars.

It was observed that 5 out of 5 participants felt comfortable after checking the tutorial. This means that it is important to be accessed before creating a new session.

All users did not feel comfortable with the process without using the tutorial, an insight is: users need to access the initial tutorial to feel comfortable with the wedding venue creation process.

It was observed that 4 out of 5 participants did not feel secure after completing the payment. This means that it is important to add a payment confirmation page.

Most users did not feel secure after completing the payment, an insight is: users need to add a payment confirmation page.

13. Brand Design

Color Palettes

#7B0252

#DB5461

#CFCFCF

#FAFAFA

#FFFFFF

Typography

Section titles | Mary's tutorial

Section subtitles | Action buttons I Menu items

Text boxes | Action buttons II | Avatar names | Venue names | Preview buttons

Accessory product descriptions

League Spartan Regular 22px 700weight 0spacing

League Spartan Medium 18px 600weight 0spacing

League Spartan Regular 15px 600weight 0spacing

League Spartan Regular 12px 300weight 0spacing

The logo came up from the ideas of 'wedding', 'metaverse' and 'wedding planner'. After the app's naming as 'Mary, the wedding planner', it was stylized as MVRY, to respectively include the ideas of 'ring' and 'infinite'.

Logo Design

12. Final UI Designs