Dindu</>
Creative AgencyFrontend Developer2024

Ellance — Creative Studio Website

Built the frontend for Ellance, a design studio that positions itself as an in-house creative partner. The site showcases brand identity work, services, team profiles, and client case studies through a polished, animation-heavy experience — from the landing hero to dynamic project detail pages and a validated onboarding form.

Stack
Nuxt 3Vue 3TypeScriptPiniaGSAPScrollTriggerSplitTypeSwiperSCSSVee-ValidateYupNuxt ImageGoogle Analytics
Visit Project
The Problem

The studio needed a site that felt as crafted as its client work — not a static brochure, but an experience that communicates creativity through motion, layout, and interaction.

6+
Portfolio case studies
9
Key product surfaces
100%
Responsive across breakpoints
Key Features
Discovery01

Immersive landing page with autoplay hero carousels and infinite marquee galleries

Architecture02

GSAP scroll animations: pinned text sections, SplitType text reveals, responsive matchMedia breakpoints

Design System03

Dynamic case study pages driven by a centralized content config (Codefusion, Hafhaf, OneDigital, BetPlug, Oleks, JongAfrik)

Development04

Team profile pages with dynamic [id] routing and reusable layout components

Optimization05

Multi-step lead capture form with Vee-Validate and Yup validation

Step 606

Pinia-powered modal system for demo scheduling

Step 707

Optimized media delivery via Nuxt Image and Cloudinary placeholders

Step 808

Google Analytics integration for traffic tracking

Step 909

Fully responsive layout across mobile, tablet, and desktop

Architecture

Ellance is the marketing website for a design-led creative studio specializing in brand identity, digital products, and end-to-end creative partnerships. I developed the frontend as part of the Ellance team, translating high-fidelity designs into a performant, interactive Nuxt 3 application — cinematic landing with Swiper carousels and marquees, service and pricing pages, team profiles with dynamic routing, and a portfolio of case studies. Scroll-based storytelling uses GSAP ScrollTrigger for pinned sections, SplitType text reveals, and breakpoint-specific animations. Lead generation runs through a multi-field Get Started form (Vee-Validate + Yup) and modal-based demo scheduling, with Nuxt Image and Cloudinary for media and Google Tag for analytics.

The Outcome

A production-ready marketing platform that showcases services, team, and portfolio work with smooth scroll animations, reusable page templates, and a validated lead funnel — giving Ellance a strong digital presence aligned with its brand.

Next Project

JuiceMe