Andalasia Creative
Commercial website and production showcase for a Jakarta-based creative agency, built with React, Vite, and Tailwind CSS for mobile speed and conversion.

01Context
Andalasia Creative (Andalasia Group) is an event management and creative production house in Jakarta. They handle multi-day corporate conferences, brand activations, professional live streaming broadcasts, and commercial video production.
To pitch for larger enterprise contracts, the agency needed a sharp digital portfolio that reflected their production standards and made event booking effortless for corporate clients.
02The problem
The agency's existing online presence suffered from slow load times caused by uncompressed video reels and heavy image assets. Corporate clients opening the site on mobile phones frequently experienced severe lag and difficult navigation.
The service offerings were scattered across unstructured paragraphs, obscuring their core capabilities and creating friction in the consultation booking funnel.
03Approach
- Vite and React foundation. Rebuilt the frontend architecture using Vite for rapid builds and optimized bundle chunking, keeping the initial JavaScript payload under 75 KB gzipped.
- Aggressive asset optimization. Converted raw event photography and video reels into modern WebP formats with responsive source sets and low-quality image placeholders to eliminate layout shifts.
- Clear four-pillar architecture. Restructured agency services into four distinct, scannable divisions: Event Management, Digital Marketing, Live Streaming, and Film & Photography, each paired with concrete client deliverables.
- Direct conversion funnels. Added persistent, context-aware contact actions that route potential clients directly to WhatsApp and email with pre-filled event inquiry templates.
04Interface
Crafted a sleek, high-contrast dark theme reflecting premium entertainment and production standards. Smooth scroll interactions, clean service carousels, and client marquees guide visitors through past work without distracting visual clutter.




05Outcome
The website launched at andalasiagroup.com and immediately halved page load times across mobile and desktop connections.
The streamlined structure gave the agency an executive presentation tool for corporate pitches and simplified client inquiry intake for upcoming events and commercial shoots.