Product Brand Rich-Media Microsite
A mobile-focused rich-media microsite designed to engage users with brand interactions and drive click-through to receive product samples, achieving highly effective conversion rates.
Client
Consumer Product Brand
Role
Interaction Design, Visual Design, Front-end Development
Technologies
Overview
This rich-media microsite was built as a mobile ad experience — designed to draw users in, engage them with the brand, and drive click-through to claim a free product sample. The experience featured brand information and an embedded video, and performed exceptionally well: click-through rates were highly effective and sample inventory ran short due to demand.
My Role
- Interaction Design — Crafting an engaging ad experience that rewards user interaction
- Visual Design — UI controls and final visual assets built within existing brand guidelines
- Front-end Development — Full implementation of the interactive experience in HTML and CSS
Process
Design
Working within the client’s established brand guidelines, I designed a rich user experience that felt native to the brand while being optimized for mobile interaction. The UI controls and visual assets were crafted to draw attention and encourage engagement without feeling intrusive — a careful balance for an ad format.
Development
I performed the front-end development work end-to-end, translating the designs into a polished, performant mobile experience. The result was a seamless ad interaction that moved users naturally from initial engagement through to the sample claim CTA.
Tools Used
- Adobe Photoshop
- Adobe Illustrator
- HTML & CSS
The interactive microsite experience, showing brand engagement and click-through flow on mobile.