For online shops, websites and digital products
USA · USD
Bildschirm mit vier unterschiedlich gestalteten Varianten einer Schaltfläche.
Design & imagery

What should become clearer on your page?

The page looks tidy, yet size, differences or scope are not immediately clear. We organise content, design interfaces and develop imagery that helps people make those decisions.

Browse services in the shop View a work sample

Which information needs to be visible?

A new colour scheme does not explain package contents. An image of the included parts is more likely to help. We start with the question your page should answer, then organise imagery, text and controls. Your existing brand remains the design reference.

Organise what matters

Title, variants, price and next action need a recognisable order. The design shows it on desktop and mobile, including long content and feedback states.

Use imagery deliberately

Overview, detail and use answer different questions. We consider which images are missing and how they fit the existing identity.

Fictional working example

What is included in the set?

A fictional product page shows a desk set in a furnished workspace. Visitors struggle to tell which displayed items are included in the price.

The change

Beside the lifestyle image, a separate view shows only the included items. Short labels identify the parts. Dimensions accompany a photograph with an understandable sense of scale.

How we check

A person should be able to identify what is delivered and what must be ordered separately. Only then do we assess whether more images or explanations are needed.

Bildschirm mit vier unterschiedlich gestalteten Varianten einer Schaltfläche.

Design follows a decision.

A good design does more than show how a page looks. It determines what people notice first, how offers are compared and where the next action appears. Dimensions and variants may matter for a product; scope and requirements for a service. We start with that task and translate it into sequence, typography, imagery and interaction.

The existing identity matters too: fonts, colours, imagery and recurring elements should fit together. A redesigned page should not feel like an unrelated product. We include existing guidelines and neighbouring pages. If the current system lacks a rule, we resolve it for the specific use case and document it for implementation.

UI and trust refresh
Suitable services

Where should you start?

All services on this topic

Review your imagery

If it is not yet clear which images or visual information are missing, start with a scoped imagery and brand review.

Fanned-out colour swatches in shades of pink and purple.
Analysis

Imagery and brand review

Does your imagery fit your offer? We review up to ten images and five page sections, then recommend a visual direction.

US$649.00
Total price · one-off
VAT-exempt under section 19 of the German VAT Act
View details
Add to selectionOne of each service per project. No automatic commitment.
SaveCompare

Reorganise an existing page

The UI and trust refresh creates a design for the agreed page. Its service description lists the scope and development notes.

Design drafts, a yellow colour swatch and material samples on a light worktable.

An image should answer a question.

An atmospheric photograph conveys a situation. Size, material or function often needs another view. We distinguish the tasks of each image: overview, detail, scale and use. That shows whether new images are needed or existing material can be selected, cropped and arranged differently.

Test the design with difficult content too. Does 'Replacement battery for the previous model' still fit the card? Is the action clear without an image? What does a field error look like? Include these states in the handover when they are in scope. Otherwise developers must fill in the design themselves.

Read the guide
How we work

From content to an implementable design.

  1. Review the task and existing material

    We examine the affected page and its content. Use a reference to show which visual effect or behaviour matters to you.

  2. Organise the information

    Which question needs answering first? That determines the content order before we develop the visual design.

  3. Develop the views

    We design the agreed views and states. Mobile use and long content are cases a single desktop layout does not show.

  4. Hand over the files

    Your developers receive designs and implementation details. We flag missing content and agree which editable files you need.

For your enquiry

What we need for the design.

How we work together

Content and priorities

Identify the page or flow and its main decision. Existing text, real product information and known questions are more useful than placeholders because length and detail affect the layout.

Brand and existing files

Gather existing logos, fonts, colours and imagery. Tell us which rules must remain. For images, explain the usage rights available and any cropping restrictions.

Technical constraints

An existing theme or component library may determine some solutions. If developers are already appointed, we include those constraints in the design to make handover more specific.

Frequently asked questions

Clarify before starting.

Does the entire brand need to change?

Existing design can be reused. We agree whether the arrangement, image selection or individual elements need revision. A complete brand identity is separate work.

Will I receive a finished website straight away?

A design and its technical implementation are separate services. The proposal lists the files, views and handover notes included and who handles development.

Can existing images stay?

Yes, if they show the required information and suit the intended use. We plan new images around specific gaps. Usage rights and image sources must be settled before publication.

Start with a review or go straight to design?

If you do not know why the identity feels inconsistent, the imagery and brand review helps. If the task is defined, such as revising a product page, the UI and trust refresh fits. Its deliverable is a design ready for technical implementation.

Missing dimensions, informative photographs or differences between offers are needed before the design can be finished. An empty placeholder can be designed, but only real content shows whether the information is understandable there.

Further reading

Hands arranging design cards and yellow notes on a white table.

Find the right scope for your design.

Browse services in the shop
Ask an expert