Tổng quan
Nocturne là website giới thiệu thương hiệu nước hoa niche dành cho thị trường Việt Nam. Mình xây dựng dự án end-to-end, từ ý tưởng thương hiệu, định hướng thiết kế và trải nghiệm người dùng đến sản phẩm production hoàn chỉnh bằng Next.js App Router. Website tập trung vào hình ảnh cao cấp, chuyển động có chủ đích, responsive và SEO kỹ thuật, gồm các trang bộ sưu tập, chi tiết sản phẩm, công cụ tìm mùi hương, cửa hàng, câu chuyện khách hàng và luồng liên hệ gửi email.
Đóng góp chính
- Phát triển trọn vẹn sản phẩm từ ý tưởng, định hướng hình ảnh và thiết kế giao diện đến triển khai production.
- Xây dựng kiến trúc Next.js App Router, ưu tiên React Server Components và khả năng render tĩnh.
- Xây dựng hệ thống giao diện responsive và hiệu ứng chuyển động bằng GSAP được lazy-load để hạn chế ảnh hưởng hiệu năng.
- Phát triển bộ sưu tập, trang chi tiết sản phẩm, tìm kiếm và công cụ gợi ý mùi hương theo sở thích.
- Hoàn thiện SEO kỹ thuật với metadata, canonical, JSON-LD, sitemap, robots và ảnh Open Graph.
- Tích hợp form liên hệ qua Resend và React Email với validation phía server.
