1. UI-Design für Hoffnungslose.
Webnesday – 12. Oktober 22

2. Du willst, dass deine App
geil aussieht? Hier gibts 10
easy Hacks! 🥵
Webnesday – 12. Oktober 22

6. smartive

7. Okay but now let’s get
serious.

8. Who’s a designer? 👋

9. Who’s good at a design? 👋

10. I know this looks terrible,
but I have no idea why. 👋

11. Every Developer Is a
Designer.

12. Design with tactics, not
talent.

14. Hierarchy Is
Everything

15. Name: Robert Vogt
Job: Digital Strategist
Email: robert@smartive.ch
Telefon: 044 552 55 93

16. Robert Vogt
Digital Strategist
robert@smartive.ch
044 552 55 93

17. Not All Elements Are
Equal

18. Do you want to hear more?
YES! NO!

19. Do you want to hear more?
YES! Nope

20. Size Isn’t Everything

21. Robert Vogt
Digital Strategist
robert@smartive.ch
044 552 55 93

22. Robert Vogt
Digital Strategist
robert@smartive.ch
044 552 55 93

23. Emphasise by
De-emphasising

24. Dashboard Orders Products Discounts

25. Dashboard ORDERS Products Discounts

26. Dashboard Orders Products Discounts

27. You’ll need more
colours than you
think

28. How many colours do you
need to get started? 👋

29. Brand (Pink) Brand (Teal)

30. Brand (Pink) Brand (Teal)

31. Brand (Pink) Brand (Teal)

32. Brand (Pink) Brand (Teal)
Neutral

33. Brand (Pink) Brand (Teal)
Neutral
Highlight Warning Destructive Positive

34. And suddenly you have 50
colours.

35. Start with more
whitespace

36. Die beste Agentur der Schweiz?
Das kann eigentlich nur smartive sein. Auch
wenn Liip und JOSHMARTIN auch cool sind.
Aber die Hauptsache ist, dass wir alle
zusammen hier im Leo&Co friedlich
zusammensitzen und aneinander Freude
haben.

37. Die beste Agentur der
Schweiz?
Das kann eigentlich nur smartive
sein. Auch wenn Liip und
JOSHMARTIN auch cool sind.
Aber die Hauptsache ist, dass wir
alle zusammen hier im Leo&Co
friedlich zusammensitzen und
aneinander Freude haben.

38. Establish a Sizing
System

40. Display (2.488rem / 40)
Heading (2.074rem / 33)
Subheading (1.728rem / 27)
Body Text (1rem / 16)
Label (0.833rem / 13)
Control (0.833rem / 13)
Hairline (0.694rem / 11)
type-scale.com

41. Speaking of fonts, I’ll give
you one tip for free! 🆓

42. Start with one (1) font …

43. … and two font weights.
400–500 (normal) for most
text, and 600–700 (heavy) for
text you want to emphasise.

44. Tailwind

45. Use Tailwind. Seriously.

46. Because the defaults are
fucking awesome.

47. Believe

48. Look. Every Developer Is a
Designer.

49. With practice, tactics and a
systematic approach you’ll
be fine.

50. And also read this:

51. Robert redet gern, egal ob am
Webnesday oder am
Donnerstag.
robert@smartive.ch +41 44 552 55 93
Fragen? Nein? Nice,
dann: 🍻