Skip to content
UI / UX Design

Design that users remember

We design before we build. Figma-based, user-tested, accessible design systems that translate directly into production — no guesswork, no gaps.

What It Is

Design-first product development

UI/UX at amfire isn't a coat of paint applied after the backend is done. We treat design as the first engineering step — mapping user journeys, validating assumptions through prototypes, and building a component-level design system before a single React component is written.

The result is products that feel intentional. Every interaction, every state, every edge case is accounted for in Figma — so the build phase is fast, predictable, and free of visual debt.

What We Deliver

Deliverables

User research, interviews, and competitive audit
Information architecture and user flow mapping
Low-fidelity wireframes for all key screens
High-fidelity Figma prototypes (desktop + mobile)
Complete design system: tokens, components, and usage docs
Interactive prototypes for usability testing
Accessibility-audited colour palettes and typography scales
Developer handoff with specs, assets, and responsive breakpoints

Design Toolkit

Tools we use

Our design and testing toolkit.

Figma
FigJam
Framer
Maze
Hotjar
Lottie
Tailwind CSS
Storybook

Case Studies

Products we've designed

Clearpath — Construction SaaS

Designed a multi-role dashboard experience for site managers, admins, and clients — with a focus on information density without visual clutter. Delivered full Figma component library.

FigmaDesign SystemDashboard UI

Skillship — EdTech Platform

Created an adaptive learning interface with personalised progress tracking, AI tutor chat, and an assessment flow designed to reduce cognitive load and dropout.

User ResearchPrototypingAccessibility

FAQ

Common questions

Do you design before building?

Always. Every project starts with wireframes and a validated Figma prototype before any code is written. This reduces scope changes and ensures we build the right thing.

Can you redesign an existing product?

Yes. We run a UX audit on your current product, identify pain points through analytics and user feedback, then redesign iteratively — from wireframes through high-fidelity mockups.

Do you do user testing?

Yes — usability testing is part of our standard process. We use tools like Maze for unmoderated tests and conduct moderated sessions for complex flows.

What do I receive at the end?

A complete Figma file with a design system (tokens, components, typography, colour palette), annotated screens for every breakpoint, interactive prototype, and a developer handoff document.

Do you handle just design, or also implementation?

Both. We design the full product and then build it — same team, no handoff friction. But if you only need design, we offer standalone design engagements too.

Ready to design your product?

Tell us what you're building — we'll start with wireframes and a validated prototype before writing any code.

Discuss This Service

We use cookies

We use cookies to improve your experience and analyse site usage. Privacy Policy