B2B Product Design
lazer
AI Business Intelligence Platform
Lazer came to me looking to design a BI tool that lets anyone run data queries and get insights instantly – no code, no bottlenecks.
With an intuitive, AI-driven interface, users can ask questions in plain language, get real-time insights, and create reports without relying on data analysts.
queries
I designed the queries edit page for a seamless self-service data experience.
A side panel provides quick access to company data tables, while the main sections vertically guide users through connecting a data source, writing a plain-language prompt, and generating SQL—with a built-in engineer verification system.
Users can run queries, view structured results, and generate charts, with intuitive actions like exporting or saving queries for future use.
global navigation
The Queries dropdown in the top nav gives users quick access to their recent, most viewed, and starred queries, making it easy to jump back into important work without searching.
queries index
The queries index page lets users search, filter, and sort by key criteria to find a query.
Hover over a query for a SQL tooltip, or easily create new queries, all in one streamlined view.
charts
The charts section in the queries edit page allows users to add and edit charts for seamless data visualization on their dashboard. Its collapsible design keeps the page clean and uncluttered, allowing users to focus on core query tasks without distractions, while still having quick access to charts when needed.
fully customizable
Users can drag and drop data elements into the X and Y axes to quickly create personalized charts, giving them full control over their visualizations.
dashboards
A top-level view of all dashboards—company-made, user-created (verified or not), and starred.
Users can search, filter, and sort through them, with a quick action to create a new dashboard.
customizable
Users can customize their dashboard by dragging and dropping widgets, tailoring the layout to fit their needs.
ai chat mode
The AI chat page enables users to explore data interactively, offering a flexible, conversational way to see different insights without writing complex queries—complementing the more structured query edit page.
This layout ensures fast, focused access to context, input, and results.
