Tremor Technologies
Design system, admin UI redesign, and authentication flow mapping at Tremor Technologies. Built a unified design system covering color, typography, elevation, and component documentation. Redesigned multiple admin interfaces into a modern settings experience with multi-step forms. Mapped authentication and navigation flows so the whole team was working from the same picture.
Color System: The palette I put together, support colors and the grayscale range, each swatch with its name, hex, and RGB, organized around the brand and accessibility needs.
Typography Styles: The type styles I set for headings, subheadings, body, quotes, and links, with the size, weight, decoration, and casing for each.
Font Family Guide: Open Sans and Open Sans Condensed. I documented the weights, styles, and where each one gets used.
Typographic and Layout Variations: Layout explorations I ran, full width and multi column, working out readability, alignment, and spacing for the different cases.
Elevation Styles: I standardized six elevation levels ($elevation-1 through $elevation-6) so shadow and depth stay consistent between interactive and static components.
Design System Overview: The system I built in Figma: modals, chips, tables, elevation, typography, colors, buttons, form elements, and navigation patterns, organized so designers and developers work from the same file.
Add Account Form: The account creation form I redesigned. Validation feedback is inline, green for valid and red for errors, with toggle switches and a sidebar that groups the menu items by task.
Account Settings: I grouped settings into profile, authorization (password, 2FA, deactivation), platform preferences (language, time zone, delimiters), and notification toggles. Save is green, deactivate is red.
Get Started Screen: The entry screen I designed for the Auction Setup Tool, with the instructions and the start action up front and sidebar navigation to the related features.
Add User Form: The onboarding form I built out: profile and contact sections, dropdowns, toggle switches, and the action buttons.
Authentication Flow: The auth flow I mapped: login, account creation, and credential recovery, with validation at each step and retry loops. Green marks success, red marks failure.
Navigation Structure: The sitemap I laid out: login, dashboard, analytics, notifications, settings, and admin tools, down to sub-pages for listings, results, audit logs, and preferences.
High-Level Prototype: A dark-theme prototype I organized into modules: Results, Preferences, Listing Detail, and Audit Log, with the flows and navigation paths between the screens, charts, tables, and settings panels.
Administrative Tool: The admin side I worked through: Settings, Placements, and Admin/Manage Accounts, with the flows for adding, editing, and managing accounts, including the branchier decision paths.