Debbie Pan

Interaction Designer

01

About
Me

Based in Los Angeles, CA

I graduated from the University of California, San Diego, with a BS in Cognitive Science specializing in Human-Computer Interaction. To put it simply, I studied Interaction Design.

I currently work at ServiceTitan as a Product Designer focusing on our Growth products, and really enjoy solving complex problems that make a great impact on the lives of our customers. Previously, I worked at Pacific Science & Engineering as an Interaction Designer, designing interfaces for military and intel communities. In the projects I take on, I strive to find solutions to real-world problems and create meaningful relationships between people and the products they use, as well as bring a little fun into the mix!

02

My
Process

Discovery


Asking questions and exploring the scope and requirements of the project. Who are the users, and what problem are we trying to solve?

Research


Looking at examples on Dribbble, Pinterest, or Behance and doing a competitive analysis on similar projects.

Task Analysis


Identifying the users’ goals by distinguishing triggers, desired outcomes, required and base knowledge, and artifacts they use to help frame the problem and improve their experience.

Sketch It Out!


Taking it back old school - with blank sheets of paper and a sharpie. This allows me to quickly think through ideas and get a general sense of what I want the design to look.

Low-Fidelity Wireframes


Now the sketches are transformed into grayscale wireframes so that we can iron out kinks in the flow and functionality before worrying about the look and feel.

Test & Evaluate


Testing should be done early and often. It should be constant and iterative! Sometimes I’ll create paper prototypes just to validate an idea, then turn it into a wireframe.

High-Fidelity
Mockups & Prototypes


The look and feel is now applied. I then use either Axure or Invision to create a prototype showcasing the interactions and ensuring it flows smoothly.

Delivery!


This can range anywhere from creating presentations, using Invision, attaching mockups to JIRA, creating animations in After Effects, or writing specs.

Refinement


Good design is never done. As a designer, I have to stay one step ahead of the game and continuously make sure the communication between the user and technology is easy to understand. This means that I am constantly testing and improving the product.

03

My
Projects

04

My
Experience

  • December 2018 - Present

    Product Designer, Enterprise UI/UX

    ServiceTitan

    Product Designer finding the balance between business and customer needs in a collaborative cross-functional team
    • Redesigned the Content Management System for our Pricebook module to turn the product into a living, breathing system with the ability for customers to receive updates
    • Created code-based prototypes to improve communication with devs

  • May 2018 - December 2018

    User Experience Lead, UX Designer (Contract)

    Seamgen, Jack-in-the-Box

    UX Lead creating prototypes and dev-ready designs based on usability principles
    • Worked closely with clients to produce screens for their websites and products
    • Constructed estimates workflow and designed high-fidelity mockups for internal project and task management tool
    • Interviewed restaurant managers and helped design the information architecture of the Restaurant Manager Portal

  • June 2016 - May 2018

    Interaction Designer

    Pacific Science & Engineering

    IxD lead designer working with human factors engineers & cognitive scientists to provide user interfaces for military and intel communities
    • Collaborated with users, stakeholders and developers to deliver user-centered interface for controlling multiple UxVs
    • Created consistent style guides using Sketch across multiple projects
    • Designed an interactive prototype through an iterative process for anomaly management to support an experiment on situation awareness

  • September 2014 - June 2016

    Jr. Interaction Designer

    American Specialty Health

    IxD junior designer providing interactions and mockups for a health incentive program and creating motion graphics for informational videos
    • Mocked up client sites with Photoshop for front-end developers to reference in an Agile UX environment
    • Storyboarded and produced visual design and motion graphics for health videos in Adobe Captive and After Effects
    • Designed UI interactions for new internal system site assisting program managers with client customizations and showcased animations in AE