Elementum

Overview & Problem

‍
Elementum is a personal project built to demonstrate my ability to translate a visually expressive Figma design into a polished, interaction-rich Webflow site. The brief was a creative agency concept — a type of site where design craft and motion quality are the product, and every detail either builds or breaks credibility.

The challenge was executing a design that relied heavily on typographic expression, circular image compositions, and layered animations — all without sacrificing performance or responsiveness.

‍

Process & Approach

‍
I built the site entirely from a Figma file, working section by section with precision. The editorial aesthetic required careful attention to typography scale, spacing, and the highlighted word treatments that give the design its distinctive character.

Animations were layered in progressively — starting with the page load animation, then the hero entrance sequence, then scroll-triggered interactions throughout the remaining sections. Each animation was built to feel intentional rather than decorative, reinforcing the agency's creative positioning rather than distracting from it.

The site covers the full page structure — hero, services list, testimonials with click-to-reveal interactions, team section, and footer — all responsive across desktop, tablet, and mobile breakpoints.

‍

Outcome & Takeaways

‍
The result is a fully responsive, animation-driven agency site that demonstrates what's possible when design craft and Webflow development are executed together with precision.

This project deepened my understanding of animation sequencing — specifically how to layer entrance animations, scroll triggers, and load sequences without them conflicting or feeling overwhelming. The highlighted word treatment also pushed me to think carefully about how typography can carry visual weight without relying on imagery.

‍