00%
Loading...
Menu
Open
Close
Close
Back
Selected Projects

SalonFox App
  • UX/UI,  Extracurricular
  • 2016

Qlaude Eyewear
  • Branding,  Fashion
  • 2019

FamilyFinder App
  • UX/UI,  Extracurricular
  • 2018

BCBG Retrospective
  • Branding,  Fashion
  • 2014

American Apparel Brand Book
  • Branding,  Fashion
  • 2018

Kern Branding & Site Redesign

Charming Charlie Packaging
  • Packaging,  Fashion
  • 2016

Lucky Brand Campaigns
  • Campaign,  Fashion
  • 2014

AA ICONS Lookbook
  • Print,  Fashion
  • 2018

AA Halloween Shop
  • Campaign,  Fashion
  • 2017

AA THEY OK Campaign
  • Campaign,  Branding,  Fashion
  • 2018

AA Party Holiday Campaign
  • Campaign,  Fashion
  • 2017

American Apparel Mailer
  • Print,  Fashion
  • 2018

Mitsubishi Motors Mailer
  • Print
  • 2024

The It Bag
  • Branding,  Fashion
  • 2017

Charming Charlie Host-An-Event
  • Print,  Fashion
  • 2016

Charming Charlie Peak Walls
  • Store,  Fashion
  • 2016

True Religion Press Kit
  • Print,  Fashion
  • 2013

True Religion Product Guide
  • Print,  Fashion
  • 2014

Mercury Insurance AR2007
  • Annual Report,  Print
  • 2007

MDL AR 2007
  • Annual Report,  Print
  • 2007

Sonic Youth Book Design
  • Extracurricular,  Print
  • 2006

Steve Reich Book Design
  • Extracurricular,  Print
  • 2005

AA SS2018 Lookbook
  • Print,  Fashion
  • 2018

AA Loop Terry Lookbook
  • Print,  Fashion
  • 2018

FutureVision Event
  • Event,  Print
  • 2009

Herbalife Gala
  • Event,  Print
  • 2013

Zero Audio Speaker
  • 2021

SalonFox App

  • UX/UI,  Extracurricular
  • 2016

Your stylist forever

SalonFox serves many purposes for both the stylist and customer. What originally was meant as an app to connect people with stylists grew into something that could be much more.

Having an app that keeps you connected, archives your hair records, and directs you to the nearest salons and hair product stores makes maintaining that beauty a breeze! For first time users, it makes finding the right salon and hair consultation easy so you and your stylist don't waist any time and can get you in and out with the look of your dreams!

The Stylist

Always keep in contact with your clients, keep your business growing! Archive the great work you've done and give ideas for new clients! Running out of product that has that smell and consistency? Find it here!

Customer (Fox)

Make hair consultations easy with the snap of a selfie! Keep an archive of all the great (and not so great) hair styles and colors! Can't find that product that only works for your hair? Find it here! But always be connected to your favorite stylist…forever!

Project Plan

01
UX RESEARCH: Satisfying a need and purpose.
02
UX RESEARCH: Creating our personas with EMPATHY MAPPING to find the pain points and needs.
03
UX DESIGN: creating the journey for our personas with card sorting, user flows, and site maps.
04
UI DESIGN: creating low-fidelity prototyping and testing.
05
UI DESIGN: creating high-fidelity prototypes with branding and testing them with users.
06
FINAL PRODUCT: functioning prototype and design system/style guide created.

phase 1: user research

We attempt to find whether this product will be purposeful/useful for both stylists and customers.


Conducted Interviews | Online Surveys | Competitor Analysis
01  /  Conducted Interviews
02  /  Online Surveys
03  /  Competitors Analysis
04  /  Research Findings
keyboard_arrow_left
keyboard_arrow_right

phase 2: needs & personas

Through our research findings in PHASE 1, we find needs through pain points and create personas for both the stylist and our fox.

Empathy Mapping | Persona Creation
01  /  Empathy Map (fox)
02  /  Fox Persona
03  /  Empathy Map (stylist)
04  /  Persona (stylist)
keyboard_arrow_left
keyboard_arrow_right

phase 3: UX & Journey Mapping

Through the pain points, we've discovered the needs this app must satisfy. To put into action, we conduct card sorting to organize the content better, created user flows for both our personas, and a site map for development.

Card Sorting | User Flows | Site Mapping
01  /  Card Sorting
02  /  Site Mapping
03  /  User Flows
keyboard_arrow_left
keyboard_arrow_right

phase 4: UX/UI Prototyping

In order to find gaps in the experience, prototyping and testing was necessary to find problematic areas.

Low-Fidelity Prototyping with Sketch | User Testing
01  /  Prototyping (Home)
02  /  Prototyping (add'l functions)
keyboard_arrow_left
keyboard_arrow_right

phase 5: Branding & High-Fidelity Prototyping

We focused on high-fidelity interactive prototyping and branding in this final state to put everything together.

High-Fidelity Prototyping with Adobe XD | Branding & Design System
01  /  Style Guide
02  /  Adobe XD Prototyping
keyboard_arrow_left
keyboard_arrow_right

SalonFox App Prototype

TRY IT HERE!

Credits

Client
Extracurricular (Springboard)

Creative Director
Chris Hamilton

Concept / Design
Chris Hamilton