Skip to content

Experience & Visual Craft

Design

Design in the DNA. Visual craft, interaction finesse, and accessibility standards embedded from the first commit.

At Interlusion, design isn't a phase that happens after engineering. It's a structural decision made at the same time as architecture. The founder's background in art, music, and visual design shapes every UX decision — from the first wireframe to the final interaction.

This isn't about making things pretty. It's about making complexity disappear. The best interfaces feel effortless because someone thought deeply about information hierarchy, interaction patterns, and visual rhythm before writing a single line of CSS.

Products should be as elegant to use as they are robust under the hood. That means human-centered interfaces, visually striking layouts, and accessibility compliance baked in — not patched on after launch when someone notices the contrast ratios fail.

Interlusion builds design systems, not one-off screens. Tokens, components, spacing scales, and typography are defined once and applied everywhere. Consistency at scale, beauty by default.

Capabilities

Design that delivers

Four areas of design practice — each integrated with engineering from the start, not handed off as a PDF.

UI/UX Design

Human-centered, visually striking browser-based applications. Design systems, rapid prototyping, interaction design, and accessibility compliance. Figma to production with no detail lost. Every component is built to live in real code, not just a design file.

Data Visualization

Complex data made legible and beautiful. D3.js, eCharts, and custom visualization solutions that surface insight without overwhelming the user. Dashboards, reports, and real-time displays designed to support decisions, not just impress stakeholders.

Design Systems

Tokens, components, spacing scales, colour palettes, typography — the infrastructure that keeps a product visually consistent as it grows. Built once, used everywhere. Documented so any developer can implement correctly without design oversight on every ticket.

Visual Identity

Brand systems that work across digital products, marketing, and every touchpoint in between. Logo design, colour theory, typography selection, and brand guidelines that are practical enough to actually follow.

Process

From insight to interface

Design at Interlusion follows a clear methodology. Research first, aesthetics second — but both matter equally in the final product.

01

Research & Understand

User interviews, competitive analysis, and stakeholder alignment. Understand the problem space before proposing solutions. Map user journeys, identify pain points, and define success metrics.

02

Wireframe & Prototype

Low-fidelity wireframes establish information architecture and interaction flows. Rapid prototyping in Figma tests core concepts with real users before visual design begins. Iterate fast, fail cheap.

03

Visual Design & System

High-fidelity designs with a complete component library and design token system. Typography, colour, spacing, and motion — defined as a coherent system, not individual screen designs.

04

Implement & Refine

Design and engineering work in parallel. Components are built to match the design system exactly. Accessibility audit, cross-browser testing, and performance optimization before launch.

Principles

What Interlusion designs by

Clarity Over Decoration

Every visual element earns its place. If it doesn't help the user understand, navigate, or decide — it goes. Minimalism isn't a style choice; it's respect for attention.

Accessibility as Foundation

WCAG compliance isn't a checkbox. Colour contrast, keyboard navigation, screen reader support, and motion sensitivity are considered from the first design decision. Products should work for everyone.

System Thinking

Individual screens are symptoms of a system. Interlusion designs the system first — tokens, components, patterns, relationships — so every new screen is consistent by default, not by accident.

Philosophy

Art-Grade UX

"Design in the DNA" isn't metaphor. Interlusion's approach to interfaces is informed by lifelong involvement in art, music, and visual design. The founder doesn't delegate aesthetics — every major design decision passes through a sensibility shaped by decades of creative practice.

The result is products that feel crafted, not assembled. Where most engineering-led shops produce functional but sterile interfaces, Interlusion delivers software that users enjoy using. That emotional response isn't accidental — it's engineered through typography, spacing, colour, and motion, with the same rigour applied to system architecture.

Design tools
Figma, Affinity Suite, D3.js
Design tokens
CSS custom properties, Tailwind @theme
Accessibility
WCAG AA compliant, 4.7:1 contrast
Motion
GSAP, CSS transitions, reduced-motion aware

Common questions

Yes. Design-only engagements deliver Figma prototypes, design systems, and brand guidelines that any development team can implement. That said, the best results come from integrated design-and-build projects where there's no handoff gap between what's designed and what ships.

Most UI design prioritises function — does the button work? Art-grade UX asks a harder question: does the product feel right? Typography rhythm, colour harmony, micro-interactions, and spatial relationships are treated with the same care a designer brings to a poster or a film frame. The difference is emotional — users notice it even if they can't articulate why.

Design and engineering run in parallel. The design system is defined first — tokens, components, spacing — and AI agents use that system as constraints when generating code. The result is pixel-accurate implementation without manual oversight on every component. Agents build what the system defines.

Yes. Brand systems, logo design, colour palettes, typography selection, and comprehensive brand guidelines. Interlusion's own brand identity — including the Darbit mascot, the teal-and-charcoal palette, and the Outfit/Oxanium type pairing — was designed in-house as a demonstration of the approach.

WCAG AA compliance is the baseline, built in from the design phase. Colour contrast ratios, keyboard navigation, screen reader compatibility, and reduced-motion preferences are tested throughout the process — not audited after launch. Interlusion's own brand palette (Core Teal on Soft White) meets 4.7:1 contrast ratio.

Need a design partner?

From design systems to full product UX — Interlusion brings engineering precision to visual craft. Start with a conversation.