UI Design samples 2018-2026

UI designs

A collection of UI screens across projects, spanning different periods, giving an overview of my UI design work outside the full case studies.

My Elementor — new concept

A new data architecture and set of workspaces for My Elementor.

My Elementor home concept

Home — landing surface, with an AI assistant prompt and connected sites front and center.

Sites overview concept

Sites, overview — a connected-sites table with performance, updates, and security status per row.

Sites management concept

Sites, management — a bulk view across performance, updates, database, and security for every connected site.

Wiliot — new UI

Light and dark UI for the Wiliot platform, spanning a Gantt-style event chart, a lollipop chart, table design, and a bridge single page.

Gantt-style asset event chart, dark mode
Gantt-style asset event chart, light mode
Light Dark

Gantt chart — per-device event bars over time, on an asset's detail page. Drag to compare light and dark.

Lollipop chart of temperature readings, dark mode
Lollipop chart of temperature readings, light mode
Light Dark

Lollipop chart — stem-and-dot readings for a single metric over time. Drag to compare light and dark.

Bridges table design, dark mode
Bridges table design, light mode
Light Dark

Table design — the bridges list, with status, firmware, and filters. Drag to compare light and dark.

Bridge single page, dark mode
Bridge single page, light mode
Light Dark

Bridge single page — a bridge's own detail view: type, connected gateways, location, firmware. Drag to compare light and dark.

InboxAI interface

Account overview and usage charts for InboxAI, embedded inside ZoomInfo's company search.

InboxAI account overview inside ZoomInfo

Wiliot app

A deployment app for creating assets and locations in the field.

Wiliot deployment app home screen

Home — Gateway Mode turns the phone itself into a Wiliot gateway, and Show Nearby detects nearby assets, pixels, bridges, and gateways.

Wiliot deployment app, adding a location

Add Location — naming a new site and placing it by address, with the pin dropped on a map.

Wiliot deployment app, adding an asset

Add Asset — creating an asset by scanning its pixel tag, labeling it, then moving straight to the next one.

Want to see more?

Some of these were quick explorations, others shipped. Happy to talk through the context on any of them.