OTH -
AD Landing
Page Design

On The House engaged our team to design a dedicated advertiser landing page —that serves as the digital destination for scanning the QR code on its product packaging. This new page needed to aggregate partner offers in one place, simplify access to location‑specific deals, and elevate On The House’s brand credibility by showcasing current and past sponsors in a clean, modern interface.

Company


Craate Creative

Tools


Figma
Figjam

Framer

Role


UI designer

Year


2025

As the UI Designer, i worked with the team throughout the end‑to‑end visual design process: translating the client’s brief into mobile‑first wireframes, defining a cohesive component library, and delivering high‑fidelity mockups for desktop, tablet, and mobile breakpoints. I collaborated closely with stakeholders to iterate on layout, ensure intuitive filtering and search functionality, and embed clear CTA patterns that drive conversions.

OTH -
AD Landing
Page Design

On The House engaged our team to design a dedicated advertiser landing page —that serves as the digital destination for scanning the QR code on its product packaging. This new page needed to aggregate partner offers in one place, simplify access to location‑specific deals, and elevate On The House’s brand credibility by showcasing current and past sponsors in a clean, modern interface.

Company


Craate Creative

Tools


Figma
Figjam

Framer

Role


UI designer

Year


2025

As the UI Designer, i worked with the team throughout the end‑to‑end visual design process: translating the client’s brief into mobile‑first wireframes, defining a cohesive component library, and delivering high‑fidelity mockups for desktop, tablet, and mobile breakpoints. I collaborated closely with stakeholders to iterate on layout, ensure intuitive filtering and search functionality, and embed clear CTA patterns that drive conversions.

The Context

We are aasked to develop a dynamic mobile advertiser landing page called “Partner Perks” for On The House, linking QR codes on packaging to a mobile-first interface that showcases localized deals and exclusive offers. The project features a responsive grid layout, robust back-end campaign management, real-time CMS updates, and comprehensive analytics.

The Objectives

The project’s core objectives were to clarify On The House’s value proposition, improve discoverability of advertiser deals, and create a scalable UI system that supports future campaign expansion.

We delivered a polished, responsive landing page prototype that aligns with brand guidelines, optimizes load performance, and lays the foundation for a seamless user journey from QR scan to offer redemption.

Final Deliverables



I designed five high‑fidelity, fully responsive pages that bring HER Melbourne’s premium brand to life and clarify its multi‑level offering. The Venue Landing page uses bold typography, immersive photography, and clear CTA cards (“Reservations,” “Menus,” “What’s On”) to orient visitors immediately. The Functions page breaks down each space (HER Bar, Music Room, BKK, Rooftop) with distinct imagery, concise descriptions, and streamlined booking links. The What’s On grid showcases upcoming events with intuitive filtering and prominent RSVP buttons. On Gift Vouchers, tiered voucher options are presented with visual hierarchy and hover states to encourage purchase. Finally, the Contact page combines an interactive map, simple form, and footer CTA for easy discovery and conversion—all built from a unified component library for consistency, accessibility, and performance.

@designed by AddieCheung 2024