UI/UX & E-CommerceKlien: Invictus Floral Design
InvictusFlower: Toko Bunga dengan Gaya Editorial
Landing page floral atelier dengan estetika editorial tinggi, animasi GSAP, bento grid layout responsif, dan kursor partikel.
React 19 + TypeScript
Framework
Vite
Build Tool
Tailwind CSS
Styling
GSAP
Animasi
Latar Belakang
InvictusFlower adalah toko bunga premium yang ingin katalognya dibaca seperti halaman majalah: foto besar, tipografi serif, dan tata letak yang memberi ruang pada setiap rangkaian.
Tantangan Utama
- Estetika editorial. tata letak dan tipografi mengikuti bahasa majalah mode
- Particle cursor. pengalaman interaktif unik yang meninggalkan jejak partikel saat kursor bergerak
- Bento grid layout. tata letak modern yang fleksibel dan menarik secara visual
- Multi-halaman. homepage, katalog, halaman occasion, about, dan kontak
Solusi yang Dibangun
Desain Editorial
- Tipografi premium dengan Newsreader (serif) dan Manrope (sans-serif)
- Bento grid layout yang dinamis dan responsif
- Palet warna natural yang elegan
Interaksi Unik
- Particle cursor. kursor meninggalkan jejak partikel bunga yang cantik
- Animasi GSAP yang halus di setiap section
- Transisi halaman yang smooth
Konten Lengkap
- Homepage dengan hero editorial dan showcase produk
- Katalog bunga dengan filter kategori
- Halaman occasion (pernikahan, ulang tahun, duka cita, dll)
- About page yang bercerita tentang brand
- Contact page dengan form pemesanan
Teknologi yang Digunakan
| Kategori | Teknologi |
|---|---|
| Framework | React 19 + TypeScript |
| Build Tool | Vite |
| Styling | Tailwind CSS |
| Animasi | GSAP |
| Tipografi | Newsreader + Manrope (Google Fonts) |
| Routing | React Router |
Tumpukan Teknologi Terpasang
React 19TypeScriptTailwind CSS
Bagikan studi kasus ini:
Siap Membangun Solusi Seperti Ini?
Diskusikan arsitektur sistem, estimasi roadmap, dan alur pengerjaan teknis proyek digital Anda bersama tim arsitek software InvictusWave.
