UI/UX Mockups
See it before you build it.
The cheapest place to change your mind is a mockup. We map the flows, design the screens and put a clickable prototype in front of real users, so what gets built is something you've already watched someone use — and something a developer can quote accurately.
What You Get
The parts that decide whether it works.
Flows First
The journeys mapped before any screen is drawn, so the structure is argued about while it's still cheap.
Clickable Prototype
A prototype you can open on your phone and tap through — not a slideshow of pictures.
A Design System
Colour, type, spacing and components defined once, so screens twenty to fifty draw themselves.
Tested With Users
Sessions with people who match your customers, and the recordings and notes that came out of them.
Accessible By Design
Contrast, target sizes and focus order checked at design time, when they're still free to fix.
Ready For Handover
Specs, states and assets packaged so any competent developer can build it — including yours.
What lands in your hands
Clickable prototypes and a design system you can test, cost and hand to any developer — before a line of code is written.
Everything below is part of the packages on this page. Anything outside it is quoted before it starts, never after.
Deliverables
- User flows and a screen-by-screen map
- Wireframes for every screen, agreed before visuals
- High-fidelity designs, phone and desktop
- A clickable prototype you can share and test
- Design system: colour, type, spacing, components
- Every state designed — loading, empty, error, success
- Developer handover pack with specs and exported assets
Pricing
UI/UX Mockups, priced up front.
Pay monthly over twelve months, or once off before we start — the switch shows both.
Concept
R295per month × 12 months
R3 540 total over 12 months
A small set of screens to settle a direction — enough to show a board, a partner or an investor.
- Up to 6 high-fidelity screens
- One device size, phone or desktop
- Clickable prototype of the main flow
- Two rounds of revisions
- Exported assets and source files
Product Design
R750per month × 12 months
R9 000 total over 12 months
The full design phase for a site or app: flows, every screen, a system behind it and a handover pack.
- Everything in Concept
- User flows and wireframes first
- Unlimited screens against an agreed scope
- Phone and desktop layouts
- Design system and component library
- Developer handover pack
Research & Test
Let's talkscoped per project
Design with real users in the loop — moderated testing, iteration, and the evidence behind each decision.
- Everything in Product Design
- Moderated usability sessions and recordings
- Findings written up with recommended changes
- A second design round against what was learned
- Accessibility audit against WCAG 2.1 AA
Prices exclude VAT and third-party costs such as domains, licensing and developer accounts. Hosting is billed separately.
Questions
Before you commit.
Can I take the designs to another developer?
Yes. The handover pack is built for exactly that, and the files are yours. Plenty of clients design with us and build in-house.
What do you design in?
Figma. You get view access from the first week and edit access on handover, so you can watch it take shape rather than wait for a presentation.
How many revisions do I get?
Two rounds per screen on Concept, and a working rhythm of weekly reviews on the larger packages — revisions there are the process rather than an allowance.
Do the mockups become the build?
If we build it, yes — the design system carries straight into code, which is why the build is quicker. If someone else builds it, the specs are written so they can match it exactly.
Ready to bring your idea to life?
Let's create something amazing together.
Firm quote against a scoped roadmap before any work begins.