Magnolia Acres Farms 
Easy​​​​​​​​​​​​​​ Wedding Scheduling
Introduction
Easy Wedding Scheduling Responsive Website and Dedicated App
Project Duration:
January to March 2022
The Problem:
Maggie and John are overwhelmed with booking information for weddings at their farm. They want a way to organize their booking information; they also need a way for their clients to quickly and easily check available dates and send their details to schedule their weddings.

The Goal:
Create an easy-to-use, responsive wedding scheduling website where users can schedule weddings at Magnolia Acres Farm, and booking information will export into a master spreadsheet where John and Maggie can keep track of all of their events.
My role: 
UX designer: leading the responsive website from conception to delivery.
My Responsibilities:
Conducting interviews, paper and digital wireframing, low and high fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs, determining information architecture, and responsive design.
Why was design involved:
I needed to understand couples who are getting married, their common behaviors and the challenges they face. I will use the information gathered from user interviews to create an interface they can easily use to schedule their wedding, where the details will export into a master spreadsheet, solving the problem of organizing the booking information for John and Maggie. While staying within a tight budget, to increase bookings and improve efficiency. 

Magnolia Acres Farm responsive website Home Page

Understanding the user
User research: summary:
I want to understand the recurrent behaviors and challenges couples face when finding a venue for their wedding; with these goals in mind, I create three primary research questions. The first research question is: Can you describe how you would go about looking for a wedding venue, and what do you think about that process? The second research question is: What do you like and dislike about shopping for a wedding venue? The third research question is: What influences your decision for a wedding venue? 
I need to gather attitudinal data to understand the needs and frustrations of the user. I will conduct informational interviews with users and stakeholders to understand their desired features in a wedding venue website. 
I discovered they want to have the ability to quickly check if their date is available and wedding packages with pricing. I developed a packages page with pricing and a check your date page to add to the product definition.
User research: pain points
Pain point 1:
Too many advertisements when wedding shopping.
Pain point 2:
Users need a quick and easy way to see if their date is available.
Pain point 3:
Users had difficulty navigating the website.
Pain point 4:
Persona: Eve
Problem statement:
Eve is a 39-year-old web designer who needs to find a rustic venue where they can host their fairytale wedding and reception because she has always dreamed of the perfect fairytale wedding.
Persona: Archer 
Problem statement:
Archer is a busy social worker who needs a quick and easy way to check available dates at a wedding venue because he needs to find a place soon, or they may have to change their desired date.
User persona Eve Holland with image of Eve

User persona Eve Holland with image of Eve

User persona Archer Adams with image of Archer

User persona Archer Adams with image of Archer

User journey map
When creating my user journey map, I discovered a few screens I would need to add, such as Micro-Wedding, and Book a Tour.
Eve's user journey map

Eve's user journey map

Phases of Design
Sitemap:
My goal in creating the sitemap was to see how the navigation would make the most sense for users. 
Magnolia Acres Farm Sitemap

Magnolia Acres Farm Sitemap

Paper wireframes:
When designing my wireframes, I wanted to create wireframes that would be simple to navigate. A hundred percent of my users directly completed their tasks in the user study.
Micro-Wedding
Micro-Wedding
Weddings
Weddings
Packages
Packages
Home
Home
Digital wireframes
I discovered in my user research that users expect Images with page headings to link to their respective pages. Users also expect to find the check your date, Book a Tour, Packages, and weddings buttons on the homepage.
Low-fidelity prototype
The user flow: Home > Weddings > Packages > Check Your Date > Book a Tour > Contact > Message Sent 
Low-fidelity prototype with connections

Low-fidelity prototype with connections

Usability study
In a remote unmoderated usability study with five participants lasting about twenty minutes, I found users had difficulty finding the contact button on the homepage. Users are expected to click the images with page headings linked to those pages. Despite these issues, users still managed to navigate through the user flow.

"Book a Tour" digital wireframe before and after useability study

Mockups 
Original screen size

"Weddings" Mockup

"Packages" Mockup 

Tone Spectrum
Scenario= User is trying to contact the farm to schedule their wedding
User Feels=Confused, excited, ready to schedule their wedding
My goal for users= to find a way to schedule their wedding
Tone=Helpful, brief, clear
Message=Contact to schedule

Mockups: 
Screen size variations
Home, Weddings and Packages Photoshop mockup

Home, Weddings and Packages Photoshop mockup

High-fidelity prototype
Link to Prototype: https://xd.adobe.com/view/4517d2f2-8e63-4eea-8045-a38a330fcff3-1044/?fullscreen
High-fidelity prototype with connections

High-fidelity prototype with connections

Accessibility considerations:
I annotated the designs with labels and descriptions for accessibility.
Headings are made clear for screen readers.
Landmarks have been made clear for screen readers.
Takeaways:
Impact: 
The Magnolia Acres Farm wedding scheduling made it easy website was what they needed. The website collects booking details for John and Maggie and exports them into a master spreadsheet where they can keep track of all of their events.
What I learned:
I learned how to create wireframes and prototypes for a responsive website, and I learned Adobe XD.
Next steps
Conduct follow-up usability testing on the new website
Identify any additional areas of need and ideate new features.
Let’s connect!
Thank you, for viewing my Magnolia Acres wedding venue responsive website!
Back to Top