Maui Adventure Store Microsite & Campaign Branding

Maui Adventure Store Microsite & Campaign Branding

The Problem:

A sponsored sales contest is only effective when participants remain engaged throughout the program, making the contest website a critical digital touchpoint. Galactic Performance Solutions (GPS) had introduced the Maui Adventure Store to complement its leaderboards and destination videos, giving participants an opportunity to order merchandise throughout the contest. However, while the store concept successfully supported the incentive program, the digital experience lacked the branded, immersive presentation needed to reinforce the Maui campaign.

The original store experience consisted primarily of a single page within the GPS merchandise catalog, with minimal visual branding beyond the Make It Maui logo. This created a disconnect between the highly branded contest experience and the merchandise storefront, limiting its ability to maintain campaign engagement and reinforce the overall program theme.


The Solution:

To address this gap, I proposed transforming the Adventure Store into a skinnable microsite featuring program-specific branding and Maui-themed visual elements. I developed desktop and mobile design concepts to demonstrate how the storefront could be integrated more seamlessly into the broader campaign experience. The proposed redesign demonstrates how microsite design, visual branding, and responsive UX concepts can extend a campaign’s identity across digital touchpoints while creating a more cohesive and engaging participant experience.


My Role:

Information Architecture, User Task Flow, Wireframes, UI Mockups, Prototype


Tools:

Axure, Adobe XD, Photoshop


Client:

Galactic Performance Solutions

High-resolution web banner showing a surfer in a wetsuit alongside the Make It Maui campaign logo.

Part 1: Desktop Experience


Competitive Analysis and Research

In order to get some inspiration for possible designs, I evaluated ecommerce sites that exhibited a flair of creativity. I also noted some well-designed shopping cart patterns that could be utilized in the Adventure Store concept.

User Task Flow

Although the Adventure Store microsite was fairly simple, I decided that it would be worthwhile to map out the flow users would experience when making a purchase.

Wireframes

After reviewing the structure and design of other ecommerce sites, I had enough ideas to create basic wireframes of the proposed application.

Hand-drawn wireframe sketches and layout ideation for the Make It Maui e-commerce product catalog.

Moodboard

The wireframes were approved without significant changes. Therefore, I continued to further develop the design of the application via a moodboard. Color schemes and content placement were explored during this phase.

Brand moodboard compilation featuring ocean photography, UI layout concepts, typography, and color palette swatches.

User Interface Mockups

Once a green light was provided on the general direction, I set out to produce high-fidelity mock ups.

Laptop display mockup showing the Make It Maui landing page navigation menu and jet ski hero graphic.
Desktop web design mockup layout featuring product catalog grids for snorkeling masks, watches, and binoculars.

Prototype

In addition to high-fidelity wireframes, a clickable Azure prototype was created to help stakeholders visualize the finished application.

VIEW PROTOTYPE

UI Animations

The shopping cart and menu pages utilized animation to add interest. In order to aid communication with developers, demo UI animations were created in After Effects.

Part 2: Mobile Experience

For the mobile version of the microsite, the goal was to preserve the main features without detracting from the user experience. The images below demonstrate how the site would look in a mobile setting.

Three smartphone screens displaying mobile navigation, welcome copy, and saved item views for Make It Maui.
Dual mobile screen mockup showcasing a lifestyle promo banner and a scuba mask product detail interface.