LESSON 04 / Design / 4 MINUTES

Character without clutter.

Choose one meaningful star of the show. Give everything else a supporting role.

Pick a visual idea with a job

The strongest starting point is not “What effect can we add?” It is “What should the visitor understand or feel?” A makeover reveal demonstrates transformation. An artwork detail reveals texture. A product comparison clarifies a choice.

Choose a hero element connected to that purpose. Then give it enough space and contrast to matter. Five competing stars rarely make a calmer conversation.

Comfortable room.
Sharp thinking.
A little mischief in the margins.

A design direction, not a promise that a colour produces the same emotion in everybody.

Make the details feel related

Repeat a small set of deliberate choices: heading rhythm, button shape, image treatment, spacing and colour roles. This “visual rhyming” gives the page coherence without turning every section into the same card grid.

A warm paper surface and deep blue-green section can be an art-direction choice. Test the actual text and backgrounds for contrast. Atmosphere should not depend on making useful words difficult to read.

Let humour earn its place

A useful joke can acknowledge a familiar frustration: “No jargon in a dinner jacket.” It should not mock the customer's current site or suggest that someone is foolish for needing help. Keep serious errors, permissions and payment language plain.

Borrow broad qualities from your inspirations—confidence, warmth, timing—not someone else's marks, dialogue or promotional imagery. The customer should remember your business, not wonder which television programme they accidentally opened.

Know when to stop

Our working default is three different directions, a decision against the brief and then refinement. That is a time-management rule, not a universal creative law. Extra exploration should answer a named question.

A practical checklist

  • Name the customer purpose of the main visual.
  • Use consistent typography, spacing and colour roles.
  • Keep humour out of errors, permission requests and essential instructions.
PUT IT TO WORK

A little judgement call.

Which visual deserves the most attention on a makeover service page?
Read the explanation

The makeover connects the experience to the offer. An unrelated effect could be beautiful, but needs a stronger reason to consume attention and loading time.

A learning exercise, not an expertise score. No answers are sent anywhere.

Evidence & perspective

Original DigiThat art-direction recommendations, adapted from the supplied design transcripts. These are heuristics, not measured conversion findings.

W3C: contrast minimum ↗

Learning edition · 17 September 2026 · DigiThat. Recheck live standards and documentation for your project.

ENOUGH ABOUT WEBSITES IN GENERAL

Shall we have a look
at yours?

Tell me what you do, what feels wrong and what a better website would help you achieve. We can start there.

Let’s look at your website