Chloe Yap Portfolio

We partnered with Chloe Yap to translate her vision for a dual-architecture portfolio into a polished experience. Chloe shaped the storytelling and motion direction; we handled design systems, engineering, and deployment so her work shines across every device.

Visual DesignMotion SystemsReact 18Portfolio Strategy
3 weeks
Concept to launch
4x
Increase in case study engagement
95%
Motion reel completion
Chloe Yap portfolio hero

Project Overview

The Challenge

Chloe needed a digital presence that matched the craft of her identity systems and motion studies. The site had to feel cinematic without sacrificing clarity for recruiters and collaborators.

The Solution

We delivered a responsive React build with dual modes: a marketing layer for quick scanning and an interactive companion for deep dives. Motion choreography, content tooling, and performance guardrails keep the portfolio feeling premium.

Key Features

Dual experience

A marketing layer highlights top case studies while an interactive companion walks reviewers through detailed process.

Motion-led storytelling

Scroll-triggered sequences and Lottie loops showcase Chloe's animation work without tanking performance.

Content-ready pipeline

Component library, image optimization, and PR checklist keep updates fast while a CMS handoff is prepared.

Screens from the Build

Portfolio hero with featured projects and motion reel
Landing experience introduces Chloe's story, featured projects, and motion reel entry point.
Project grid view with filters and case study cards
Project grid with filters tuned for recruiters and collaborators to scan quickly.
Motion study sequence with scroll-triggered animation
Scroll-triggered motion studies that highlight animation craft without sacrificing speed.
Resume and contact section with clear call to action
Resume handoff and contact CTA built to convert visits into booked conversations.

Project Results

The revamped portfolio helped Chloe stand out during studio reviews and interviews. Recruiters now reach her with clear context, motion reel completion jumped, and the resume CTA converts consistently on mobile and desktop.

7
Flagship case studies polished
3x
Resume CTA click-through
100%
Lighthouse performance score

Want a portfolio like this?

Bring your vision and goals. We will design the storytelling, choreograph the motion, and ship a performant build that wins attention.

Start Your Project