Introduction
• Why do we need to know?
• What is your first design consideration
• Responsive Website Design Consideration
• Website Design
• Colours that Drive User Action and A/B testing
• Flash Versus Jquery
• Designing for scanning
• Display Advertising Consideration
• Working with Web Designer
Responsive Web Design
• Keep navigation simple
• Design for our big fat fingers and thumbs
• Make it easy to convert
• make it local
• use redirect html coding
Practical Web Design
• The file types
• Where to get images
• Using image editing software
• Tools and properties windows
• Working with your canvas
• Optimisation – weight, preview and export
• Formatting text
• Magic wand – transparent backgrounds
• Using tools – paint bucket, crop, rotate, ect
Example
• Good looks don’t equal good design
• What does this site owner do
• What is its purpose
Display advertising
• Very tricky
• CPM, or CPC
• Expensive – less clear results
• Make sure too
• Have clear call to action
• Working within publisher parameters
• Design well
• Consistent landing page
• Keep it simple
• Optimise
Summary
• Think of an audience and plan – responsive
• Responsive Web Design – build for thumbs
• The main imagine file types – .gif .jpg .png
• Dont get sued – legally purchase images
• Image editing software – lots out there but cut your cloth
• Tools and properties windows
• Image optimisation – image preview, file size, reduction and export
• Manipulating images – magic wand, paint bucket, cropping, rotate
• Image colours and A/B testing – let the user decide optimum
• Flash Versus Jquery – build for all devices and the future
• Design for scanning – above the fold
• Be careful of display advertising – retargeting is good on a PPC
• Working with Web Designers – look at their portfolio as to talk to previous clients