This is a wedding invitation website for Ataa & Yusuf. The layout is optimized for mobile devices while remaining fully functional on desktop computers.
The site features dynamic guest name personalization based on URL query parameters. It also includes a wedding countdown and event details—such as the location (with an integrated map), date, and information about the couple and their families.
Buttons are provided for guests to send monetary gifts directly to the couple via bank transfer or e-wallet. Finally, the site concludes with a section where guests can leave comments directly on the invitation page.
Project Overview
This online wedding invitation allows clients to send invitations to friends and distant relatives quickly, eliminating the need for printed paper invitations.
The invitation is unique; each guest is assigned a specific profile, so when the online invitation is opened, it displays the guest's name as pre-configured by the client.
The website consists of two pages: a welcome page and an infinite-scroll page. The design was created entirely by YNA Studio to ensure easy mobile access while remaining comfortable to view on desktop devices. Key features include:
Background music plays continuously (the track is selected by the client).
The first page is a welcome page displaying the guest's name, as pre-configured by the client.
The second page features an infinite-scroll/parallax layout containing the following sections:
An initial section displaying a countdown and photos of the couple.
A section with detailed information about the bride and groom, accompanied by their photos.
A section detailing the schedule and venues for the wedding ceremony and reception, including embedded Google Maps and links for each location.
A dedicated section featuring the pre-wedding photo gallery.
A section with options for guests to send wedding gifts via bank transfer or e-money directly to the couple.
A final section containing a form where guests can leave messages for the couple to read.
Role & Responsibilities
The client provides a rough draft of the desired wedding webpage design. YNA Studio then converts it into Figma, and once approved, the website version is developed.
Future Improvements
YNA Studio provides the full source code to the client, allowing them to either publish it themselves or receive assistance from YNA Studio to deploy it to a server of their choice (with server rental costs varying based on the selected provider).
Alternatively, the client may choose to host the site on YNA Studio's sub-hosting; there is no extra charge for this option, though the website will remain active for only one month. To ensure continued accessibility beyond that period, YNA Studio will assist in publishing the site to a server or hosting service of the client's preference.
DEV STACKS
Static Web Page: Next JS, React, Node JS, Typescript
