● LAYANAN / 05

Web Design & Development website yang terasa sinematik di milisekon pertama.

Landing page, microsite kampanye, dan company profile dengan interaksi yang dipikirkan dan performa yang tidak dikompromikan. Next.js, design sistem, SEO-ready.

Diskusi ProyekLihat Portofolio →
● PENGANTAR

Tiga detik pertama sebuah website menentukan apakah audiens bertahan atau menutup tab. Di tiga detik itu, ada dua perang yang harus dimenangkan: loading speed dan kesan visual.

Mooilux merancang website dengan disiplin yang sama seperti merancang film — typography sebagai komposisi, whitespace sebagai pacing, transition sebagai timing. Pendekatan ini memang memakan waktu lebih lama di tahap design, tapi menghasilkan pengalaman yang berbeda dari template.

Stack default kami: Next.js 16 untuk frontend, Sanity CMS untuk content management, Vercel untuk hosting. Kombinasi ini memberi performa Lighthouse 95+ secara konsisten dan kemudahan editing untuk tim brand. Tidak ada plugin yang tiba-tiba lemot, tidak ada update yang tiba-tiba breaking.

Untuk landing campaign, kami sering masuk dari level naskah — karena kalau kalimat hero tidak tepat, animasi dan transition berapa pun tidak akan menyelamatkan. Web yang baik selalu dimulai dari satu kalimat yang jujur.

Performa adalah desain. Sebuah landing page yang loading dalam 1.2 detik tidak butuh banyak animasi untuk terasa sinematik.
● PROSES

Cara kami bekerja.

STEP 01

Brief & UX Audit

Workshop kebutuhan, audit referensi web, analisis kompetitor. Output: site map, user flow, dan content architecture.

STEP 02

Design

Wireframe, design system (typography, color, spacing), high-fidelity design di Figma. 2 ronde revisi besar.

STEP 03

Development

Build di Next.js dengan TypeScript. Sanity CMS setup. Testing performa di Lighthouse + cross-device QA.

STEP 04

Launch & Maintenance

Deploy ke Vercel, domain setup, training tim untuk CMS, dan monitoring 30 hari pertama untuk fix bug minor.

● DELIVERABLES

Yang Anda terima.

  • 01Site map + user flow document
  • 02Design system (Figma file dengan komponen lengkap)
  • 03High-fidelity design semua halaman
  • 04Source code Next.js + TypeScript (GitHub repo)
  • 05Sanity CMS schema + studio access
  • 06Vercel deployment + domain setup
  • 07CMS training session (1 jam)
  • 0830 hari maintenance & bug fix gratis
● SPEC / CRAFT

Standar teknis.

Setiap project Mooilux dijalankan dengan disiplin teknis yang sama. Berikut spec yang menjadi default — fleksibel disesuaikan ke skala kebutuhan Anda.

Stack
Next.js 16, React 19, TypeScript strict, Tailwind atau CSS modules
CMS
Sanity v3 (default), atau Contentful / Storyblok per request
Hosting
Vercel Pro (default), Netlify atau custom host per request
Performance target
Lighthouse 95+ (Performance, Accessibility, SEO, Best Practice)
Animation
Framer Motion, CSS native, GSAP untuk timeline kompleks
Typography
Variable font dengan font-display swap, subset karakter optimal
Image optimization
next/image dengan AVIF + WebP fallback, lazy loading
SEO
Schema.org markup, OG image custom, sitemap.xml, robots.txt, hreflang i18n
● FEATURED WORK

Studi kasus.

BMW Indonesia

BMW Indonesia — Campaign Microsite

Microsite untuk launch produk regional dengan animasi scroll-driven dan video hero auto-loop. Lighthouse score 96/100 di mobile. Bertahan online 6 bulan dengan traffic 80K unique visitor tanpa downtime sekalipun.

Mooilux

Mooilux — Studio Website

Website yang sedang Anda baca ini. Dirancang dengan filosofi yang sama yang kami pakai untuk klien: performa Lighthouse 96+, design editorial dengan whitespace yang bernafas, dan CMS Sanity untuk update tanpa developer.

Lihat Semua Karya →
● INVESTASI

Indikasi budget.

Setiap project punya scope yang berbeda — angka di bawah adalah indikasi range untuk membantu Anda merencanakan budget. Quote final disusun setelah workshop brief.

Tier 01

Landing Page

Rp 25–60 jt

1 halaman, design custom, build + deploy, CMS basic, 30 hari maintenance.

Tier 02

Microsite Campaign

Rp 60–150 jt

3–6 halaman, design system, animasi custom, CMS lengkap, training tim.

Tier 03

Company Profile / Multi-page

Rp 100–300 jt

8+ halaman, multi-language, blog/journal CMS, advanced animation, ongoing maintenance plan.

● FAQ

Pertanyaan umum.

01Berapa lama waktu pembuatan landing page?

Landing page sederhana 4–6 minggu. Microsite dengan animasi custom 6–10 minggu. Company profile multi-page 8–14 minggu.

02Apakah Mooilux pakai WordPress?

Tidak default. Kami fokus di Next.js + Sanity karena memberikan kontrol lebih granular dan performa yang lebih baik. Tapi kami terima project WordPress untuk kasus tertentu.

03Bagaimana dengan domain dan hosting?

Domain bisa Anda beli sendiri di Niagahoster/Cloudflare/GoDaddy lalu kami connect. Hosting di Vercel default — biaya hosting di luar fee development.

04Apakah website-nya SEO-ready?

Ya. Schema markup, sitemap, robots.txt, hreflang untuk multi-bahasa, OG image custom semua sudah disetup. Tapi SEO ranking butuh content strategy ongoing — itu service terpisah.

05Bisa pakai e-commerce checkout?

Bisa. Kami integrasi dengan Shopify Storefront API atau Stripe Payment Link. Untuk e-commerce kompleks dengan inventory, kami rekomendasi pakai Shopify dan kami custom theme-nya.

06Setelah launch, siapa yang maintenance?

30 hari pertama maintenance gratis (bug fix, content update minor). Setelah itu ada paket retainer bulanan, atau Anda bisa handle sendiri lewat CMS Sanity.

● LAYANAN TERKAIT

Eksplor selanjutnya.

03

Motion & Animasi

Gerak yang punya alasan — bukan sekadar animasi yang ramai.

LIHAT DETAIL →
06

Arah Kreatif

Satu suara visual yang konsisten dari pertama sampai terakhir.

LIHAT DETAIL →
04

Konten Media Sosial

Konten bulanan yang konsisten — tanpa kehilangan craft.

LIHAT DETAIL →
● MULAI PROYEK

Punya proyek web design & development?
Ceritakan.

Workshop brief gratis selama 30 menit. Tidak ada komitmen — hanya percakapan untuk memastikan kami cocok.

Hubungi Mooilux