UI Design

Interfaces that are sharp, considered, and feel right

Close-up of a dark audio plugin interface with cyan dials, sliders and an envelope generator

Components that scale. Screens that feel right. Systems your team can maintain.

Built component-first so the product stays consistent at twenty screens or two hundred. Accessible by default, never a retrofit.

System-first

Components and tokens before screens. So the product stays coherent as it grows.

Accessible by default

WCAG AA baseline. Keyboard, screen reader, contrast and focus considered from the first sketch.

Responsive everywhere

Every screen designed for every breakpoint. Not desktop with a mobile afterthought.

Developer-ready

Annotated Figma files, documented components, exported tokens. A handoff that doesn't need translation.

01
Interface design

Screen design, responsive layouts, component design, interaction design. The visual layer that brings wireframes to life.
02
Design systems

Component libraries, design tokens, pattern documentation, Figma libraries. A system that keeps your product consistent as it grows.
03
Interaction

Micro-interactions, transitions, animation specifications, hover states. The details that make an interface feel responsive and alive.
04
Responsive design

Mobile-first approach, breakpoint strategy, adaptive layouts. Every screen designed to work at every size, not just shrink.
05
Accessibility

WCAG compliance, contrast ratios, keyboard navigation, screen reader compatibility. Inclusive design as a default, not an afterthought.
06
Iconography

Custom icon sets, spot illustrations, infographics. Visual elements that reinforce your brand within the interface.
07
Theming

Dark mode, multi-brand theming, token-based theme architecture. Flexible visual systems that adapt to different contexts.

Design systems that scale

Component libraries, design tokens, pattern documentation, Figma libraries. A system that keeps your product consistent as it grows from one product to many.

Typography and visual language

Type scales, colour systems, spacing rhythm, iconography. The visual layer designed as a coherent whole, not assembled from a Figma kit somebody else made.

Theming and adaptability

Dark mode, multi-brand theming, token-based architecture. The system bends to different products and contexts without losing its identity.

Designer's desk with two monitors showing web mockups in Photoshop and Bridge

MacBook displaying a coffee-themed website layout open in Photoshop

Design systems that have outlived the projects, the teams, and the trends they were built for.

Remotify

End-to-end UX for an Employer of Record platform helping SMBs scale cost-effectively in the Philippines.

View project

Rapport

Employee engagement platform. UX and product design for internal communications and recognition tools.

View project

Up next

Development

The designer who built the interface, builds the front end. No translation loss. Production-ready, accessible, fast.

Close-up of a screen showing colourful JavaScript source code

Do you design in Figma?

Yes, exclusively. Figma for all screen design, prototyping, and design system work. Everything is shared, collaborative, and version-controlled.

Can you build a design system for my product?

Yes. From component libraries and design tokens to documentation and governance. I build systems that scale with your product and keep your team consistent.

Do you hand off to developers?

Absolutely. I prepare developer-ready Figma files with clear specifications, component documentation, design tokens, and responsive breakpoint designs. I also work directly with developers during implementation to make sure nothing gets lost.

What's the difference between UX and UI?

UX is the structure and logic. UI is the visual layer. I do both, but they happen at different stages. UX comes first (how it works), UI follows (how it looks and feels).

Do you design for mobile and desktop?

Always. Every interface is designed responsive from the start, typically mobile-first. You get designs for all key breakpoints.