User flows
The paths people take through the product: where a journey starts, what happens at each step and where it ends. We map the main scenarios and the branches that matter.
Outcome: flows agreed before the screens.
ServicesUX/UI Design
UX/UI Design
Design only, for a product whose scope is already clear: flows, screens, states, a design system and handoff to your developers. Mobile app screens are this kind of work too.
Flows, screens and states.
Ready for your developers.
Design only, for a product whose scope is already clear. We work through the user flows, design the screens with their states and hand over a design system your developers can build from. Mobile app screens are this kind of work too.
The product is clear.
Now it needs its screens.
The task, the audience and the scope are known. What the product needs now is a coherent interface: flows that make sense, screens that work on real devices and states that cover what actually happens.
We design within your product and hand the result to your team. Development is not part of this service; the files are prepared so that your developers can build from them directly.
If the product itself is still taking shape, explore Product Design.
What goes into
your design.
From the user flows to the handoff: the parts your developers need to build the interface.
Screens
The interface of each step, designed for the agreed platforms and screen sizes, web, mobile app or both, with realistic content.
Outcome: screens for the agreed scenarios.
States
Empty, loading, error and success states, and the moment before someone commits to an action. In SKARR.PRO, custom interactions and transitions are designed in detail.
Outcome: states that cover what actually happens.
Design system
Components, typography, colour and behaviours that hold together across the product. SKARR covers the agreed screens; SKARR.PRO extends the system for future features.
Outcome: a system your team can grow.
Handoff
Figma files organised for development, with components, specifications and notes. In SKARR.PRO, we support your developers while they build.
Outcome: a handoff your developers can work from.
Screens
in context.
An interface works when every screen and state belongs to one system.
Banking App.
From an overview to a decision.
Someone moves from a spending overview to one subscription, compares the options and takes a clear next step. Every screen and state along the way belongs to one journey.
Our own product, in progress. Try the interactive demo to see the screens in use.
Try the demoFigma files your developers
can build from.
You receive the agreed flows, screens and states as organised Figma files, with a design system of components, typography and behaviours.
Development is not part of this service. Changes after handoff are a separate piece of work; SKARR.PRO includes support for your developers during the agreed handoff period.
From the flows
to the handoff.
You bring the product and its scope. We design the interface with you and prepare it for your developers.
01
Understand the scope
You share the product, its audience and the scenarios to cover. We review the existing materials, confirm the platforms and agree what the month includes.
02
Map the flows
We work through the user journeys and the information people need at each step, and agree them before designing the screens.
03
Design the screens and states
Screens, states and components take shape in Figma. We review the key journeys together and refine the details. In SKARR.PRO, alternatives are explored where a decision is still open.
04
Hand over
The files are organised for development, with specifications and notes. In SKARR.PRO, we stay available to your developers during the agreed handoff period.
Choose the depth
your interface needs.
Both options are design only, for a product whose scope is clear. Compare the depth of the screens, the system and the handoff.
| Property |
SKARR
Custom-designed screens. A visual language of your own.
$5,000 / month
per month of work
Buy SKARR
Secure Stripe checkout |
SKARR.PRO
More depth and detail across the entire experience, at every touchpoint.
$6,990 / month
per month of work
Buy SKARR.PRO
Secure Stripe checkout |
|---|---|---|
| The design | ||
| Starting point | Starting point A product whose task, audience and scope are already clear. | Starting point The same, with open design decisions worth exploring in alternatives. |
| Flows and screens | Flows and screens User flows and screens for the agreed scenarios and platforms. | Flows and screens User flows and screens, with alternatives explored where a decision is open. |
| States and interactions | States and interactions Empty, loading, error and success states for the agreed screens. | States and interactions The same states, with custom interactions and transitions designed in detail. |
| Design system | ||
| Components | Components Components, typography, colour and behaviours for the agreed screens. | Components An extended system, prepared for future screens and features. |
| Platforms | Platforms Web, mobile app or both, as agreed for the project. | Platforms Web, mobile app or both, with deeper adaptation across sizes and platforms. |
| Handoff | ||
| Monthly work | Monthly work Design work for the month. Scope and intended outputs are agreed before starting. | Monthly work Design work for the month at the selected depth. Scope and intended outputs are agreed before starting. |
| What you receive | What you receive Organised Figma files: flows, screens, states and the design system. | What you receive The same, with the explored alternatives and the extended system. |
| Support for developers | Support for developers Handoff notes and answers to questions at handover. | Support for developers Support for your developers during the agreed handoff period. |
Before
we start.
Do you develop the interface as well?
No. UX/UI Design covers the design and the handoff. Building the designed interface is a separate service: Frontend Development for websites and web interfaces, Application Development for applications.
Can you design mobile app screens?
Yes. Mobile app screens are this kind of work. We agree the platforms and screen sizes at the start.
What do we need to provide?
The product or its description, the scenarios to cover, existing materials such as the brand, current screens and analytics, and someone who can make decisions during the month.
What if the product is not defined yet?
Then the work starts earlier. Product Design works through the task, the audience and the product model before the screens.
What happens after handoff?
Your developers build from the files. Questions during the agreed handoff period are covered in SKARR.PRO. Further screens are agreed as new work.
Still have questions?
Discuss your interface