Implementation
UI and trust refresh
A new design for one existing page, on desktop and mobile, with organised content and development notes.
Implementation / Product Design · UX Design
VAT-exempt under section 19 of the German VAT Act
UX design: journey and prototype
What should the journey look like before development? We design up to five screens or states and connect them into a clickable prototype.
US$2,349.00
Total price · one-offVAT-exempt under section 19 of the German VAT Act
- One central user journey with up to five distinct screens or states
- One device class agreed in advance
- Information sequence and annotated wireframes
Your enquiry is non-binding. An order is created only when you accept our quotation .
Image 1 of 4
Service scope
Your result
- Annotated wireframes and a clickable prototype for the agreed journey
- Handover with interactions, open assumptions and business dependencies
Included
- One central user journey with up to five distinct screens or states
- One device class agreed in advance
- Information sequence and annotated wireframes
- Clickable prototype with one consolidated revision round
- Handover of assumptions and interactions, plus one written follow-up round
Excluded
- No complete product, fully finished UI or design system
- No second device class, additional user journeys or code development
- No usability test or automatic claim of design acceptance
- Structure work already delivered is not sold again during subsequent UI design
Which projects does this service suit?
Suitable if …
- You want to discuss or test a flow before development begins.
- The task can be limited to a few screens or states.
Not suitable if …
- You expect a fully developed application or complete design system.
- The full feature scope is still open and cannot be limited to one flow.
Possible overlaps with: UI and trust refresh, UX writing: interface copy. If you enquire about these services for the same project, we check for duplicated work before commissioning. Your selection also shows a notice.
What this covers
How can we check a new flow before it is coded?
How should someone reschedule an appointment or set up an account? We design the steps and connect the views into a clickable prototype. You can try the flow before it is developed.
The package designs one central user journey with up to five distinct screens or states for one agreed device class. You receive annotated wireframes and a clickable prototype. A wireframe is a simplified representation of structure and content; colours and visual detail are not yet the focus.
Clarify information order before refining the interface
A clickable prototype connects views so you can try the flow. We record required content, business rules and open assumptions. Necessary states are selected before starting; these may include an error message.
The prototype does not replace a finished application or contain real business logic. It can help your team coordinate and support a separately commissioned usability test. One consolidated revision round is included. Visual refinement for other device classes, a complete design system and code development are separate tasks.
Does this sound familiar?
The idea is clear, but the actual flow isn't
The team knows the function's intended benefit. Which details are needed first and what follows remain open. The design turns this into a sequence of specific steps.
An existing journey is unnecessarily hard to understand
A form requests information available only in the next step. We reorganise the agreed journey and check which decisions actually depend on each other.
Development needs a shared foundation
Everyone read the same requirement but imagines a different flow. The clickable prototype shows transitions and feedback so these differences can be discussed before development.
How we approach it.
Define the task and device class
We define one central task and the device class, then select up to five screens or states accordingly. Several independent flows are outside this scope.
Develop information order and wireframes
We organise the information and decisions needed at each point. Wireframes show this structure; colours and a complete design system are not developed here.
Connect interactions and hand over
We connect agreed screens or states into a clickable prototype and annotate interactions and open assumptions. One consolidated revision is included. The prototype is not a finished application.
After handover
Go through the prototype with a specific task, such as rescheduling an appointment. Check which details you need and how you recognise that a selection was applied. Record open questions directly on the relevant screen.
The UI refresh is related for later visual refinement of one page type. Structure work already delivered is not sold again as new work. If acceptance of the flow is unresolved, a usability test requires a separate investigation scope.
Note the product question you want to clarify and the current state: idea, design or usable application. We discuss this after receiving your enquiry.
For interviews and tests, we agree participant selection and the handling of research data in advance. You do not need personal interview data or confidential project documents for the first contact.
Terms used in this service
What does that mean?
- Wireframe
- A simple interface design mainly showing arrangement and content. Colours and image details recede so information order can be examined.
- Clickable prototype
- A design with connected views in which a flow can be tried. Input and feedback are simulated; real data processing has not yet been built.
- State
- A view at a particular point in a flow, such as an empty form, an error message or confirmation after input.
Before your enquiry
Questions about the offer.
What is included, what do you need and what happens after your enquiry?
The process in detail →Is a prototype already a working app?
No. It shows the intended flow and selected interactions. A database, reliable persistence or other production business logic is not automatically provided. Technical development is a separate step.
Are desktop and mobile both included?
The package covers one device class agreed in advance. A desktop flow and a separate mobile design would add scope. We choose the appropriate focus based on the actual usage project.
Is the prototype tested with users too?
A usability test is excluded. The clickable design can serve as test material if its tasks and states are suitable. Completing the prototype does not establish confirmed clarity or acceptance.
How do a wireframe and prototype differ?
A wireframe mainly shows structure, information and arrangement. A clickable prototype connects screens or states into an interactive design. Both can vary in detail. What matters is which question they should clarify for the agreed user journey.
Do five screens mean five complete pages?
The scope includes up to five distinct screens or states of one central journey. An important error or confirmation state may be included. Required states are agreed beforehand rather than counted only by URLs.
Can development take over the prototype immediately?
The prototype provides a shared foundation and handover notes about assumptions and interactions. Technical details and further states need clarification with implementation. Code development is excluded; a clickable design is not a production-ready application.
When does work begin?
The user journey, device class and work window are defined before commissioning.
Which access is needed?
An existing product goal and prioritised requirements An agreed flow and one selected device class Business rules and required content are described sufficiently Credentials must not be included in the enquiry. Details are agreed only after written commissioning.
What happens after handover?
One written follow-up round is included. The service scope lists the analyses, designs or technical changes covered by the package. We agree additional work with you before it begins.
Read more on this topic
The website gets visits but few relevant enquiries
Check whether your offer is clear, necessary information is accessible and the form explains the next step.
Read the guide ↗Related services
These may fit too.
Analysis
User testing · usability testing
Can five test participants use your product? We observe them completing up to three tasks and record where they need help.