Modular Design & What It Means For Our Clients

Modular design is often spoken about for designers and developers and the benefits that it brings to us.

But what about our clients?

How can we get them to buy into this way of working? And how can we provide them with a concrete process & useful deliverables that they will keep updated?

Transcript

1. Modular Design and what it means for our clients @laurium lauraelizabeth.co
2. A collection of reusable web components that can be mixed & matched to build up web pages. Modular design:
5. maban.co.uk/projects/front-end-style-guides/ patternlab.io
6. ?
7. —Samantha Warren “As web designers we craft experiences for users, but we often overlook the need to design the experience that clients have during the web design process”
8. • Why would a client want a pattern library? • How will we sell it to them? • What deliverables will they get? • What is the business case for them?
10. • How we can educate clients about modular design outlining benefits that are relevant to them • How we can provide clients with a concrete process & useful deliverables that they will keep updated
11. EDUCATION
14. Applying the principles of modular design now will save you a lot of time, money and stress further down the line as your business grows.
15. • You'll have a better working relationship. • Websites can get updated faster. • Ability to update the website themselves.
16. Language a note about
17. alistapart.com/article/language-of-modular-design
19. futurelearn.com/pattern-library
20. PROCESS
21. Process Timeline Deliverables
22. —Luke Brooker “Our current workflow doesn't seem to work... or flow”
23. 1 Initial styling 2 Planning 3 Implementation
24. 1 Initial styling 2 Planning 3 Implementation
25. flickr.com/photos/cre8tiveoutlet/5066585007/
26. clearleft.com/thinks/110
27. • Style tiles give the client something to visualise without focusing too much on the smaller details • They encourage the client to think in terms of patterns over pages straight from the outset • It’s a concrete deliverable
28. danielmall.com/articles/rif-element-collages
29. 1 Initial styling 2 Planning 3 Implementation
35. 1 Initial styling 2 Planning 3 Implementation
36. github.com/alrra/browser-logos
37. BRINGING THE CLIENT IN
38. Meetings need to be: • More in-depth • More practical
39. Common Goal
40. DESIGNING 
 SIDE BY SIDE
42. patternlab.io
43. TAKEAWAYS
44. • Involve clients in the process • Show them benefits relevant to them • Create a shared vocabulary • Provide a concrete process • Design everything side by side
46. Thank you @laurium lauraelizabeth.co