PRODUCT ARCHITECTURE • DESIGN SYSTEM • AI SEARCH

Replacing dozens of scattered spreadsheets with one AI powered search platform

Replacing dozens of scattered spreadsheets with one AI powered search platform

Replacing dozens of scattered spreadsheets with one AI powered search platform

Product architecture, UX, and a 75 screen design system, built alongside the dev team from day one
a cell phone on a bench

context

The client, a consultancy managing multiple clients and projects, had client information scattered across dozens of Google Sheets and Docs, with no single source of truth and no fast way to search across it. They needed a centralized platform with an integrated AI layer to make search and retrieval across clients and projects fast and reliable.

problems

  • Client information scattered across dozens of spreadsheets and docs, with no single source of truth

  • No fast way to search or retrieve information across clients and projects

  • Interface needed to handle complex, interconnected data without becoming overwhelming

  • Design had to move in lockstep with development from day one, not get thrown over the wall after the fact

process

Architecture & feature definition:
Worked with the dev team from the ground up, contributing to the application's architecture and feature definition, balancing implementation feasibility, user experience, and visual quality at every decision.

Styleguide on shadcn:
Used shadcn as the component library foundation and built a styleguide on top of it, bridging design decisions with development needs so consistency held across the entire application, not just isolated screens.

AI powered search layer:
Designed the integrated AI layer for search and retrieval, so users could query across clients and projects instead of digging through spreadsheets one by one.

Screens & states:
Specified around 75 screens accounting for different states, designing for the full range of what the interface needed to handle, not just the happy path.

app_wireframe_SaaS
components_design_system_SaaS
High_fidelity_figma
High_fidelity_figma

outcomes

  • Consolidated client data previously scattered across dozens of spreadsheets and docs into a single, searchable platform

  • Delivered around 75 screens across states, built directly on the team's existing component library for a fast, low friction handoff

  • Complex, interconnected data made accessible through a cohesive interface, designed with both the end user and the dev workflow in mind

Contact

Let’s talk projects, collaborations, or anything I can help with

Contact

Let’s talk projects, collaborations, or anything I can help with

Contact

Let’s talk projects, collaborations, or anything I can help with

UX/UI & PRODUCT DESIGNER

UX/UI & PRODUCT DESIGNER

Create a free website with Framer, the website builder loved by startups, designers and agencies.