HomeDash - Design System

Design systems for HomeDash, a platform for home service professionals.

Project Type Industry - Freelance Project	Timeline March 2020 - November 2020
Team Members Co-Founders and Product Leads (2) Solo UI/UX Designer (Me) Frontend Developer (1) Backend Developer (1)	Tools Figma, Zeplin, Apple TestFlight (iOS Beta Testing) Google Play Console (Android Beta Testing)

---

At a glance

Company Overview

HomeDash, a Chicago-based company, offers an all-in-one platform for home service professionals to manage their entire business from their smartphone and a web-based desktop app. It covers all aspects of their workflow, including job scheduling, customer database, invoicing and payment processing, online bookings, and technician dispatch.

The UX Process

Crafting a design system for HomeDash required me to wear multiple hats while performing research, ideation, prototyping, user testing, production, and QA sessions with developers for post-release testing through Apple TestFlight and Google Play Console to identify system errors and ensure pixel-perfect development throughout the SDLC.

The UX documentation is currently protected under a Non-Disclosure Agreement.

---

Design System

Made in  

Note: Figma embeds might require a few moments before they're completely loaded.

Zoom in and out of the canvas:
Trackpad: Use the pinch gesture; Mouse: ⌘+Scroll (Mac), Ctrl+Scroll on Windows; Alternative: add_box and indeterminate_check_box embed icons on the bottom right

Full screen mode:
open_in_full embed icon on the top right

Pan around the canvas:
Click-and-drag with mouse pointer; Alternative: Keep the space bar space_bar pressed, click-and-drag with the pan tool pan_tool

Open file in Figma:
Click on the file name embedded at the bottom

Component and Icon Library

Native iOS and Android apps

Web App - Desktop

Online Booking - Mobile + Desktop

App Store Screenshots and App Icons