Designed and Coded By Me
From Strategy to Shipped Code
As a hybrid product designer, I move beyond static mockups — designing the interface, coding the interaction model, and shaping the final experience into something users can understand fast.

Engagement Loops
Immersive Video Architecture
I engineered a highly engaging, custom video carousel UI for Marie Claire AU to bring social-first storytelling directly to the editorial homepage. Blending motion design principles with clean frontend execution via an AI-driven development pipeline, I designed and coded the responsive layout, touch-optimized interactions, and custom native video controls. By removing engineering handoff friction, I shipped a lightweight, performant UI module that retains traffic, bridges content channels, and aggressively drives on-platform user engagement.

Before

After
Traffic Routing
Funnelling editorial readers directly into a premium business directory
I transformed static, text-heavy vendor listings into a modern, high-converting navigation module for Home Beautiful. Bypassing the traditional engineering bottleneck, I designed and custom-coded a responsive card architecture that integrates directly into long-form editorial content. By replacing unstyled lists with clear visual hierarchy and micro-interactions, I built a seamless traffic highway that scales directory engagement and maximizes partner visibility.



The Conversion Engine
Premium paywall feature
Moving from end-to-end UX architecture directly into production code, I designed and custom-coded modular sales landing pages and adaptive inline paywall templates. Leveraging an AI-assisted frontend workflow allowed me to build and ship this high-performing commerce asset at lightning speed, eliminating engineering handoff while strictly optimizing for subscriber CVR

Before

After
Featured coded build · Information hierarchy
From flat text to dynamic UI
I transformed static retail bullet points into a coded, scannable data-visualization system — making value easier to compare, trust, and act on.







