01

A Mobile-First Responsive Website Redesign

Role: Digital Designer, Art Director, Brand & Marketing Designer

Background, Phase 1: This wedding officiant/vendor site was originally built for desktop users. Client's desktop focus matched her competitors. For Phase 1 business goals, created a personal brand-based business offering services as an interfaith officiant who also creates ceremonies for all major life events (births, graduation, etc.).

The Problem & Solution, Phase 2: Today's busy couples have a digital-first mindset and wedding planning (researching vendors, utilizing digital RSVPs, etc.) is done on mobile devices. 39% of couples plan on mobile devices (Wedding Wire Study). For Phase 2: Created a mobile-first responsive website redesign including changes to the IA, homepage info hierarchy, and adding a mobile navigation to better target mobile users goals in seeking a wedding officiant.

Visuals Presented: Desktop homepage IA redesign with top 2 rows answering user's most important questions: who is Rev. Lynn, her wedding work, reviews, sample ceremony & prices.

02

Solution

Redesign the IA for a Mobile 1st Experience: Shown in the main navigation the most important info users initially seek when researching a wedding officiant: About Rev. Lynn (who she is), Weddings (her work, pricing & a sample ceremony), her Reviews with photos/videos and her contact info as shown here. (Based on research from The Knot & Wedding Wire.)

Desktop & Mobile Homepage Redesign: In phase 1, the home page was designed with a Pinterest look to present the many services the client wanted to offer. The modular 3-column grid with content boxes allowed for easy rearranging or editing of homepage content. For Phase 2: Since viewing reviews & wedding photos/videos are important to users that info is moved to the top row of the homepage (shown on previous slide Visuals Presented) and added to the mobile navigation as shown here. The sample ceremony & pricing were also moved up on the desktop and added to the mobile navigation.

Visuals Presented: Responsive mobile wireframes. Prototype for new IA & navigation: Mobile Invision Prototype Link.

03

Outcomes

Phase 1 Desktop Only: After two years, the new business was selected as one of “The Knot’s Best of Weddings” professionals. This was a business goal achieved. Client's business was recognized and awarded this 2 years in a row based on couple's post-wedding ratings and reviews.

Phase 2 Desktop and Responsive Mobile Redesign: Development team is sizing the scope of the work for making the site responsive.

Visuals Presented: Mobile wireframes on who Rev. Lynn is & what are her user reviews and wedding photos/video. Mobile Invision Prototype Link.

04

Role : Digital Designer / Art Director

Business Research: Interviewed owner & reviewed site's history.

User Research of Couples Seeking Officiant: The redesign of the IA was based on customer responses over the years in phone calls, emails, in-person contact and post-wedding reviews. New IA reflects the info most frequently asked for by couples in their search.

User Research of Customer Reps from the Knot & Wedding Wire: Interviewed them to learn what couples most frequently need to know about an officiant to make their initial contact.

Developed New Content Strategy with Owner: Including what info was most relevant for mobile screens.

Selected Web Tech (CMS, Bootstrap): Worked with programmer to review options.

Developed & Designed: IA, wireframes & UI for responsive website.

Visuals Presented: Phase 2 research data: customer rep. interviews & couple's requests for pricing in initial emails.