The M+B Wedding | Guest Experience & UX Design
Made with Figma, Adobe Photoshop
I led the planning and design for Ming and Boris’s wedding, creating a cohesive multi-platform guest experience. This included developing their visual identity, designing all print deliverables (such as save the dates and invitations), and building their wedding website. My focus was on unifying the brand across touchpoints and ensuring a seamless, intuitive experience for both the couple and their guests.
Experience Goals
Miscommunication between the couple and guests, leading to confusion.
Important information getting lost or spread across multiple platforms
Unclear instructions for RSVPs and guest information, causing incomplete or late responses.
Inconsistent visual branding across physical and digital materials
Guests not receiving key day-of details
Problems
Create a cohesive visual brand system that reflects the couple and remains consistent across materials
Provide clear, step-by-step instructions for RSVPs and guest information
Consolidate all essential day-of wedding details into one centralized, easy-to-navigate website
Improve overall communication by aligning messaging, visuals, and information architecture
Goals
I created a clear and organized site map to ensure easy navigation and a seamless user experience. The site map outlined key sections such as the RSVP form, personal story sharing, dress code, venue details, schedule, and gallery photos of the couple. By structuring the site logically, I ensured that users could quickly find the information they needed and navigate through the event offerings with ease.
Site Map
I developed wireframes to establish the layout and structure of key pages. The wireframes focused on creating a clean, intuitive design that highlighted important event information, such as submitting guest details with their RSVP and venue details. I prioritized simplicity and usability, ensuring that users could easily navigate between sections and find the information they needed. These wireframes served as the foundation for the website, allowing for efficient design iterations and a user-centered final product.
Wireframes
I developed the wedding’s visual branding by working closely with the couple to define the mood they wanted their celebration to reflect. Through these conversations, we established a soft, fairytale-inspired direction that guided the overall aesthetic. The final color palette featured pale yellow, green, muted purple for text, and light pink accents—choices that balanced whimsy with elegance and incorporated the bride’s favorite color.
I selected rounded, open typefaces to create a friendly, welcoming tone, paired with script options that reinforced the fairytale feel. This branding system shaped the look and feel of all wedding materials, ensuring consistency across both print and digital platforms and creating a cohesive, memorable experience for the couple and their guests.
Branding
In addition to applying colors and refining the typography, I also included thoughtfully selected engagement photos that I took for the couple. The greenery in those photos added more of the "Stem" green accent, solidifying the nature, fairytale aesthetic.
Applying UI Styles
Here is a polished section in the same style as your other case-study writing—clear, descriptive, and process-focused:
I designed the printed materials—including the save-the-dates and formal invitations—by collaborating closely with the couple to refine the visual direction.
For the save-the-dates, we explored a wide range of references to determine the look they were drawn to. The bride was especially inspired by a mockup photo, which led us to create a digital card that mimicked the feeling of a card-within-a-card. I used a polaroid-style frame and incorporated floral elements generated with Adobe Photoshop’s AI tools to achieve a soft, romantic composition.
Here is a polished section in the same style as your other case-study writing—clear, descriptive, and process-focused:
I designed the printed materials—including the save-the-dates and formal invitations—by collaborating closely with the couple to refine the visual direction.
For the save-the-dates, we explored a wide range of references to determine the look they were drawn to. The bride was especially inspired by a mockup photo, which led us to create a digital card that mimicked the feeling of a card-within-a-card. I used a polaroid-style frame and incorporated floral elements generated with Adobe Photoshop’s AI tools to achieve a soft, romantic composition.
Printed Materials
The invitation design drew inspiration from one of their engagement photos I captured—a shot framed by an ornate gate. To echo this visual, I used a gatefold format that opened to reveal an elegant, floral display of the wedding details. This approach created a cohesive bridge between their photography, branding, and printed materials, resulting in pieces that felt both personal and visually unified.
