/Wedding_Website

Wedding Website for client

Primary LanguageHTML


Wedding Invitation Website

Wedding Invitation Website for one of my client's
View Demo

Project View

Desktop View

wedding

Regalo Page - with Arrival Details and Address

Screen Shot 2023-02-13 at 1 25 31 PM

Regalo Page - Accordion with Arrival Details for out of the international guests

Screen Shot 2023-02-13 at 1 25 42 PM

RSVP Page - with Form Submit to add the name, number of guests, and a message

Screen Shot 2023-02-13 at 1 25 57 PM

Mobile View

mobile1
mobile2

About The Project

Front End Developer Portfolio Website

UX / UI Design:

  • Original Design
  • Aesthetic: elegant, earthy, flowery
  • #648678 #648678
  • #f0f0f1 #f0f0f1
  • #dec664 #dec664
  • #A9A9A9 #A9A9A9
  • Simple fonts with different weights for Desktop and mobile version

2 Main Fonts from Google Fonts:

  • "Montserrat", sans-serif;
  • 'Cormorant', serif;

Built With

  • HTML
  • CSS
  • JavaScript
  • Host: Netlify

What did I learn:

  • A project of this magnitude would have best been replicated with a library such as React
  • I could have benefited from using a CSS preprocessor such as SASS or LESS to save time

What problem does it solve?

  • Name, Number of guests, and Message go directly to Client's email
  • Complete Unique and Onen of a kind website Design

What makes your project stand out?

  • The simple photo and font animation when you open the page

Contact

Linkedin: Shannon Mettry

Source Code

Website Link