Slide 1
Slide 1 text
Designing with clients
@daveredfern
Slide 2
Slide 2 text
The big
reveal
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
We hate it.
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
The control which designers know in the
print medium, and often desire in the
web medium, is simply a function of the
limitation of the printed page. We should
embrace the fact that the web doesn’t
have the same constraints, and design
for this flexibility.
John Allsopp, A dao of Web Design
Slide 10
Slide 10 text
layout is content-driven and
styles are brand-driven
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
Specification documents
Slide 14
Slide 14 text
Wireframe the specifications
Slide 15
Slide 15 text
Audit the wireframes
Slide 16
Slide 16 text
Prototype using our own pattern library
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
Design for the platform you’re using
Slide 19
Slide 19 text
The way we build websites and the way
we design them differ.
Slide 20
Slide 20 text
No content
Slide 21
Slide 21 text
Bye bye sign off
Slide 22
Slide 22 text
Perfecting layouts in Photoshop is time
consuming. This time is better spent at
the end, on the actual code.
Slide 23
Slide 23 text
Design never ends
● At the wireframing stage we plan the project
● At the auditing stage we review the
wireframes
● At the design stage we mockup a design style
● At the coding stage we integrate it all together
Slide 24
Slide 24 text
Learn and iterate
Slide 25
Slide 25 text
Thanks
@daveredfern