Perfume Website
0
Frontend Engineer
Web Developer
UI Designer
Node.js
Svelte
Tailwind CSS
The work is still in progress. The purpose of this website is to create a comforting feel and an enigmatic experience. The website sells perfume, individual, serial, and business-tailored. This page will run through some parts of the website. Feel free to explore it yourself, though.
Colour Scheme
First, we began by working with the colour scheme. The client wanted a moon-like shade of blueberry. I used Adobe Color for this, and then the guidelines laid out in Refactoring UI to create the colour pallette for the website. CSS is done through Tailwind.
The neutral colour.
The primary colour.
The secondary colour.
Having decided on the colours, I set out to design a website that would feel mystical. The client insisted that I used her quotes extensively on the pages, which I did, turning the first page into an experience, where texts write and rewrite themselves over time. This is possible via GSAP, a JS animation library.
Landing
The greeting screen.
The text starts typing itself.
At the bottom of the page, there are links to two main subsections of the website.
The footer is minimalist and contains what it should – a contact form and secondary links.
The email notification system is set up through Resend. The footer is almost invisible when unhovered, which makes it truly delicate.
Services
My client can add as many products as she wants via Sentry.io. The changes are instant.
This is the product page.
An example of a service. The whole website follows the same design logic.
Like this project
0
Posted Jun 24, 2024
A business website, fast and easy to use. Svelte, TypeScript, tRPC, Sanity. Pure code.
Likes
0
Views
0
Tags
Frontend Engineer
Web Developer
UI Designer
Node.js
Svelte
Tailwind CSS
Business Card
Perfume Web App