Our Day
Digital Wedding Invitation Website
A digital wedding invitation designed to replace printed cards with something guests could open on their phone, read instantly, and respond to without friction.
Project Overview
"Our Day" is a personalised digital wedding invitation: an interactive web experience guests open from a WhatsApp link and use to RSVP, read the programme, and find venue details on their phone.
I designed and built the entire site, from brand identity to deployment. The visual identity uses a dusty blue and white colour palette with a four-font hierarchy chosen to feel warm and considered rather than generic.
The brief was simple: make it work on a phone, load fast, and take less than a minute to RSVP. Guest feedback after the wedding confirmed it did all three.
Elegant Design
Timeless aesthetic
Mobile-First
WhatsApp optimized
RSVP System
EmailJS integration
Fast & Smooth
Optimized performance
Design
Brand identity, visual theme, and user experience built from scratch
- •Dusty blue and white colour palette
- •Cinzel Decorative for headers
- •Playfair Display for elegance
- •Nunito for body text
- •Great Vibes for romantic accents
- •Clean, romantic layout design
- •Home hero section
- •Our Story timeline
- •Event details & location
- •Wedding program schedule
- •RSVP form
- •Photo gallery
- •Mobile-first approach
- •Hero section with countdown
- •Story timeline layout
- •Program schedule cards
- •Gallery grid system
- •RSVP form design
- •Smooth scroll animations
- •Transition effects
Frontend Development
Fast, responsive, and works on every phone that gets a WhatsApp link
- •React component architecture
- •Tailwind CSS styling
- •JavaScript interactions
- •Smooth scroll implementation
- •Animation libraries integration
- •Responsive layouts
- •Clean component structure
- •EmailJS integration
- •No backend required
- •Form validation logic
- •Error handling
- •Success notifications
- •Guest data collection
- •Email confirmation system
- •Image optimization
- •Lazy loading implementation
- •Mobile-first responsive design
- •Fast loading times
- •Clean code structure
- •Performance monitoring
- •Cross-browser compatibility
- •Netlify deployment
- •Custom domain configuration
- •Meta tags for SEO
- •Social sharing previews
- •Open Graph tags
- •Quick global access
- •Continuous deployment
Platform Features
Everything guests need, with nothing they don't
How I Approached This Project
Process and competencies behind every decision on Our Day
User & Business Insight
Guest demographics — varied age, tech comfort, and mobile context — drove every layout and interaction decision: load fast, read instantly, act easily.
Stakeholder Engagement
Worked directly with the couple to gather their story, preferred aesthetic, and event programme, iterating on designs before any development began.
Design System & Docs
Defined a consistent identity — dusty blue palette, curated 4-font hierarchy — and applied it uniformly so every section felt part of one coherent product.
Interface Design
Mobile-first layout refined across small screens so countdown, RSVP form, and event details read clearly without pinching or unnecessary scrolling.
Technology Enablement
React + Tailwind + EmailJS for serverless RSVP — no backend required — deployed on Netlify with social sharing meta tags for WhatsApp previews.
Usability & Accessibility
Chose legible fonts and colour combos for older guests; kept the RSVP form to three fields to minimise drop-off; communicated errors and success clearly.
Quality Assurance
Manually tested across iOS and Android browsers, multiple screen sizes, and dark and light OS modes before the invitations were sent.
Continuous Improvement
Modernised a traditional experience with live countdown, animated timeline, and real-time RSVP — features validated by positive guest feedback after the event.
View the Live Wedding Invitation
Experience the complete digital wedding invitation with all its interactive features and elegant design.