The Result
The Outcome
A fully custom, CMS-driven portfolio that reflects Diona's design practice at the highest level — with a hand-coded GSAP motion system, a flexible content architecture, and an interactive tag structure that scales as her work grows.
Challenge & Goal
Diona needed a portfolio site that matched the caliber of her work — something that showcased her multidisciplinary design practice across brand identity, UX, product design, and experiential work, while giving her full autonomy to update projects, services, and content without needing a developer.
.png)
Design Direction
A pink and green color palette became the foundation — feminine but sophisticated, avoiding cliché. The bento grid layout gives the work breathing room and creates visual rhythm across the page.
GSAP Animation
One of the first major explorations into GSAP on a MAVE project. Custom scroll-triggered animations were hand-coded using Slater, connected directly to the Webflow site via custom code in the backend.
CMS & Content Architecture
Built a deep CMS system that lets Diona manage her entire project portfolio independently. She can add case studies, update project details, and control how her work is presented without touching code.
.png)
