Product Definition & UI/UX Design for Wedding PWA

Amanda

Amanda Galeano

Product Definition & UI/UX Design for Feature-Rich Wedding PWA

Role: Product Designer Platform: Progressive Web App (PWA) Project Type: Full App Redesign Timeline: 12 Weeks Team: 1 Designer, 1 PM, 3 Developers

About the Project

The client had a feature-rich vision for a wedding app, with the core value being to take video content from guests at weddings and create vertically oriented highlight reels for the couple, aimed to be posted on TikTok, Instagram, and other Gen Z-friendly platforms.

The Challenge

The product features also included a social feed, guest management, and a footage gallery. My role was to translate this vision and design the complete UI/UX from wireframes to a high-fidelity, GenZ-focused user interface.
The main challenge was to make the app intuitive for a wide range of users — from tech-savvy Gen Z to Boomers — while clearly separating the distinct roles of "Couple" (Admin) and "Guest" (Contributor).

Phase 1: Discovery & Definition

Working alongside the project Product Manager, my role was to help detail all features and establish a clear path forward. Key Deliverables
Product Vision
High-Level Users TaskFlows
Prioritized Feature List
Taskflow for the main role of user types (couple, wedding guests, unregistered guests)
Taskflow for the main role of user types (couple, wedding guests, unregistered guests)
Navigation flow mapping features flows for each user type (couple and guests)
Navigation flow mapping features flows for each user type (couple and guests)

Phase 2: Architecture & Design

With a clear scope, I moved into the design craft, evolving the initial wireframes into the final high-fidelity UI. A key part of this phase was translating the client's robust (but not web-ready) brand book into a practical, technical style guide. Key Deliverables
Full product User Flows (all user types)
Low-fidelity Wireframes (covering the system flow)
Technical Style Guide (defining web-safe colors, typography, & icons)
Customized Shadcn Design System (based on the style guide)
High-fidelity UI Design
Couple's Onboarding & Wedding Setup Wireflow
Couple's Onboarding & Wedding Setup Wireflow

Spotlight 1: Couple's Onboarding

The most complex flow was the Couple Onboarding. It involved business rules for partner invites, the wedding setup, and a questionnaire to tailor the highlight reel to the couple's personality.
I designed this as a guided, step-by-step process that simplified complexity and made setup feel manageable.

Spotlight 2: The Guest Onboarding

For Guests, the design goal was to enable them to access the couple's Wedding Details page as quickly as possible and start engaging on the social feed.

The Outcome

The final result was a complete, development-ready UI/UX design package.

Overall, we were very pleased with the experience.

Client Feedback: The client praised the final design and the strong application of the visual identity.
Personal Takeaway: This project solidified my ability to manage highly complex product scopes, translating a multi-faceted business vision into a clear, functional, and beautiful user interface.

Let's Work Together!

I'm available to build high-impact web and mobile apps that drive real results for your business. Let's discuss your project. Send me an email at asg.galeano@gmail.com or book a quick call.
Like this project

Posted Nov 18, 2025

Designed a complete, development-ready UI/UX design for a wedding PWA, creating a GenZ-focused interface.