Nu Skin Prototyping the Distributor Web Platform

Animation of User Onboarding UI design and interaction.

While working at Deloitte Digital as a UX Design Engineer, I bridged the gap between design and implementation for the Nu Skin distributor's web platform.

Role
UX/UI Developer
Year
2016
Duration
8 months

UI Styleguide

global styleguide for visual elements and interactive components

Sketches

Prototypes

Global Menu Logged In

Button Ripple Animation

Screen Design

Global Navigation

Account Sign-up

Distributor Setup

Product Detail

Key Contributions

  • Collaborated closely with UX and Design to prototype key interactions for client approval and to communicate intent to developers
  • Defined typography, responsive grid system, and UI components within living style guide
  • Developed functional prototypes of responsive nav, custom animations, user dashboard, user on-boarding, and form flows
  • Designed and prototyped user on-boarding
  • Influenced design by filling in UI gaps, interactive design, and providing consistency to the final design
  • Identified potential UX/UI problems w/ colleagues through critique sessions and prototyping

Activities Performed

  • Animation
  • CSS Architecture
  • Design System
  • Front End Development
  • Interaction Design
  • Interface Design
  • Prototyping
  • Responsive Web Design
  • Style Guide