Website Design

1. A Mobile-First Responsive Website Redesign

Client: Lynn Gladstone

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, Phase 2: Today's busy couples have a digital-first mindset and wedding planning (researching vendors, utilizing digital RSVPs, etc.) is done on mobile apps. 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 (couples) seeking a wedding officiant.

HOMEPAGE REDESIGN, DESKTOP, WITH NEW INFO HIERARCHY.

Website Design

2. Solution

Redesign The IA for Desktop & Mobile: To show in the main navigation the most important info users initially seek when researching a wedding officiant: About Rev. Lynn (who she is), Weddings (her process, pricing & sample ceremony), her Reviews with photos and her contact info. (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 adding of content on the homepage. For Phase 2: Since viewing reviews & photos are important to couples that info is moved to the top of the page/screen. The sample ceremony & pricing were also moved up.

RESPONSIVE MOBILE WIREFRAMES & PROTOTYPE FOR NEW NAVIGATION.

Website Design

3. Outcomes

Phase 1 Desktop Only: After two years, the new business was selected as one of “The Knot’s Best of Weddings” professionals. Client's business was recognized and awarded this two 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.

"Mobile Invision Prototype Link:"

RESPONSIVE MOBILE WIREFRAMES & PROTOTYPE OF THE WEDDING, REVIEWS, ETC., SCREENS.

Website Design

4. Role: Product Designer & Marketing

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.

PHASE 2 RESEARCH DATA: CUSTOMER REP. INTERVIEWS & COUPLE'S REQUESTS FOR PRICING IN INITIAL EMAILS.

Website Design

5. Who I Worked With

Business Owner/Wedding Officiant: Main stakeholder.

Main Users: Couples married by the officiant/business owner and couples who initially reached out to the business owner.

Customer Representatives from the Knot (largest online Wedding planning service) and Wedding Wire (a similar site but for customers on a smaller budget).

Website Programmer who previously programmed Phase I, the desktop, WordPress version of the website with plans to build Phase 2, the Mobile version using WordPress & Bootstrap.

PRODUCT MARKETING DESIGN: EMAIL MARKETING & SOCIAL MEDIA MARKETING.