01 / Overview
Elevating an AI Workspace: A UX/UI Redesign
SparkAI is an enterprise-grade AI chat interface that aggregates multiple language models within a single environment. This redesign consolidates a disjointed legacy system — isolated inputs, obstructive model cards, and undifferentiated history — into one unified, input-first workspace.
Role
UX / UI Design
Scope
End-to-End Redesign
Platform
Web · Desktop
02 / Legacy Audit
Identifying Legacy Architecture Friction
The legacy architecture fragmented core functions. The input zone sat isolated from surrounding context, static model cards occupied primary screen space and obstructed the workflow, and chat history rendered as a flat list — undifferentiated, without semantic grouping or temporal hierarchy.
3E21C98C-A2B8-40A1-9566-90F9021DC7D2.png
03 / The Challenge
Centralizing the Prompting Experience
The objective is to collapse a cluttered, multi-zone layout into a minimalist, input-first environment. Controls resolve around a single prompt surface, reducing cognitive load and shortening the path from intent to output for the User.
04 / Consolidation
Architectural Consolidation & Input Focus
Center-screen model cards are removed in favor of a unified input container that anchors the workspace. Chat history migrates into a structured sidebar — chronologically grouped and semantically labeled — restoring temporal hierarchy across prior sessions.
688363E1-188A-4303-9BE1-4D59376BD6ED.png
05 / Model & Input
Dynamic Model Selection & Multimodal Input
An in-line model switcher with integrated search lets the User change models without leaving the prompt surface. Voice capture renders as a live waveform contained directly within the primary input field, unifying text and multimodal entry in a single control.
BB8211D5-6931-4F7B-B2C4-450F7B3248C1.png
2763D5C9-DEC7-4D10-BB73-05E326A765C7.png
BBC2CF5D-8333-4060-9D91-B66BC4A40DDD.png
06 / Navigation
Collapsible Navigation & Contextual Controls
A multi-tier collapsible sidebar reclaims screen real estate on demand. Contextual hover menus expose history management — pin, edit, delete — at the point of need, while a right-hand panel sequences the prompt timeline for rapid session recall.
F262643E-CEA5-45C4-8057-FC86934F40A4.png
2B8DF74E-52EC-41C6-81E9-550880FD5571.png
DF1DAEC4-E007-4367-ACF3-50EFA5A1F67C.png
07 / Observability
Tabbed Data Visualization & Observability
Complex model output is segmented into three tabbed views. Answer presents structured, comparative tables; Sources exposes clickable reference links; Details surfaces execution metadata for observability.
FA56B137-AEBA-426D-8826-EAA9EF0A1B2C.png
14BB25BE-C89E-4848-9A98-7D1A9C2E4D13.png
7309C585-A434-46D9-9C64-BEC4A63A1202.png
08 / Takeaways
Minimalism as Utility
Centralizing controls around a single input surface aligns the interface with enterprise software standards. The result is a calmer, denser, faster workspace — minimalism deployed as utility, not decoration — accelerating the workflow for the User.