Deuex · Coolpanda · 2023

Motion-Rich Marketing Site

Website Revamp

React TypeScript Lottie Animations Cloudinary Render

Coolpanda came to Deuex with an outdated, slow-loading website that no longer matched the business. I ran the engagement end to end as the primary client contact — daily standups to decide what the team worked on next, turning client requirements into clear, buildable inputs, guiding design direction, writing tickets for the developer, and reviewing every design and PR before it shipped. I pushed back and convinced the client directly when a request didn't hold up, and personally owned the technical call that kept the site fast on a free hosting tier.

Client-facing lead
Ran standups, requirements, design & PR review, and client comms
Free-tier ready
Fast, image-heavy pages via Cloudinary CDN offload — eliminated their legacy hosting cost
Solo-led, small team
Directed a designer & a developer — prioritization, review, delivery
01 Leadership

Running the engagement, not just building it

As primary client contact, I ran daily standups to decide what the team worked on next and turned client asks into clear, buildable inputs — bridging what the client wanted with what was actually buildable, rather than passing that gap downstream. I guided design direction, wrote the tickets, and reviewed every design and PR before it shipped, pushing back and convincing the client directly when a request didn't hold up.

Standups & requirements
Ran daily standups to set priorities, and turned client asks into clear inputs — what the business needed, not just what was asked for.
Design direction & tickets
Guided design direction and page structure myself, then wrote the tickets the developer built from.
Review & ship
Reviewed every design and PR, kept pages pixel-perfect and responsive, and shipped with the team.
02 Motion

A motion-rich site, built for this client

The brief called for a site that felt alive, not another static template. I came up with the animation direction myself and built a responsive, pixel-perfect React site with custom Lottie animations designed specifically for Coolpanda — used deliberately across the hero, interactive moments, and scroll cues rather than dropped in as decoration.

Hero intro
Custom Lottie, plays on load
CTA hover
Micro-interaction on primary buttons
Scroll cue
Guides visitors down long pages
03 Performance

Fast despite a free-tier host

An image-heavy, animation-rich site is a bad match for a free-tier Render account unless the images stop being the bottleneck. I offloaded the site's images to Cloudinary CDN — served resized and compressed at the edge — so load times stayed fast while avoiding a hosting upgrade. Moving the site to Render also eliminated the hosting cost the client had been paying for their legacy site. I handled deployment end to end: shipped to Render, configured DNS, and managed client communication throughout.

Homepage image payload — before4.1 MB
Homepage image payload — via Cloudinary0.6 MB

Representative example — resized, compressed, and served from Cloudinary's CDN instead of the origin server.

Client repo Render (free tier) Custom domain · DNS