Flobot.io

Intro to Custom Dashboards

UI  •  Front-End/Interaction

See the Pen Dashboard Intro by Florence Tsai (@flobot) on CodePen.

I designed and coded up a first-time user flow to introduce a new feature called Custom Dashboards that Revinate was building.

Goals
  • 1
    Giving attention to the First Time User Experience (FTUX)
    I saw an opportunity to address a FTUX flow for a new feature called Custom Dasbhoards. Instead of dumping the user onto this new page with no message, it'd be more beneficial to show customers a quick introduction on how to use this tool.
View project on codepen »
Skills & Tools
  • UI/Interaction Design
  • HTML/CSS
  • JQuery
  • Sketch App
  • Codepen

Here's what I've worked on

Preview of the Unification + Style Guide Project

Unification + Style Guide

UI/UX • Design Leadership
Preview image for Email Strategy

Email Strategy

Visual • Information Hierarchy • Graphics
Preview image for the 'Advanced Filters: Campaign Targeting' project

Advanced Filters

UI • Prototype • Interaction
Preview image for the 'Invite New User Modal codepen'

Invite New User

UI • Front-End/Interaction
Preview image for the 'Intro to Dashboard' codepen

Intro to Custom Dashboard

UI • Front-End/Interaction
Preview image for the Room Upgrade Flow project

Revinate: Marketing

Graphic Design • Page & Layout Design
Preview image for Mania Magazine

Mania Magazine

Page & Layout Design • Design Leadership
Preview image for Becky Bones

Becky Bones

Character Design & Illustration • Page & Layout Design • Art Direction