Overview

This is the continuation of the General Assembly project—focused on deepening craft, systematizing the UI, and moving from wireframes into high‑fidelity, interactive prototypes and a potential coded prototype.

Scope & Goals

  • Learn Figma end‑to‑end (variables, components, prototypes).
  • Create a Design System in Figma from the ground up.
  • Apply feedback from the GA course to refine UX.
  • Build a high‑fidelity clickable prototype in Figma.
  • Run additional user testing as needed.
  • Explore a working coded prototype (likely React).

Design System (In Progress)

Establishing tokens (color/typography/spacing), button states, inputs, badges, and table patterns to support complex lists and filters. This will evolve as I import high‑fidelity Figma screens here.

Next Steps

  • Finalize authentication & import flows.
  • Iterate on list interactions and reminders from usability feedback.
  • Add polished hi‑fi Figma screens and a complete DS snapshot.

Brand Colors

Shows the documentation I've created for the branding for the JobTrack app.

Image Viewer