● SERVICE / 05

Web Design & Development websites that feel cinematic in the first millisecond.

Landing pages, campaign microsites, and company profiles with considered interactions and uncompromised performance. Next.js, design system, SEO-ready.

Start a ProjectView Portfolio →
● INTRO

The first three seconds of a website decide whether the audience stays or closes the tab. In those seconds, two battles must be won: loading speed and visual impression.

We design websites with the same discipline we bring to film — typography as composition, whitespace as pacing, transitions as timing. The approach takes longer in the design stage, but produces an experience that feels unlike any template.

Our default stack: Next.js 16 for frontend, Sanity CMS for content management, Vercel for hosting. The combination delivers consistent Lighthouse 95+ and easy editing for brand teams. No plugins suddenly slow. No updates suddenly broken.

For campaign landing pages, we often start at the script level — because if the hero sentence is wrong, no amount of animation and transition will save it. A good website always starts from one honest sentence.

Performance is design. A landing page that loads in 1.2 seconds does not need much animation to feel cinematic.
● PROCESS

How we work.

STEP 01

Brief & UX Audit

Requirements workshop, reference web audit, competitor analysis. Output: site map, user flow, content architecture.

STEP 02

Design

Wireframe, design system (typography, color, spacing), high-fidelity Figma design. Two major revision rounds.

STEP 03

Development

Built in Next.js with TypeScript. Sanity CMS setup. Lighthouse performance testing + cross-device QA.

STEP 04

Launch & Maintenance

Deploy to Vercel, domain setup, CMS training session for the brand team, and 30 days of post-launch monitoring for minor bug fixes.

● DELIVERABLES

What you receive.

  • 01Site map + user flow document
  • 02Design system (Figma file with full component library)
  • 03High-fidelity design for every page
  • 04Next.js + TypeScript source code (GitHub repo)
  • 05Sanity CMS schema + studio access
  • 06Vercel deployment + domain setup
  • 07CMS training session (1 hour)
  • 0830 days of free maintenance & bug fixes
● SPEC / CRAFT

Technical standard.

Every Mooilux project runs on the same technical discipline. The specs below are our default — flexible to your scale.

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

Case studies.

BMW Indonesia

BMW Indonesia — Campaign Microsite

Microsite for a regional product launch with scroll-driven animation and an auto-loop hero video. Lighthouse score 96/100 on mobile. Stayed live for 6 months with 80K unique visitors and zero downtime.

Mooilux

Mooilux — Studio Website

The website you are reading. Designed with the same philosophy we bring to client work: Lighthouse 96+, editorial design with breathing whitespace, and Sanity CMS for developer-free updates.

See All Work →
● INVESTMENT

Budget guide.

Every project carries different scope — the ranges below are a guide to help you plan. Final quotes are issued after the brief workshop.

Tier 01

Landing Page

IDR 25–60M

1 page, custom design, build + deploy, basic CMS, 30 days maintenance.

Tier 02

Campaign Microsite

IDR 60–150M

3–6 pages, design system, custom animation, full CMS, team training.

Tier 03

Company Profile / Multi-page

IDR 100–300M

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

● FAQ

Common questions.

01How long does a landing page take?

Simple landing page 4–6 weeks. Microsite with custom animation 6–10 weeks. Multi-page company profile 8–14 weeks.

02Does Mooilux use WordPress?

Not by default. We focus on Next.js + Sanity for finer control and better performance. We do accept WordPress projects in specific cases.

03How does domain and hosting work?

You can buy the domain yourself (Niagahoster/Cloudflare/GoDaddy) and we connect it. Hosting on Vercel by default — hosting fees sit outside development cost.

04Is the website SEO-ready?

Yes. Schema markup, sitemap, robots.txt, multi-language hreflang, custom OG images — all configured. SEO ranking, however, requires ongoing content strategy — that is a separate service.

05Can it run e-commerce checkout?

Yes. We integrate Shopify Storefront API or Stripe Payment Links. For complex e-commerce with inventory, we recommend Shopify and we build the custom theme.

06Who maintains the site after launch?

First 30 days of maintenance free (bug fixes, minor content updates). After that, monthly retainer or self-serve via the Sanity CMS.

● RELATED SERVICES

Explore next.

03

Motion & Animation

Motion with reason — not animation that just fills the frame.

VIEW DETAIL →
06

Creative Direction

One visual voice — consistent from first frame to last.

VIEW DETAIL →
04

Social Media Content

Monthly content, consistent — without losing the craft.

VIEW DETAIL →
● START A PROJECT

Have a web design & development?
Tell us.

A free 30-minute brief workshop. No commitment — just a conversation to make sure we fit.

Contact Mooilux