Frontend & Motion Developer // 2024
serocoffee.id
Digital hub resmi SERO Coffee — pindah dari Instagram ke web sendiri, ngebut & SEO-ready.
AstroSupabaseGSAPTailwind
Live site ↗ 100
Lighthouse
SEO
Discoverable di Google
Masalah
SERO Coffee (Citayam, konsep #SelesaiDiSERO) punya komunitas kuat di Instagram — tapi seluruh ekosistem digitalnya nyangkut di satu platform. Berisiko, dan susah ditemuin lewat Google.
Yang gua bangun
- Digital hub mandiri — website resmi yang dikontrol penuh sama SERO, lepas dari ketergantungan Instagram.
- Astro + Supabase — HTML-first, ngebut dibuka, data dinamis dari Supabase.
- GSAP + Lenis — animasi scroll & reveal yang mulus buat naikin brand.
- SEO-ready — bisa ditemuin di Google Search, bukan cuma di feed.
Hasil
Landing cepat yang jadi pusat brand SERO — siap discovery lewat SEO, gak lagi 100% gantung ke Instagram.