Zola Wedding Website

Reducing the stress of wedding planning

Overview

Zola is an all-in-one wedding company with online registry and planning tools to simplify the journey towards a couple’s big day.

In 2017, the then-4-year-old business ventured beyond its primary registry features by introducing a way for couples to tell their story with curated photos and messages for guests, accompanied by a customized to-do checklist and tools to manage their guest list.

Role

I collaborated with the head of design and product, product manager, and engineers to develop the wedding website admin experience by generating design flow diagrams, sketches, wireframes, and mockups for the desktop, web view, and native mobile experiences.


Deliverables

  • Site map

  • User flows

  • Low-fidelity wireframes

  • High-fidelity mockups

  • Animation


Tools

  • Sketch

  • InVision

  • Keynote

  • Illustrator

  • InDesign

  • After Effects


Duration

4 months (2017)

opportunity

Zola was a fast-growing online wedding registry that allowed couples to include gifts, experiences, and cash funds. With so much more happening behind the scenes during the wedding planning process, the opportunity was ripe to grow the experience beyond the core registry.

  • Help couples make better decisions in the wedding process

  • Enhance customer support services

  • Further drive the registry side of the business by selling more products

Proposed Solution

Zola sought to help couples manage their wedding planning more easily with tailored guidance and tools, integrated with a customizable wedding website.

  • Guest list management

  • Wedding checklist

samples of deliverables

Info Architecture Exercise

Couples view

Guest view

Screen Flow Exercise

Mobile - Couples view - Onboarding

Mockups

Mobile - Couples view - Onboarding

Desktop - Couples view - Checklist

Annotations

Desktop - Couples view - Guest List Populated

Desktop - Couples view - Guest List Faceting

Videocapture: Desktop - Couples view - Guest List Faceting - InVision prototype

Animation Sample

Mobile splash intro