T-Mobile
Sidekick
4G

T-Mobile
Sidekick
4G

From white paper to an entirely new device experience.

From white paper to an entirely new device experience.

From white paper to an entirely new device experience.

PROJECT : Sidekick Android 4G Smartphone
TEAM : Product Stakeholder ▪︎ Senior UX Design Lead ▪︎ 2 Visual Designers ▪︎ 2 UX Designers
ROLE : UX/UI Design Lead
CONTRIBUTION : UX Design ▪︎ Branding ▪︎ Seoul, Korea travel (Samsung)
SOFTWARE : Adobe Creative Cloud

PROJECT : Sidekick Android 4G Smartphone
TEAM : Product Stakeholder ▪︎ Senior UX Design Lead ▪︎ 2 Visual Designers ▪︎ 2 UX Designers
ROLE : Senior UX Design Lead ▪︎ Art Direction
CONTRIBUTION : UX Design ▪︎ Interaction Design ▪︎ Branding
SOFTWARE : Adobe Creative Suite

PROJECT :
Sidekick Android 4G Smartphone

TEAM :
Product Stakeholder ▪︎ Senior UX Design Lead ▪︎ 2 Visual Designers ▪︎ 2 UX Designers

ROLE :
UX Design Lead ▪︎ Art Direction

CONTRIBUTION :
UX Design ▪︎ Branding ▪︎ Seoul, Korea travel (Samsung)

SOFTWARE :
Adobe Creative Cloud

The Objective:

In developing the Sidekick 4G, the team was tasked with targeting 16-24 year old highly connected teens and young adults who are always in the know and on the go. The research distilled down to create a device experience that appealed to their emotional drivers of status, recognition, and connectedness. By identifying these emotional drivers we aimed to optimize the Sidekick offering to deliver great value to a desired target demographic.

First Things First

First Things First

Working with brand and product design teams to distill and reveal the DNA of the target consumer and the attributes that appeal to that user group.

Sidekick Mood Board FINAL-1
Sidekick Mood Board FINAL-5
Sidekick Mood Board FINAL-4
Sidekick Mood Board FINAL-3
Sidekick Mood Board FINAL-2

Go Pie in the Sky...Then Pull Back

Go Pie in the Sky, Then pull back

The team went all in on looking for new and innovative ways to connect with the end user, such as live wallpaper notifications, when these features proved not deliverable, we pivoted to find other options that would set the Sidekick apart.
Sidekick Live Wallpaper 570
Live Wallpaper Notifications
Build in ambient awareness. A message comes, the contact avatar animates across the screen displaying the message, then fades out.
Sidekick Aura 570
Live Wallpaper Status “Aura”
Live Wallpaper Status “Aura”
Live wallpapers change color and pattern depending on social and communication activity. For example, the more texts or email that come in create an orange pulse design that gets stronger the more you get (this could be integrated into themes to allow for variation).

Custom Wallpapers & Icons...Do More

Custom Wallpapers...Do More

Bill McMullen, a pop designer and illustrator, was brought in to bring a strong graphic language to wallpapers. Beyond just wallpapers, we used the medium to influence all the marketing and packaging materials surrounding the Sidekick. 

AdiShoe.NYC
ammixtoynew
s-l1000
xjkiap062zd21
0135 – Beastie Boys – Hello Nasty
beastieblueprint
sk_HipsterEye
T-Mobile1b_2
sk website
sk poster
sk box
sk promo belt
sk promo tshirt
_0001_Layer-Comp-2
sk_iconography
sk icons 770×500 spread (1)

Super Attach: For the “Ultimate Messaging Device”

Super Attach:
for the “Ultimate Messaging Device”

Super Attach:
For the “Ultimate Messaging Device”

The team looked at different ways a heavy messaging user would be able to save time, and share their lives quickly and easily with their friends and contacts. We devised a "Super Attach" feature that would fill the bill.

Feature Overview: 

Feature Overview: 

Feature Overview:

media blaster
Super Attach Homescreen
  1. Facebook selector
  2. Twitter selector
  3. MySpace selector
  4. Super Attach selector
  5. Additional emoticons attachments, etc.
  6. Message input area
  7. Send button
media blaster 2
Super Attach Contextual Screen

  1. ALL Facebook media on the device
  2. ALL visited URL sites on the device
  3. ALL video files on the device
  4. Selected media indicator
  5. Cancel button
  6. Select button

media blaster 3
Super Attach Ready for Blasting
  1. Selected media thumbnail
  2. Written message

User Scenario:

The user wants to update all social media sites with recent photos.

media blaster 4
The user selects the social media and wants to send a variety of attachments.
  1. The user selects their preferred social media(s).
  2. User presses Super Attach icon which brings up the Super Attach contextual screen.

  1. User selects their preferred social media(s).
  2. User presses Super Attach icon which brings up the Super Attach contextual screen.

media blaster 5
The user selects a variety of media from the Super Attach contextual screen.
  1. The user selects a variety of media from the
    Super Attach screen.
  2. User presses “select” button to attach media
    and return to Media Blaster home screen.
  1. User select a variety of media from the Super Attach  screen.
  2. User presses “select” button to attach media and return to Media Blaster homescreen.
  1. User select a variety of media from the
    Super Attach  screen.
  2. User presses “select” button to attach media and return to Media Blaster homescreen.
media blaster 6
The user composes a message, reviews media attachments and "blasts" to their preferred social networks.
  1. The user can review all thumbnails of ALL media attachments selected in Super Attach screen.
  2. The user composes a message to accompany the media to be posted on their preferred social networks.
  3. User hits "Send" to send out ALL media to ALL their selected social networks.

UI Style Guide

Everything was kept on brand with a style guide, this allowed any team to create assets for the Sidekick with minimal guidance.

Everything was kept on brand with a style guide, this allowed any team to create assets for the Sidekick device and stay on brand.

Everything was kept on brand with a style guide, this allowed any team to create assets for the Sidekick with minimal guidance.

sk_sg_10_28-6
sk_sg_10_28-10
sk_sg_10_28-19
sk_sg_10_28-28
sk_sg_10_28-47
sk_sg_10_28-33
sk_sg_10_28-12
sc00250cd7 2
sc002515ce 2

UI Screens

The Sidekick UI screens were designed to appeal to heavy messaging users so having a "skin" that felt integrated with the overall experience were paramount. A 45° angle, mimicking the angle of the user screen, was used as a design affordance throughout the UI and overall design language.

The Sidekick UI screens were designed to appeal to heavy messaging users, quick access to messaging platforms and having a "skin" that looks integrated with the overall experience were paramount. A 45° angle, mimicking the angle of the user screen, was used as a design affordance throughout the UI and overall design language.

sk_r2_06
sk_r2_05
sk_r2_02
hub_0000_Layer-Comp-3
sk_r2_01
sk_r2_20
sk_r2_19
sk_r2_18
sk_r2_08
sk_r2_10

Make the Logo Bigger Better 

The goal was to update the logo by acknowledging the past and visually updating it for a new generation of text-heavy smartphone users, taking influences from street culture and relevant urban brands.

old new logo wide 1170

Branding and CMF

UI, hard key iconography, logo placement, and Sidekick branding elements all were part of the creative evolution process. The 45º angle influenced the UI and hard key designs as well.

sidekick-4g_04rt cmf
sidekick-4g_03rt (1)outline back reduced
sidekick-4g rt2_08 outline side (1)

“ The Sidekick's skin is probably the most elegant
balance of Android familiarity and target
demographic-specific customization
I've ever seen ”

-The Verge

“ The Sidekick's skin is probably the most elegant
balance of Android familiarity and target
demographic-specific customization
I've ever seen ”

-The Verge

“ The Sidekick's skin is probably the most elegant
balance of Android familiarity and target
demographic-specific customization
I've ever seen ”

-The Verge

“ The Sidekick's skin is probably the most elegant
balance of Android familiarity and target
demographic-specific customization
I've ever seen ”

-The Verge

“ The Sidekick's skin is probably the most elegant balance of Android familiarity and target demographic-specific customization I've ever seen ”

-The Verge

Result:

Result:

The Sidekick 4G launched to rave reviews and held it's own, exceeding sales volume estimates and attracting the desired target demographic.

The Sidekick 4G launched to rave reviews, and held it's own until T-Mobile ultimately was able to acquire the iPhone in it's product lineup. I commend T-Mobile for putting the resources behind skinning the Android platform and going for something new, novel, and unexpected. A good journey overall!

The Sidekick 4G launched to rave reviews, and held it's own until T-Mobile ultimately was able to acquire the iPhone in it's product lineup. I commend T-Mobile for putting the resources behind skinning the Android platform and going for something new, novel, and unexpected. A good journey overall!

Select Projects

Microsoft Visual StudioUI/UX Redesign of Software Developer Tools Website

Sidekick 4GComplete UI/UX Reboot of Iconic Android Smartphone.

T-Mobile Device Brand UnityUI Branding System for all T-Mobile Branded Devices

American Express Global ExperiencesGlobal Branded Customer Event Experiences