OurLuuBeginning
Role: Design, Frontend
Team: Me (with a little help from K)
Tools: Figma, React, Styled Components
Timeline: 2019
Objective
Create a wedding website to inform guests about our wedding details and document our marriage journey.
Requirements
- •
Guests can access all relevant wedding info
- •
Ability to fully customize the UI and add pages for capturing the wedding after it’s over
- •
Pages to include: Homepage, Schedule, Accommodations, Registry, Wedding Party, Photos, Proposal
Process
Build proposal poem page to give K at engagement
Get engaged 💍 (9/22/19 at Longwood Gardens)
Determine necessary wedding info with K
Design mocks and iteration
Development and refinement based on K’s feedback
Share with guests on our ‘Save the Date’ and invitation
Design
K and I wanted the site to reflect our connection as a couple and prefer a minimalist design. I laid out the mocks in Figma; iterating through different designs and color patterns. We landed on a cursive primary font and outline icons tied together with a smooth blue background.
Development
I built the site in React, allowing me to leverage npm packages to create the scroll effect for the proposal poem. I also put int two different types of photo galleries - one for the proposal pics and the other for the photo collage.
proposal poem
proposal pics
Reflection
It has been a very fun project and I loved collaborating with K to tell our story. Creating the site from scratch allows us to craft the design to fit our aesthetic and I got some good practice in both design and development. Can’t wait for the wedding!
