Paperclip Copied to clipboard
Stephan Bogner

Interface Index

is a tagged collection of interface elements with a focus on B2B, SaaS and desktop.

Screenshot of the hero section of the Interface Index website

Motivation

Designing for B2B or SaaS requires much more often custom UI/UX solutions. Finding them can be hard or time consuming. The Interface Index should be like a Wikipedia for UI/UX patterns.

Collection of UI elements
A few of the many collected UI elements, here for buttons

Unique patterns

The B2B area was especially exciting because it has many interesting patterns that are often unique to an industry like a 3D model viewer or bulk pricing.

Screenshot of a search interface element
View in context: Every element can be viewed in the context of the whole interface like the search popover here.
Long tail of UI design: The Index also contains harder to find patterns like warning states.
Screenshot of a warning state interface elements

Next steps

I am pondering how to advance the Index: Some users would like a private section to add patterns to. Or I'll revisit the products to show an evolution of the UIs. We'll see 🙂.

A delicious pizza
🍕

Handcrafted
with love in Ulm.