Five commerce screen types
Home, collection, product detail, basket and a visual checkout proposal form the initial scope. The role of each screen is defined to maintain continuity between discovery, comparison and order preparation.
Digital experiences / 08
Visual study · generated imageOnline shop design
Give products space. Make choices clear.
A shop needs more than a beautiful grid. We design category navigation, product information and the steps towards the basket. The design helps visitors find their way, compare options and understand conditions before continuing.
A shop is experienced through its products and the clarity of its signposts. Visitors need to understand differences between items, find information that supports a choice and know what happens when they prepare an order. We work on continuity from catalogue to basket without hiding important conditions behind visual effects.
Design draws on your categories, product content and intended platform constraints. We organise imagery, variants, specifications and practical information, then connect the main journey in a prototype. Checkout proposals remain visual: feasibility and implementation must be validated by the technical provider.
Starting scope
Five screen types: home, collection, product page, basket and a visual checkout journey proposal, on desktop and mobile.
Design references
The journey through your customer’s questions
A reading thread across five screens. Open each stage to see which information needs to be accessible.
01Home · What can I find here?+
Introduce product families, brand cues and the first routes into the catalogue.
02Collection · How can I compare?+
Give items consistent names and organise the selection criteria relevant to your offer.
03Product · Is this the right item?+
Bring imagery, specifications, variants and decision-relevant conditions together.
04Basket · What have I selected?+
Make items, quantities and order information understandable before the next step.
05Checkout · What happens next?+
Explain the proposed sequence, subject to the payment functionality actually implemented.
This service’s thread
- Guide discovery
We review product families, available information and platform constraints. Missing content and technical questions are identified before detailed design begins.
- Clarify the product
We structure the five screen types and develop their visual expression on desktop and mobile. Decisions focus on understanding the offer and maintaining continuity between actions.
- Simplify progression
The main journey is connected and feedback incorporated into the selected direction. Designs and annotations are delivered for implementation, without promises of conversion rates or sales figures.
What you receiveConsidered design.
Considered design.
Clear deliverables.
Reading adapted to both screens
Desktop and mobile mockups organise content for the available space. We consider the order of product information, variant selection and visibility of actions, based on the functionality actually planned.
A prototype and implementation notes
The prototype shows the main journey and design decisions. Annotations explain expected behaviours and points to confirm with your technical team. Payment configuration and catalogue data entry are not included.
To get startedA scope
A scope
without guesswork.
What we need
- A representative product sample and its variants.
- Target platform, intended payments and logistics constraints.
Outside this scope
- Technical shop implementation and payment integration.
- Catalogue data entry, legal advice and guaranteed conversion gains.
Prepare your project
Practical questions
Is this a functioning shop with payment?
No, it is a design service. Development, payment methods, customer accounts and logistics connections must be implemented separately. The visual checkout proposal is subject to the actual capabilities of your platform.
Who supplies descriptions and sales conditions?
You provide product information, authorised photographs and approved commercial terms. We organise them in the designs. Legal drafting, product compliance and translation are outside this design offer.
Your starting point
From €3,200
Tax-inclusive starting price for the described scope. Two consolidated feedback rounds on the selected direction, except brand direction: one clarification session.
Indicative timing10–14 working days
After a confirmed start and receipt of the required materials. Excludes waiting for approvals. The quotation confirms dates, rights and the total price.
Describe my projectAlso worth exploringOther ways
