I bring structure to complex products through clear interfaces, reusable components, and the details that make them feel right.
Explore selected work
LOOPD / PRODUCT INTERFACEloopdBAGreat content deserves to be seen. And paid.
loopdYour work. Your earnings.Product interface & design system
Responsive web · Component library · Light & darkInterface study / example dataA shared visual language for a collective product, designed with Figma. My work spans the front end, Go backend, and cloud infrastructure.
Loading the published card specimens…
Product interface & living design system
Shared controls · Responsive patterns · Seven card treatmentsPublished kit specimens / example dataLoopd helps brands distribute content through a network of creators. Its creator workspace brings campaign discovery, clip submissions, and earnings into one place.
The front-end challenge: make each step feel clear, keep every state consistent, and build a system that holds together on a phone as well as a desktop.
Front-end implementation and system work built with Loopd’s design team. Visual direction, brand, and typography are shared project contributions.
A campaign card puts the brand, reward, and status in a predictable order. Rates use tabular numbers. Statuses carry words as well as color, so a creator can compare opportunities without decoding the interface.
At 390 pixels, actions become full-width and navigation moves within reach. Content flows use bottom sheets on smaller screens; confirmations stay centered. Safe-area spacing keeps the last action clear of the home indicator.
Semantic tokens carry the decisions into every component. A brand fill and brand-colored text use separate roles for contrast. States, spacing, and interaction patterns repeat across the creator workspace and brand console.
Explore a selection of Loopd’s visual language. Switch themes, inspect components, and see how the interface handles the states between clicks.
Inline errors belong to the field. Progress belongs to the action. Status messages explain what changed and what the creator can do next.
A content flow opens as a dialog on desktop and a bottom sheet on smaller screens. The task stays familiar while its container adapts.
Visible keyboard focus, labeled controls, deliberate text contrast, and reduced-motion support make the visual system useful to more people.
A reusable front-end foundation for campaign discovery, forms, earnings, navigation, and feedback across the product.
I care about how an interface looks and how it holds together: the hierarchy, the component boundaries, the small-screen behavior, and what happens when something goes wrong.
The collection brings together Loopd and Things From The Internet, with more projects to come.