Portrait of Theresa

Theresa Tran

Hitched

A Solution for Wedding Coordinators

Hitched aims to put a wedding coordinator’s information and documents for each of their weddings into one place. Its four features, “Checklist”, “Schedule”, “Contacts”, and “Seating Chart” streamline key wedding functions, making them easily accessible for the coordinator on the wedding day.

Context

Course work for Introduction to User-Centered Design

Duration

10 weeks (autumn 2018)

My Role

Primary digital visual designer, UX designer

Tools

Adobe Illustrator, Figma, Lucidchart

Team

Anthea Bartlett, Sara Behbakht, Theresa Tran

Full Documentation

View Here

Hi-fidelity prototypes of the Hitched app

Process

design process

Purpose

How might we support wedding coordinators in the execution of their client’s dream wedding day?

User Interviews

Overview

We conducted three semi-structured interviews with wedding planners and coordinators, as well as additional informational interviews with wedding vendors and a bride.

Foundry Vendor Open House
Foundry Vendor Open House

Insights

Communicating with and keeping track of all parties included in a wedding is complicated and confusing. Managing different wedding documents such as the seating chart, schedules, and contact information can be tedious. This user is motivated by seeing the wedding come together after all the time and effort she put into the event.

Personas

Overview

After synthesizing information from the interviews, we developed two personas focus on displaying the goals, desires, and pain points of planners and coordinators.

Persona of Madison
Wedding Coordnator Persona - Madison
Persona of Julia
Wedding Planner Persona - Julia

Takeaway

The personas were a crucial turning point for our project, showing us that planners and coordinators have two distinct roles.

User Journey Map

Overview

Drawing from the user interviews and personas, we created a user journey map. Wedding planners work with the clients for a full year leading up to the wedding, while wedding coordinators focus on the week of the wedding. For the scope of this project, we decided to focus on coordinators because coordinators have a more focused role in the wedding process.

User journey map
User Journey Map

Design Requirements

Overview

Synthesizing our research, we generated the following design requirements.

View and edit the details of the wedding day schedule. Allow for organized communication with wedding stakeholders. View the layout of the reception seating chart. Access final list of materials for setting up the wedding. Access a to-do list of tasks to be completed before the start of the wedding.

Storyboards

Overview

Focusing on the day of the wedding, we created storyboards of situations that coordinators face with possible solutions. Creating storyboards allowed us to visualize the components of our design within the context of a wedding coordinator’s day.

storyboard
Storyboard

Takeaway

Because wedding coordinators are always on the move, and constantly has their phone on them, we decided to focus on an app-based solution.

Information Architecture

Overview

Synthesizing our findings from the research, compiling potential solutions from the storyboards, and referring to the design requirements, we created an information architecture diagram to determine the overall structure and organization of the app.

Information architecture diagram
Information Architecture Diagram

Paper Prototypes

Overview

Translating the structure of the information architecture into paper prototypes, we were able to solidify the different functions on each page and a rough layout and style of the application.

Key Features

Other than the home screen, our app has four key features.

  1. Schedule
  2. Checklists
  3. Seating Chart
  4. Contacts

Usability Testing

Overview

Participants

Wedding coordinator and three participants with event planning experience

Five Key Path Scenarios

  • Edit an event on the wedding day schedule
  • Find and adjust the seating placement of a guest on the seating chart
  • Check off that the flower arrangements have arrived
  • Call the mother of the bride
  • Access another wedding project
usability testing
Usability Testing

Takeaways

These usability tests helped identify strengths and weaknesses of our design.

Strengths

  • Organization of the app is clear
  • The app’s main features are useful for event and wedding coordinating

Weaknesses

  • Editing the schedule did not have an intuitive interface
  • Movement of individuals on the seating chart cause confusion

Wireframes

Overview

Using insight gained from the usability tests, we iterated upon the paper prototypes, creating annotated wireframes. The annotated wireframes provided the framework for the layout, text, and content on each page, transforming Hitched into a more concrete concept.

Takeaways

One of the major feedback we received during iteration of the wireframes was that the home screen from our paper prototypes were redundant with the navigation bar. Therefore, the home screen should instead provide a quick snapshot of the app’s upcoming contents for the coordinator.

High-Fidelity Prototypes

Overview

Due to the scope of the project, we focused on three key features of our application for the high-fidelity mockup. Although our high-fidelity mockups are similar to our wireframes, some notable changes were made.

Home

On our home screen, we added important client contacts to the "at a glance" home screen so they were more easily accessible.

Schedule

After feedback from a wedding coordinator, we readjusted our scheduling feature design to better accommodate the packed schedule of a coordinator. We additionally discovered that our original concept of “my schedule” and “master schedule” was inaccurate, and drew from an actual wedding coordinator’s schedule to create the high-fidelity mockup.

Seating Chart

On our seating pathway, as noted in the wireframes section, we changed our screens to accommodate feedback from our usability test. We created a more holistic display in which the user selects a table and all the guests seated there are listed, in addition to the existing "find guest" feature.

Takeaways

One of the major feedback we received during iteration of the wireframes was that the home screen from our paper prototypes were redundant with the navigation bar. Therefore, the home screen should instead provide a quick snapshot of the app’s upcoming contents for the coordinator.

Future Directions

In the future, we would have liked to…