A talk about the principal, pros and usage of the Modular System within digital projects. Feel free to contact me for a chat or discussion, I'm totally in to talk about the subject. Sidenote: The slides are in Dutch.

1. Modular System

2. Vroeger.

3. Uitdaging om dit principe
toe te passen.

4. Opsplitsen van een pagina.

5. Print een pagina.

6. Team workshop.

7. modulespagina elementen
Perspectief.

8. A module contains generic, atomic
elements (like text, link & button)
combined into a meaningful building
block used — and reused — in the
interface design of an entire page.
— Nathan Curtis —

9. Meerwaarde van modules.

10. Papieren rechthoek.

11. Toolbox.

12. Voordelen
nieuwe modules.
• scope
• voorspelbaarheid
• tijd

13. “Less time bug fixing, more time
pushing feature”.
— Nathan Curtis —

14. Modular System.

15. A !== XYZ.
image via Brad Frost

16. Nieuw focus.

17. “We’re not designing pages, we’re
designing systems of components”.
— Stephan Hay —

18. Voorbeelden.

19. Pics or it didn’t happen!
37 Artikelen
18 YouTubevideos
05 Talks

20. Herkenbaar
principe.

21. Global.
Origami
Financial Times
origami.ft.com
Rizzo
Lonely Planet
rizzo.lonelyplanet.com

22. TamTam.
Styleguide
Custom en schaalbaar
UI en merk-style
Project setup
Vaste basis,
Modular System
Projecten
BPD
RET

23. Voordelenvan het Modular System.

24. Idee &
proces.

25. Consistentie.

26. “Consistency is king”.
— Me —

27. Naamgeving.

28. Zelf
toepassen.

29. Team is key.

30. Wensen en
opleveringen.

31. Aanpak
en planning.

32. “Een duidelijke en haalbare planning is
tenslotte altijd een goed punt”.
— Niet alleen een PM —

33. UX&
Design.

34. Development
setup.

35. Development modules.

36. Uitdagingen.
• focus
• evaluatie en variatie
• planning

37. Kortom.

38. Verandering.

39. Overweging.

40. Thanks.
!

41. Any questions ?

42. Let’s connect
drink a beer
@simon_fyi
simon@tamtam.nl
PAUZE.