Product design
We turn dense workflows, dashboards and AI features into products people understand on first use, then hand your engineers files they can build without guessing.
A product we designed end to end, and what the team that shipped it says about working with us.
Web app
AI dashboard
Designing the AI security dashboard for JupiterOne.
The AI attack surface management dashboard and an Ask AI assistant panel, delivered with design system updates and followed through implementation with their engineers.
Read the case study
“Their work helped create the design system and build a more consistent foundation across the product. It established clearer, reusable patterns, improved collaboration between design and engineering, and helped the team move faster while maintaining a high bar for quality.”
Five steps, each with clear outputs. You always know what you’ll have at the end of the week and what decision we need from you.
- 01
Audit & discovery
Understand the product, the users and what success looks like.
- Review of key flows
- Stakeholder and user interviews
- Analytics and support review
- Prioritised problem list
- 02
Flows & structure
Map the critical workflow before drawing screens.
- Critical workflow map
- Navigation and information architecture
- Roles and permissions model
- Edge cases listed
- 03
Wireframes & UX
Test the direction cheaply, before it gets polished.
- Low-fidelity wireframes
- Clickable prototype
- Usability checks
- Agreed direction
- 04
Product UI
Turn the agreed flows into the real interface.
- High-fidelity screens
- Empty, error and loading states
- Responsive layouts
- Interaction details
- 05
Handoff & build
Stay close while your engineers ship it.
- Design system in Figma
- Dev-ready specs
- Design QA on staging
- Support during build
Most products don’t need a full redesign. They need the few places where users get stuck fixed properly. These are the ones we look at first.
Onboarding
New users drop off before they reach the moment the product proves its value. We shorten the path to that first result.
Core workflows
The task people use your product for takes too many steps or too much guessing. We redesign it around how they actually work.
Dashboards and data
Every metric is on screen, so nothing stands out. We decide what matters first and make status readable at a glance.
Empty, error and loading states
The screens nobody designed are the ones users hit most often when something goes wrong. We design them on purpose.
Roles and permissions
Admins, members and viewers squeezed into one flow. We give each role a clear path without building three products.
Design system drift
Five button styles and three date pickers. We consolidate components so the product feels like one product again.
Everything your team needs to make decisions and build, delivered in Figma and documented so nothing gets lost in handoff.
UX audit
A prioritised list of what’s hurting your product, why, and what to fix first. Useful on its own or as the start of a project.
User flows and IA
Maps of the critical workflows and a navigation structure that scales as you add features.
Wireframes and prototypes
Clickable low-fidelity flows to agree on direction and test with users before investing in polish.
Product UI
High-fidelity screens for web and mobile, including the empty, error and loading states most teams skip.
Design system
Components, tokens and usage rules in Figma, so new screens stay consistent after we’re gone.
Developer handoff
Annotated specs, a walkthrough with your engineers, and design QA on staging before release.
Every engagement is scoped on a short call first. The prices below are where projects start.
- from $4,000
MVP product design
For founders turning an idea or a prototype into a product people can use and engineers can build.
- Scope the MVP down to what matters
- Critical workflow and IA
- Product UI for web or mobile
- Starter design system
- Dev-ready handoff
- from $4,000
Product redesign
For live products that work but feel harder to use, sell or build on than they should.
- UX audit of the current product
- Redesigned core workflows
- Updated UI and states
- Consolidated design system
- Rollout plan with your engineers
- from $2,500/mo
Product partner
For teams that need senior design every month without hiring a full-time designer.
- Unlimited requests, one active at a time
- Most tasks delivered in 2–3 working days
- Product, web and brand from one backlog
- Async in Slack, plus a weekly check-in
- Pause or cancel any month
Senior product people, not a production line. We care about what the product has to achieve, not only how it looks.
- 01
Product thinking before pixels
We start from the problem and the business goal, and challenge feature requests that won’t move them.
- 02
Product management experience
We’ve run product teams, so we scope, prioritise and write things down the way PMs and engineers need.
- 03
Complex products are the job
Dashboards, permissions, AI features and data-heavy B2B tools are our everyday work, not an edge case.
- 04
Designed to be built
Files your engineers can implement without a translation layer, and design QA until it ships.
- 05
Senior people, AI-assisted
Senior designers do the thinking. AI speeds up the repetitive parts, so you get more iterations for the same budget.
- 06
Part of your team
We work in your Slack, your Figma and your rituals. A direct line to the people doing the work, no account managers.
Founders, product leads and PMs on what it’s like to build with us.
Can’t find what you’re looking for? Email hello@studiomagik.com or book a 15-minute intro.
In 15 minutes we’ll tell you honestly whether we’re the right team, and what it would take.