Web Design Training in Stuttgart

A site's job is not to be admired but to move the visitor to the next step.

1. 1.1 How Design Affects Conversion

   The role of layout, clarity and trust signals at the moment of decision. Where aesthetics and function part ways.

   Takeaway: You defend design decisions by function rather than taste.

2. 1.2 Information Hierarchy

   Primary message, supporting explanation and detail. Visitors do not read everything; you decide what they see and in what order.

   Takeaway: You compose pages around a three-layer hierarchy.

3. 1.3 Intuitive Navigation

   Menu structure, naming and letting the user know where they are. Why immediate feedback matters.

   Takeaway: You build a menu in which visitors do not get lost.

4. 1.4 The Hero Formula

   A clear headline, a short explanation and a strong call to action. The first screen has exactly one job.

   Takeaway: You write an opening section that explains what you do at a glance.

Picking the wrong platform is the most expensive decision to reverse later. This module makes it with a matrix.

1. 2.1 The Logic of Ready-Made Platforms

   Producing by configuring rather than coding. Processes that took weeks collapsing into hours, and what that means strategically.

   Takeaway: You tell which work needs code and which needs a ready-made platform.

2. 2.2 Decision Matrix: Product Type and Platform

   Physical goods, digital products, subscription models and services each point to a different platform.

   Takeaway: You choose a platform for your product type, with a reason.

3. 2.3 The Real Cost Lines

   Theme and plugin licences, hosting or membership fees, payment commissions, updates and maintenance. The advertised price is not the total cost.

   Takeaway: You calculate your true monthly cost line by line.

4. 2.4 Migration and Lock-In Risk

   The cost of leaving a platform, whether your data can move with you and who holds the domain.

   Takeaway: You set things up in a way that avoids lock-in.

A logo is not decoration; it is the first contact with your brand — usually a one-second contact.

1. 3.1 Five Requirements of a Good Logo

   Simplicity, memorability, timelessness, versatility and fitness for purpose. A concrete test for each.

   Takeaway: You evaluate a logo objectively against five criteria.

2. 3.2 Discovery: Defining Your Brand

   Core message, target audience, sector conventions and how you differ from competitors. Design starts after these answers.

   Takeaway: You have a completed brand brief before any design begins.

3. 3.3 Usage and Adaptation

   The same logo working on a small screen, in one colour and on a dark background — from a social profile to an invoice.

   Takeaway: You prepare a logo set that works in every context.

Colour is not a matter of taste; it is a decision tied to sector, message and user expectation.

1. 4.1 What Colours Carry

   Which colours build associations such as trust, urgency, naturalness or luxury, and which sectors use them.

   Takeaway: You choose a colour direction for your sector, with a reason.

2. 4.2 Building a Palette

   A primary colour, a supporting colour and an accent. Reserving the accent for the call to action.

   Takeaway: You build a consistent three-layer palette.

3. 4.3 Contrast and Legibility

   It is not enough for a colour to look good; the text has to be readable. Contrast thresholds and accessibility.

   Takeaway: You test your palette for legibility and correct it.

Type sets the voice of a site. The wrong typeface weakens even the right copy.

1. 5.1 Type Families and Where They Belong

   Corporate services, long-form content, print publications and the luxury segment each call for a different character of type.

   Takeaway: You select the type family that suits your business.

2. 5.2 Pairing Two Typefaces

   Making heading and body type work together, how many typefaces are enough and when they become too many.

   Takeaway: You establish a heading and body pairing and apply it consistently.

3. 5.3 Scale and Legibility

   The size ladder, line height and line length. What text has to do to be read on mobile.

   Takeaway: You build a typographic scale and apply it across all pages.

A sales page is not a pile of sections but an ordered argument.

1. 6.1 Three Stages: Entry, Persuasion, Conversion

   The job of each section in the flow and the order in which they should be arranged.

   Takeaway: You divide your page into sections according to the flow.

2. 6.2 The One Call to Action Rule

   When a page carries more than one main request, none of them gets done. Where the button sits, how it repeats and how it is worded.

   Takeaway: You define a single main request per page and repeat it.

3. 6.3 Trust Elements

   References, contact details, transparent pricing and real imagery. What builds trust and what raises suspicion.

   Takeaway: You place verifiable trust elements on your page.

4. 6.4 From Template to Your Own Page

   Blank canvas or clean template, planning each section separately and structuring for easy editing later.

   Takeaway: You build a page that stays editable over time.

Going live is the beginning, not the end — you cannot improve a site you do not measure.

1. 7.1 Image Optimisation and Page Speed

   Choosing formats, compressing sizes, using imagery with restraint and how speed affects user behaviour.

   Takeaway: You optimise your images and measure your load time.

2. 7.2 Mobile Usability Audit

   Layout holding up across screen sizes, touch target sizing and readability on small screens.

   Takeaway: You audit your site on mobile from top to bottom.

3. 7.3 Setting Up Measurement

   Installing Analytics, Search Console and a tag manager; which events are tracked and why.

   Takeaway: You build a measurement layer that shows visitor behaviour.

4. 7.4 Launch and Afterwards

   The pre-launch checklist, what to watch in the first week and a regular maintenance rhythm.

   Takeaway: You launch the site and leave with a plan for what follows.