Lauren Sian

The Kylie Jenner App

American reality television personality, model, entrepreneur, socialite, and social media personality. The Kylie Jenner app gives fans exclusive access to behind-the-scenes footage, lip kit updates, live streams, and glam tips from Kylie herself.

Objective

Create a digital experience for the client that features editorial content, video content, radio player, and livestream.

Platforms

iOS, web

Company

Whalerock Industries

Launch

September 2015

iphone
iphone screen content

Design

Launched in September 2015, the Kylie Jenner digital experience had a diffrent look and feel. Our client, Kylie, was 17 at the time and envisioned a website expierence that mirrored Tumblr. She was influenced by a unique layout that was photo driven and embraced a darker palette with a teal accent.

In collaboration with the design team, we created a visual experience for Kylie and her fans that had dark, edgy vibes with bold and playful elements.

Color Palette

#000000

#000000

#2bffd5

#2bffd5

#333333

#333333

Credit: Claire Shair-Ali

Credit: Claire Shair-Ali

Typography

main image

App Icon

The app icon is taken directly from the client’s iconic name. Using simple shading techniques to bring dimension to the letterforms, it quickly distinguishes itself from other app icons. During the first week in its release, the Kylie Jenner App reached the top of the charts in the Apple App Store.

Web & App Designs Launch Design - September 2015

Influenced by Tumblr, the desktop site is structured with a geometric grid that is designed intentionally to reveal a subtle glamour shot of Kylie Jenner as the background image. Using teal as an accent color, the hover state and UI elements are brought to the forefront against a dark color palette.

MacBook
Mac Book Pro
iphone
iphone screen content
iphone
iphone screen content
iphone
iphone screen content
iphone
iphone screen content
iphone
iphone screen content
iphone
iphone screen content

December 2016

In December 2016, Kylie Jenner released her own merchandise line branded with her name ‘The Kylie Shop’. She wanted her website and app to match the new look and feel of The Kylie Shop. Stripping back the teal and darker colors, this new direction brought a new, mature demographic.

We kept the existing layout and updated the UI elements and color palette. Kylie provided her own logo to evoke her new look.

Color Palette

#000000

#000000

#FFFFFF

#FFFFFF

Web & App Designs

MacBook
Mac Book Pro
iphone
iphone screen content
iphone
iphone screen content
iphone
iphone screen content

UI/UX

UI Icons

Subscription Flow

In collaboration with the product team, I designed high fidelity wires to map the user flow for monthly subscriptions when the user taps on a locked piece of content. The goal is for the user to return to their original location after successfully signing in or buying a subscription.

Animation

These are a collection of animated icons and editorial pieces that were animated using AfterEffects and Photoshop.

Spinner

New Spinner

Editorial Design - Launch Design 2015

Editorial Design - Re-skin 2016