casestudy-hero-ucsd-btb

Break Things Better

UC San Diego is a different kind of university, a community of breakers and makers that believe in challenging the status quo & breaking the rules - all in the service of making the world a better place through discovery, invention and unconventional thinking.  

With a launch of paid the media campaign targeting a broad audience to inspire top-caliber students to select UC San Diego as their No 1 pick, we were tasked to create an engaging, incentivizing and educational story hub campaign destination.

-ROLE
Art Direction
Design
UX
Front-end Direction

-YEAR
2016

Visit Website

responsive-btb

UX/UI approach

Our traditional media creative execution had an easter egg hunting-esque approach so my goal was to maintain similar experience throughout a variety of campaign platforms, while making our landing page experience more dynamic and high conversion in mind.

PRINT AD

horizontal-frame-btb-2

WIREFRAMES + DESIGNS

btb-wires
btb-screen-1

Providing clear CTA to lead users to explore storied. Top right CTA will change throughout the season to accommodate recruiting needs (ex: Apply Now, Check Your Application Status, Explore Your Future).

btb-screen-2

Providing an instructional modal so then users don't have to figure out the functionality by themselves. Cache is added so this appears only the first time of arrival.

Each hotspot is associated with a UC San Diego’s unique story. Upon hover, it reveals the story headline and suggests users to click to read.  

btb-screen-3

Story detail page. Users can browse other stories on the left rail. Providing multiple cross-linking opportunities for user to explore more information about schools and programs.

Story detail page. Users can browse other stories on the left rail. Providing multiple cross-linking opportunities for user to explore more information about schools and programs.

btb-screen-4

Additional story scenes.

Numbers don’t lie. Providing significant stats to communicate how advanced this university is to top-caliber students.

mobile-btb

Mobile version of the site is highly optimized for mobile-specific experience. The experienced is highly focused on making stories browsable.

Results and Key Metrics

 

stats-btb-pageview

acquired total pageviews

stats-btb-time

Average time spend on time across the device

stats-btb-traffic

traffic interacted with key CTAs on navigation

stats-btb-views

video view from homepage

View More

ICE MobileMobile UI/UX Design

Employee Training PortalUI/UX, Educational Tool

adidas.com MigrationUI/UX, Website Migration

Caribou Coffee Clean Label CampaignUI/UX, Campaign Landing Page

I thrive with fun brands and people.
Let's build some awesomeness together. 

lisa_icon_red_small-1

© lisa inoue 2022. All rights reserved. 

© lisa inoue 2019. All rights reserved. 

LinkedIn     Dribble    VSCO

LinkedIn     Dribble    VSCO