Support Desk Portal

InboxHQ

A support desk portal built for fast triage and minimal context-switching. Scan the inbox, drill into tickets, and check workload. One interface, no tool-switching.

Project Summary

Description

InboxHQ keeps the full support workflow in one place. Instead of toggling between inbox views, ticket pages, and analytics dashboards, agents can scan new tickets, take action, and monitor queue load without losing their mental model of what needs attention.

Development was heavily AI-assisted, but not hands-off. I defined product constraints for workflow logic, interaction behavior, and visual hierarchy, then iterated prompts and code until the interface felt production-ready.

Screenshots

Interface

Tech Stack

Stack

  • React
  • TypeScript
  • Tailwind CSS
  • shadcn/ui
  • Supabase
  • TanStack Query
  • Jotai
  • Vitest

Reasoning

Design Notes

  • Inbox triage is the primary job, so the layout front-loads scanning affordances ahead of editing controls.
  • Warm neutrals keep the background from competing with the data — a support agent staring at ticket queues for hours doesn't need a colorful backdrop.
  • Search goes beyond text matching: live suggestions, history recall, and keyboard navigation assume the same tickets surface again and again.
  • Theming uses semantic tokens instead of hardcoded values, so switching modes preserves the same visual hierarchy in both directions.

Palette:

Fonts:

Inter