Shape the brand.
Bring it to life through products.

How brand strategy, visual identity, digital products and industrial design become one coherent experience.

A brand gives people an idea of what to expect from a business. Products, interfaces and communication fulfil that expectation in everyday use. Brand & Product Design connects strategic choices with tangible experiences: how something looks, feels, is understood and is used. The result is a recognisable presence that holds up in practice.

Article · Updated 27 October 202613 min read3 interactive diagrams
01

A clear idea

Positioning and user needs give design a direction. They become criteria for decisions rather than a succession of personal preferences.

02

A coherent experience

Identity takes shape in language, imagery, digital journeys and physical products. Each touchpoint contributes to the brand in its own way.

03

A workable implementation

Prototypes, tested details and maintained design systems connect the concept with development, manufacturing and ongoing improvement.

01 / Brand & business value

People judge a brand promise through actual experiences.

A brand develops through what a business promises and what people actually experience. That includes product quality, the clarity of an application and the way a question is handled. Design makes this attitude visible and usable. It helps people understand an offer, recognise differences and form an expectation of what working with the business will be like.

Positioning explains whom an offer is relevant to, which problem it solves and how it differs in the market. Design decisions follow from that foundation. A business promising clarity in complex processes should organise information coherently and make next steps understandable. A commitment to precision should also be evident in labels, transitions, tolerances and dependable product states.

In B2B settings, different people often experience the same brand from very different perspectives. Procurement needs comparability, users need a workable task flow and service teams need clear documentation. Coherent design accommodates these jobs without repeating the same interface everywhere. Recognisable principles connect the touchpoints, while their specific expression responds to the way each one is used.

Business value can be related to the task: is the offer easier to understand? Can people find the functions they need? Can new applications be developed consistently? A strong identity can support orientation and recognition. Whether this leads to greater demand, better adoption or fewer queries needs to be investigated in context. Design provides a testable foundation and a shared direction.

A credible brand connects a relevant promise with experiences that fulfil it in a way people can understand.

02 / Research & design brief

A useful design starts with a precise question.

Before designing, the team needs to understand the people and situations an offer will serve. Interviews, observation, existing service requests and analysis of current usage provide different kinds of evidence. Conversations explain expectations; observation often reveals how tasks are actually completed. Assumptions and supported findings are recorded separately so that an early impression does not quietly become a fixed product principle.

For our fictional Product 01, an industrial control device, the context of use may matter more than a demographic description of the audience. Is it operated while standing, with gloves or under time pressure? What prior knowledge is available? How do lighting, noise and changing responsibilities affect use? A digital platform raises related questions about attention, devices, permissions and infrequent but important exceptions.

The brand perspective adds another set of questions. How is the business perceived today? Which capabilities are particularly relevant and credible? Which words or visual cues are already associated with it? Competitor analysis helps identify common expectations and opportunities for distinction. It does not establish a reason to copy another successful identity; the chosen direction needs a connection to the actual offer.

The design brief brings these findings together. It identifies the problem, the user groups involved, the brand promise, the intended scope and the project boundaries. Decision criteria are equally important: clarity, recognition, usability, technical compatibility and the effort required to maintain the result. Making these criteria explicit reveals trade-offs early and creates a basis for informed decisions.

A useful brief also records unanswered questions and suitable ways to investigate them. Understanding a new label calls for a different approach from assessing the durability of a surface. Planning therefore connects design exploration with targeted evidence. This leaves room for new ideas while reducing the likelihood that a highly developed concept will expose a fundamental uncertainty only very late in the process.

03 / Identity & expression

Positioning becomes a connected system of expression.

Visual identity translates a strategic idea into recognisable choices. These include symbols, typography, colour, proportions, layouts, imagery and motion. Language adds another dimension: which terms are used, how ideas are explained and how directly the business speaks. The elements work together. A distinctive symbol contributes little if essential information remains difficult to understand.

Art direction determines how the brand appears in particular images and applications. Perspective, lighting, composition, material representation and the portrayal of people all shape the impression. A product photograph can explain a technical detail, clarify a use case or convey an emotional quality. Choices follow the communication goal and a recognisable design approach rather than treating every image independently. For Product 01, calm, precise imagery could explain the relationship between enclosure, control and use. The same attention to essentials would shape its product page and interface.

Design principles connect these decisions with the product. Clarity can appear through a strong information hierarchy, understandable states and distinguishable controls. Reliability is supported by consistent terminology, meaningful feedback and carefully developed details. Distinctiveness comes from characteristic, appropriate features that recur across applications.

The following diagram examines these three principles individually. All remain relevant at the same time and need to be balanced. A distinctive expression should support usable interaction, and a clear interface can still have an unmistakable character. The shared system gives communication, digital applications and physical products a direction without forcing them into identical forms.

Interactive design study · fictional product

One idea. Three touchpoints.

How does a brand principle translate into communication, interfaces and products? Select a perspective and compare its application.

Clarity

Orientation across every touchpoint.

01Communication
PRODUCT 01
Clarity in use.

One system. A clear next step.

01 / DESIGN STUDY
One clear message and an obvious reading order.
02Digital interface
PRODUCT 01
OverviewWorkflowsService
Ready to set up
Start setup
Status, task and next step are visually distinct.
03Physical product
PRODUCT 01
Display and control form a recognisable group.
Reliability

A promise needs a dependable expression.

01Communication
PRODUCT 01
Clarity in use.

One system. A clear next step.

01 / DESIGN STUDY
A considered layout and precise claims support the identity.
02Digital interface
PRODUCT 01
OverviewWorkflowsService
Ready to set up
Start setup
States are explained through text and symbols.
03Physical product
PRODUCT 01
Seams, displays and controls follow a consistent arrangement.
Distinctiveness

Recognition grows from a shared visual vocabulary.

01Communication
PRODUCT 01
Clarity in use.

One system. A clear next step.

01 / DESIGN STUDY
Type, shape and accent create a recognisable expression.
02Digital interface
PRODUCT 01
OverviewWorkflowsService
Ready to set up
Start setup
The same visual language supports the functional interface.
03Physical product
PRODUCT 01
A deliberate accent connects device and digital application.

The three principles apply together. Each selection highlights a design perspective rather than switching brands. Every view shows the same fictional product family.

A brand system is assessed through its applications. Important touchpoints are therefore developed while the system is taking shape: for example, the product page, operating interface, packaging information and service documentation. This reveals early whether the chosen rules also work beyond a presentation.

04 / UX/UI & interaction

The way an application responds is part of its brand.

Digital products translate a service promise into journeys and tasks. Information architecture organises content and functions; interaction design determines how people begin, continue and complete a task. Visual design makes that structure perceptible. Good UX/UI work connects these layers so that people can reach their goals while understanding what the system is doing.

The states between ideal steps matter just as much. What appears on first use when no data exists? How is a lost connection explained? What can a person do when a permission is missing? A clear state identifies the situation and a useful next step. It avoids conflicting signals and preserves work already completed wherever the technical behaviour supports this.

Accessibility is considered within these decisions. Information should not, for example, be conveyed through colour alone. Keyboard operation, visible focus, meaningful labels and appropriate contrast belong in the design and must be checked in implementation. Language, magnification, target sizes and the amount of information shown at once may also matter for different users. A visual mockup alone does not demonstrate an accessible application.

The Product 01 control panel shows three situations: starting, interruption and service. Switching between the draft and revised version reveals reasoned changes. Status, action and feedback become more clearly differentiated. This comparison is a design hypothesis. Whether people actually find it easier to use is subsequently investigated through suitable tasks, realistic conditions and representative participants.

Interactive design study · fictional product

Design becomes clear in the next step.

Compare two design versions in three situations. The illustration changes only through the controls outside the panel.

First use / Draft
PRODUCT 01
01
SYS / 01

SETUP

OK
PRODUCT 01DESIGN STUDY
Illustration of an interface concept, not a working device control.

Design rationale

The draft exposes an internal system status. The proposal names the task, next step and length of setup.

Check with users

Do first-time users understand the next action without explanation? Is progress clear?

First use / Revised
PRODUCT 01
01
Setup required
Set up your device

Connect the device · Step 1 of 3

Start setup
PRODUCT 01DESIGN STUDY
Illustration of an interface concept, not a working device control.

Design rationale

The draft exposes an internal system status. The proposal names the task, next step and length of setup.

Check with users

Do first-time users understand the next action without explanation? Is progress clear?

Interruption / Draft
PRODUCT 01
01
ERR / 04

CONNECTION

RETRY
PRODUCT 01DESIGN STUDY
Illustration of an interface concept, not a working device control.

Design rationale

An error code is replaced by a meaningful state description. Text and symbol carry the information; colour is an additional cue.

Check with users

Do users notice the interruption, understand the saved state and find an appropriate next step?

Interruption / Revised
PRODUCT 01
01
Interrupted
Connection interrupted

Last state saved. Check the connection to continue.

Check connection
View details
PRODUCT 01DESIGN STUDY
Illustration of an interface concept, not a working device control.

Design rationale

An error code is replaced by a meaningful state description. Text and symbol carry the information; colour is an additional cue.

Check with users

Do users notice the interruption, understand the saved state and find an appropriate next step?

Service / Draft
PRODUCT 01
01
MODULE / 4A

MAINTENANCE

GO
PRODUCT 01DESIGN STUDY
Illustration of an interface concept, not a working device control.

Design rationale

A generic maintenance prompt becomes an entry point to relevant information. Device context, documentation and responsibility appear together.

Check with users

Can the intended users find the right documentation and contacts? Do wording and sequence fit their actual work?

Service / Revised
PRODUCT 01
01
Service information
Prepare for service

Device 01 · Documentation and responsible contact

Open service overview
PRODUCT 01DESIGN STUDY
Illustration of an interface concept, not a working device control.

Design rationale

A generic maintenance prompt becomes an entry point to relevant information. Device context, documentation and responsibility appear together.

Check with users

Can the intended users find the right documentation and contacts? Do wording and sequence fit their actual work?

The revision is a design proposal, not a proven test result. Wording, interaction, contrast and accessibility need to be evaluated in context.

A product expresses its attitude through understandable journeys, clear states and thoughtful handling of exceptions.

05 / Industrial design & CMF

Physical form connects identity, use and manufacturing.

Industrial design develops how a product looks, is handled, is operated and is perceived in its surroundings. Proportions and transitions can connect a product family; grip space, sightlines and controls support use. Design quality emerges from these choices working together. A convincing rendering communicates a possible appearance, while physical models answer additional questions about size, weight and handling.

Ergonomics develops from the context of use. What posture does a person adopt, which movement do they make and which forces are involved? An enclosure that feels comfortable on a desk may face different requirements when mounted on a wall. Early volume models and trials with different users help make these differences tangible. Function and form are developed together.

CMF stands for colour, material and finish. These decisions influence touch, reflections, visible signs of wear and the character of a product family. Material samples complement digital representations because screen colours and simulated surfaces cannot convey every property. Cleaning, expected wear and the specific environment of use also inform the selection.

Manufacturability develops through collaboration with engineering and production. Wall thicknesses, tooling, connections and part tolerances need to suit the intended manufacturing process. Assembly and service also belong in the early concept: which parts are fitted, how are they reached and what needs to be replaced if something fails? The diagram explores these perspectives through the Product 01 enclosure. It establishes a design starting point for further engineering development.

Longevity and repairability require concrete trade-offs. A removable connection may facilitate replacement while creating different requirements for sealing, space or assembly effort. Materials, spare parts and intended service life are therefore considered together. Claims about environmental benefits need appropriate supporting data. A colour, material name or isolated construction idea does not by itself establish a sustainable outcome.

Interactive design study · fictional product

One product. Several design questions.

Form, surface and construction need to be considered together. Select a view to explore the associated decisions.

Form & use

From form to use.

PRODUCT 01123
Schematic concept study · no dimensions
  1. 01
    Organise information

    Group the display and control. Legibility depends on viewing distance, lighting and installation position.

  2. 02
    Make interaction tangible

    Evaluate size, spacing and resistance on a physical prototype; a drawing does not establish ergonomic suitability.

  3. 03
    Build a shared form language

    Proportion, seams and accent connect the device with its digital interface.

Surface & material

From screen to material sample.

PRODUCT 01123
Schematic concept study · no dimensions
  1. 01
    Evaluate physical samples

    Material, colour and texture look different under real lighting than they do on a screen.

  2. 02
    Consider actual use

    Balance touch, cleaning, wear and manufacturing method. The surface shown is an initial design assumption.

  3. 03
    Give accents a purpose

    An accent can support interaction and recognition. It must work with legibility and material selection.

Assembly & service

From enclosure to assembly.

123
Schematic concept study · no dimensions
  1. 01
    Plan access

    A removable cover may improve access to components. Sealing, fastening and safety require engineering development.

  2. 02
    Organise assemblies

    A carrier can group components. Assembly sequence, tolerances and replacement need practical validation.

  3. 03
    Consider the lifecycle

    Connections and documentation affect maintenance and replacement. Repairability must be demonstrated in the developed product.

These views show a fictional design concept. They are not manufacturing documentation or evidence of safety, material suitability or engineering feasibility.

06 / Prototypes & validation

A prototype asks a specific question of the design.

The appropriate prototype depends on what remains uncertain. A simple flow diagram can explore a navigation idea. A clickable concept makes states and transitions tangible. A volume model helps assess proportions and reach. A functional assembly examines how operation and technology work together. The level of detail follows the question; maximum fidelity is not an objective in itself.

Tasks, observation criteria and limitations are defined before the investigation. For Product 01, participants might complete setup, find an error explanation or try accessing a component. Useful observations include where they hesitate, what they expect and how they describe an outcome. Preference and trust can also be explored. They complement observation of whether an important task can be understood and completed safely.

Interpretation combines observation with design judgement. An individual request does not automatically become a new feature, and a majority in a small group does not establish market demand. Recurring patterns, the severity of a problem and the context of use are considered together. Qualitative research can be particularly useful for explaining why something is difficult; statistical claims need an appropriate study design.

After revision, the team checks whether the original problem has been addressed and what new effects have appeared. Important changes also prompt a review of adjacent journeys. This creates a traceable sequence of questions, designs, observations and decisions. It makes later discussions easier because the team can return to the reasoning behind a choice.

Open questionSuitable approachNext investigation
Is the task understood?Moderated use with realistic tasks and observable outcomes.Check findings with other relevant user groups and situations.
Does the physical handling work?Models and trials under relevant conditions of use.Investigate engineering, manufacturing, durability and product safety.
Does the brand direction hold together?Review applications, understanding and positioning in the relevant context.Observe recognition and impact under real conditions after introduction.
07 / Design system & handover

A design system makes quality repeatable.

When several teams work on a brand and its products, they need a common foundation. A design system connects principles, reusable elements and rules for applying them. Digital products may use typography, spacing, colours, components and interaction states. Documentation also explains when an element should be used and what content it requires.

Design tokens can express recurring decisions such as colours and spacing as named values. An action colour, for instance, becomes a shared reference across design and development. Names should make the function understandable and keep changes manageable. Whether a token is implemented in the same technical way on the web, in a device interface or in a document depends on the platform.

For physical products, the shared direction is documented differently: through form principles, material and finish references, drawings, models and agreed details. A screen value cannot be transferred unchanged into the effect of a real material. Suitable correspondences keep the family recognisable. For engineering and manufacturing, this design foundation is translated into the required technical documentation and aligned with the relevant teams.

Handover is therefore a collaborative step. States, variants, edge cases and open questions are discussed with the teams responsible for implementation. Owners maintain versions, review deviations and decide on extensions. The system can evolve without starting again for every new product. A clear approval process supports consistency while allowing justified improvements.

  1. 01Set principles
  2. 02Develop elements
  3. 03Review applications
  4. 04Handover together
  5. 05Evolve through versions
A design system connects the idea with its application and preserves that relationship through later changes.
08 / AI in the design process

AI broadens exploration. Design responsibility remains specific.

AI tools can vary early ideas, visualise image directions, rephrase text or help organise research findings. This can make alternative approaches visible sooner. The value depends on how precisely the task is framed and which criteria guide selection. A large collection of similar suggestions does not by itself create an independent direction.

For brand work, the elements that need to remain consistent are particularly important. A generated image may look appropriate at first glance while changing essential product details, proportions or visual character. References, defined characteristics and professional review help identify such deviations. Approved product features are checked against reliable source material before imagery is used to represent a specific product.

The distinction between imagining and demonstrating also matters in product design. A generated enclosure image does not establish workable mechanics, and a plausible interface concept does not establish useful interaction. AI can contribute hypotheses and variants. Prototypes, research, engineering and technical assessment address the questions those proposals raise. This places the tool within a process whose decisions can be explained.

Input data, confidentiality and usage rights are also clarified before use. That includes supplied references, fonts, images and the terms of the services involved. Outputs are reviewed for identifiable borrowing, factual errors and suitability for the intended publication. The responsible team approves the result. This work creates the conditions for speed and design quality to develop together.

09 / Implementation & impact

A shared direction becomes useful through everyday applications.

A useful starting point is a clearly framed task: a more understandable brand presence, a new product family, a digital service or an important operating sequence. Existing strengths are examined alongside breaks in the experience. This leads to a shared brief, initial design principles and a sequence of touchpoints through which the direction can be developed and assessed.

Early applications help establish a realistic scope. A new identity may need to work on a product label as well as in a platform. The first implementation addresses the most important variants and exceptions. Further applications can follow once the underlying choices hold up. This sequence keeps decisions testable and supports a controlled introduction.

Responsibility is shared across disciplines. Brand owners maintain positioning and expression, product teams focus on use, and development and engineering teams deliver the technical implementation. Content and production teams translate the direction into media. Joint reviews examine the connections, such as the relationship between a product promise and actual functionality or between a digital concept and the physical experience of operation.

Impact is observed through appropriate criteria. In a digital product, task completion, errors, questions and actual adoption can provide useful evidence. For physical products, handling, service effort and recurring complaints may be relevant. Brand research examines understanding, recognition and positioning. Changes in sales usually have several causes, so a design change should not automatically receive credit for the entire effect.

Design consequently remains an ongoing business activity. New requirements, technical possibilities and usage experience lead to adjustments. A maintained system keeps the central idea recognisable and makes its development understandable. Brand & Product Design connects what a business wants to stand for with what people actually experience through its products and services.

Shared quality emerges when positioning, design, use and implementation move in the same direction.

Professional context

This article combines established principles of human-centred design with an editorial approach developed by Scalevity. The appropriate application depends on the brand, context of use, product and organisation. The examples illustrate design decisions and do not replace user research or technical product assessment.

The interactive diagrams show fictional concepts. Selections are processed locally; no data is transmitted. Revised versions illustrate reasoned design hypotheses, not proven test results.

Related perspective

Content & Media Production: turning design direction into imagery

How a visual concept becomes consistent content for a brand, its products and different applications.

Read the article

Where should people experience your brand more clearly?

We connect positioning, design and use: from a shared brief and testable prototypes to a developed brand and product concept.

Discuss a project