TruFragrance Cannes 2025 Landing Page

A promotional landing page built for TruFragrance’s presence at Cannes Lions International Festival of Creativity 2025. The page served as a digital business card accessible via QR codes distributed at the event, offering attendees an exclusive 40% discount across all TruFragrance brands.

Project Overview

TruFragrance needed a clean, elegant landing page that could be accessed quickly at their Cannes booth via QR code, allowing festival attendees to claim an exclusive discount offer across their three fragrance brands: Lake & Skye, Le Monde Gourmand (Gourmand Beauty), and Tru Western.

Technical Implementation

Custom Gutenberg HTML Block

Built as a custom HTML block within WordPress’s Gutenberg editor, allowing for:

• Complete design control with inline styles
• No theme dependencies or conflicts
• Easy updates and maintenance
• Optimal performance with no external dependencies

Interactive Discount Code System

Implemented a sophisticated code-copy mechanism with dual clipboard API support:

// Modern Clipboard API with fallback
if (navigator.clipboard && navigator.clipboard.writeText) {
  navigator.clipboard.writeText(code)
    .then(() => showMessage('Code copied!'))
    .catch(() => fallbackCopy());
} else {
  fallbackCopy(); // Legacy execCommand fallback
}

Features:

• One-click code copying with visual feedback
• Automatic fallback for older browsers
• Mobile-optimized touch interactions
• Animated success messages

Multi-Brand Navigation

Created direct links to each brand’s Shopify store with discount code pre-applied in the URL:

• Lake & Skye: lakeandskye.com/discount/CANNES40
• Gourmand Beauty: gourmandbeauty.com/discount/CANNES40
• Tru Western: truwestern.com/discount/CANNES40

This eliminated friction by automatically applying the 40% discount at checkout - users just click and shop.

Design Decisions

Mobile-First Approach

Given the QR code distribution method, the page was designed mobile-first:

• Fluid typography with clamp() for perfect scaling
• Touch-friendly 60px button heights
• Responsive spacing using viewport-relative units
• Single-column layout optimized for vertical scrolling

Visual Design

• Clean, minimal aesthetic matching TruFragrance’s sophisticated brand
• High-contrast CTA button (#dc3545 red) for the discount code
• Elegant outlined buttons for brand navigation
• Premium feel with careful typography and spacing
• Soft background (#f9f4ee) for warmth without distraction

Accessibility Features

• ARIA live regions for screen reader announcements
• Semantic HTML structure
• High contrast ratios for text
• Keyboard navigation support
• Focus management for copy interactions

Results

The landing page successfully served as TruFragrance’s digital touchpoint during Cannes Lions 2025:

• Clean, professional first impression for festival attendees
• Seamless discount redemption process
• Zero friction from QR scan to purchase
• Easy to update for future events

Technical Highlights

• Inline JavaScript for zero external dependencies
• Progressive enhancement with modern/legacy API fallbacks
• Responsive design without media queries (clamp-based)
• Copy-paste ready - entire block can be duplicated for future campaigns
• Performance optimized - no external scripts, minimal CSS

Live Site: trufragrance.com/cannes Client: TruFragrance Group Event: Cannes Lions International Festival of Creativity 2025 Status: Live & Active

Ongoing Relationship

I maintain an ongoing consulting relationship with TruFragrance, providing continuous support for new implementations, technical advisory, and task execution as needed. This landing page is one example of the quick-turnaround projects we collaborate on.