UI/UX design for the product you already have.
Most design work does not start on a blank page. You have a site or an app people already use, and something in it is costing you: a checkout they abandon, an onboarding they never finish, a dashboard nobody opens. We find it, redesign it, and hand it over ready to build.
What we design
Six things, and most projects use three of them.
UX audit
We walk your site or app the way your customers do, then show you where they hesitate, where they leave, and which screens are costing you the most.
User flows and architecture
Mapping what a person is actually trying to do, and the shortest honest route to it, before anyone draws a screen.
Wireframes and prototypes
Low-fidelity layouts you can click through and argue with, so the structure gets settled while it is still cheap to change.
Interface design
The finished screens: type, color, spacing, states, and every empty, loading and error case the happy path forgets.
Design systems
Components, tokens and rules built in Figma, so your next twenty screens look like the first five without coming back to us.
Developer handoff
Specs, states and a file your developers can build straight from, whether that team is yours or ours.
How we work with your team
Design does not have to come with a rebuild. Pick the shape that fits where you already are.
What we work in
Seven tools, picked per project. Most jobs use three or four.
Figma
Where the work lives: screens, components, prototypes and Dev Mode specs in one file your developers can open. Flows and workshops happen in FigJam beside it.
Interface
Prototypes
Handoff
Framer
For pages where the design is the build. Motion-led marketing sites that go live from the design file.
Landing pages
Motion
Fast launches
Webflow
Structured, CMS-backed sites built straight from the design, with clean semantic markup.
Marketing sites
CMS
Clean markup
Rive
Interactive animation with real state machines, so a control reacts instead of just playing.
Micro-interactions
App motion
Lottie
Motion that ships: vector animation your developers drop into web and app builds at a few KB.
Web & app
Lightweight
Maze
Unmoderated testing on the prototype, so the layout is argued with by users before anyone builds it.
Prototype testing
Pre-build proof
Storybook
The design system in code next to the Figma library, so components stay the same in both.
Component docs
Dev parity
The same product, redesigned.
Most of our design work is a second look at something already live. Drag the divider, or let it scroll.
From research to handoff.
Five stages. You see work at every one of them, not just at the end.
Designed in
Research
STEP 01
We read your analytics, watch session recordings, talk to whoever answers your phone, and use the product ourselves until the friction is obvious.
Flows
STEP 02
We map every route a person can take through the product, cut the ones that exist only because the software was built that way, and agree the structure before any screen is drawn.
Wireframes
STEP 03
Grey-box layouts and a clickable prototype, so hierarchy, labels and order get settled while changing them is still a five-minute job.
Interface
STEP 04
The finished design: typography, color, spacing, motion, and every state a screen can be in, not only the one that goes in the pitch deck.
Handoff
STEP 05
A structured Figma file, component specs, and a walkthrough with the people who have to build it, followed by review as it goes live.
Frequently Asked Questions
Everything you need to know before making a decision. Still unsure? Our team responds in under 4 hours.
Ready to grow your
business online?
Partner with Spice Web Media to get a modern website,
reach more customers, and boost your sales.
