Vanity Fair HIVE

Vanity Fair HIVE is a news website that covers politics, business, and technology.
I led the UX/UI design for a landing page, player’s page, article page, and account page templates. 

Even thought the timeline was tight, we were able to launch a  MVP on schedule. 
Product and Tech team: Product manager, Product designers, Developers

(My role: Art direction, UX/UI design)

UX Flow

hive_ux_flow

Based on the MVP scope outline, I created simple UX maps to understand the user flow.

Wireframe / sketch

hive_sketch

I sketched out all template layouts based on the requirements and listed out the contents and ad placements.

High fidelity prototype

hive_mockup

After defining the site look and feel, I created design templates in all breakpoints.
At the QA stage, I worked closely with front-end developers to refine the styling such as spacings and image renditions.

Final Design

VFHIVE_2
VFHIVE_3
VFHIVE_4
VFHIVE_5
VFHIVE_6
VFHIVE_7
VFHIVE_8

The Release Impact

 

The site got 3.2 million page views in the first month,

our team received Condé Nast 2016 Second Quarter Creativity Award.