Select Page

modern aisles
website redesign

My Role: UX, UI
Duration: 2 months

illustration of people jumping in air


The Client: Modern Aisles, Elyse Gordon

The Challenge

In 2021, Modern Aisles is planning to expand its business, updating its service and product offerings. They would also like to launch with a rebranded look and feel, migrate to a CMS, and integrate automated workflows for online booking.

The Solution

Redesign the Modern Aisles website with updated information architecture in alignment with new service options. Design new branding, build and launch new website redesign on WordPress ensuring integration with customer management software and an online booking solution. 

My Role: UX, UI, front-end developer

Tools Used: Figma, Illustrator, Miro, WordPress

Design Process


Business Research
Competitor Analysis
User Interviews
Affinity Mapping


User Personas
Journey Mapping
Card Sort, User Testing
Site Map


Usability Test
UI Design


Iterate Design
CMS Setup
Build & Integrate
Launch Site


The research phase of this project consisted of stakeholder interviews, competitive analysis, survey and user interviews. Due to COVID-19, this project was done virtually utilizing Zoom and other cloud platforms. To kick off the research phase of this project I began by gathering background information and holding stakeholder interviews to identify the goals, constraints and primary business needs for this project. Below is a sample of the intake questionnaire and main project goals identtified.

image of text document

Project Goals

Updated Information Architecture
Modern Aisles is planning to expand its services and products in the new year.

New Branding
An updated logo and branding design.

Automated Workflows
As the business expands, Modern Aisles would like to integrate client management software within website workflows and improve the online booking experience.

Migrate to CMS
Redesign the website and migrate to WordPress.

Increase the Number of Visits and Time on Site

Competitive analysis

To gain inspiration and better understand industry best practices, I conducted an in-depth competitive analysis in order to identify industry standards for a website redesign. I began by looking at the website of several direct competitors and their services, website features, online experience, strength and weaknesses. 

    Image of spreadsheet with text

    Key Insights

    Expanded Service Offerings
    Diverse service offerings including design, full planning, elopements, destination and general event planning.

    Online Booking/CMS
    The majority of competitors had no online scheduling tool present or integration with client management software.

    All competitors surveyed in the analysis had active blog content, an updated portfolio with prior wedding case studies and active social media feeds.

    Target Audience
    The majority of sites are marketing to predominately traditional wedding couples, not using inclusive language or exemplifying diverse teams and/or couples in portfolios.

    user research

    To better understand the customers’ thoughts, needs, and pain points, I conducted an online survey and interviewed five people about their experience searching for a wedding planner/coordinator. Interviews were conducted via zoom and I used Optimal Workshop to conduct the online survey that was completed by 20 individuals. Insights gathered were then arranged in an affinity map.

    Example Questions

    • How long were you engaged before you began searching for a wedding planner/coordinator?
    • What are the main qualities and characteristics that you look for in a wedding planner/coordinator?
    • Tell me about the last time that you researched an event/wedding planner and booked a consultation.
    • What did you find frustrating about the experience? What did you enjoy?
    • What features are most important to you when deciding on an event/wedding planner?

     Sample Responses


    Affinity Mapping
    Activities towards forming the solution included affinity mapping, problem statement and feature prioritization. All of the information from the research phase was collected and an affinity diagram was made to align with stakeholder’s needs. The affinity diagram below includes inputs from stakeholder interviews, user interviews and survey data.

    Mental Model Technique
    I developed potential features using a ‘Mental Model’ technique and mapped out their possible values using a Feature Prioritisation method, including High vs Low Impact and Expected vs Unexpected

    image of colorful sticky notes on whiteboard

    Affinity Map

    image of colorful sticky notes on whiteboard

    High vs Low Impact

    key findings

    Values Fit

    Participants wanted to hire vendors that exemplified and shared their core values and are friendly/approachable.

    Online Experience

    Participants expressed a strong preference for online scheduling and a portal for vendor communication. 

    Inclusive & Accessible

    Participants were more likely to engage with planners who were accessible and inclusive to everyone.

    Flexible Cost

    Participants were more likely to select a business that offered scalable planning options to fit their budget.

    Experience & Trust

    Participants placed a preference on vendors who had a strong portfolio visible on their website.


    Personas & Journey Mapping

    I developed three personas based on what I knew of the target users and their needs and pain points. The three personas reflect different types of couples who are representative of potential users of the website.

    In order to visualize the current experience from the user’s perspective, I created a series of user journey maps to illustrate potential scenarios where a user might interact with the Modern Aisles brand. Including the process of first discovery, touch-points, booking flow, decision considerations and experience.

    Image of personas with green background
    image of tables and charts

    Information Architecture

    With a user-centric approach, I began to define and test the IA for a reimagined Modern Aisles website.

    User Testing
    By conducting 5 user tests to understand how users interacted with the current website, I identified potential problems with the current navigation and booking flow.

    Card Sort
    Informed how we could re-group the current website IA and make it more cohesive with new services and content was key to forming the new navigation menu.

    During user testing, 5/5 participants successfully located and booked an online appointment signaling that the current booking flow was easily understood by users. Card sorting data revealed that 90% of participants preferred to group new and existing packages together using “services” in the menu.

    site map & user flows

    Before diving into the design I sketched out site maps and user flows based on the data and analysis from earlier research. I then created the deliverables in Miro. 

    Site Map 

    Taking the card sort and user testing data into consideration, I created an effective site map that would allow users to easily navigate the site reflective of the new service offerings and content of the Modern Aisle site redesign.

    User Flows

    To understand how the users would interact with the site and perform tasks, I created user flows for Booking a free consult on the website, submitting a general inquiry via a contact form, and scheduling a consult via a wedding planner directory.

    image of sitemap diagram
    image of sitemap
    image of user flow diagrams


    Previous Website:

    Prior to this redesign project, the Modern Aisles site was built using a simple drag and drop website builder. It utilized limited stock photography, no graphic design aspects or branded color palette and lacked custom functionality and design as seen in the below screenshots.

    Style Guide

    image of style guide


    Mobile App

    UI, UX, Interaction Design

    New Website

    UX, UI, Consulting

    image of graphic

    UI Projects

    UI Design Samples

    have a project you need help with?

    I’m available for full-time roles, freelance projects, and collaborations.