• Save
What makes awesome design: A non-designer's guide to being memorable online
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

What makes awesome design: A non-designer's guide to being memorable online

on

  • 321 views

Creative Director Mark Baillie will take you through the fundamental principles of remarkable web design. What is it that makes a website memorable? What stands out? How do you balance design with ...

Creative Director Mark Baillie will take you through the fundamental principles of remarkable web design. What is it that makes a website memorable? What stands out? How do you balance design with content and user experience to deliver something people stop and remember and that ultimately works to deliver results?

Statistics

Views

Total Views
321
Views on SlideShare
321
Embed Views
0

Actions

Likes
1
Downloads
1
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • The shining recut – we all see things differently
  • Example that shows the various impacts of good image choice and compositions and postiiong
  • Example that shows the various impacts of good image choice and compositions and postiiong
  • Example that shows the various impacts of good image choice and compositions and postiiong
  • Example that shows the various impacts of good image choice and compositions and postiiong
  • Example that shows the various impacts of good image choice and compositions and postiiong
  • Example that shows the various impacts of good image choice and compositions and postiiong
  • Example that shows the various impacts of good image choice and compositions and postiiong
  • Example that shows the various impacts of good image choice and compositions and postiiong
  • Example that shows the various impacts of good image choice and compositions and postiiong
  • Example that shows the various impacts of good image choice and compositions and postiiong
  • Example that shows the various impacts of good image choice and compositions and postiiong
  • Example that shows the various impacts of good image choice and compositions and postiiong
  • Dangers of stock photography
  • Example that shows the various impacts of good image choice and compositions and postiiong

What makes awesome design: A non-designer's guide to being memorable online Presentation Transcript

  • 1. Mark BaillieCreative DirectorDesign series
  • 2. We all see things a bit differently…
  • 3. We make our initial impression in the blink of an eye
  • 4. That feels about rightAppropriateness
  • 5. People need to know they are on our site,so the logo needs to be bigger. Orbrighter, or something.Whatever, you‟re the designer.Exploring the visual clues and your brand confidence“”
  • 6. Lings carsPace yourself
  • 7. You‟re at a „10‟…We could use you at a „3‟Setting the pace of your site
  • 8. We process imagesComposition and the value of getting images right60,000times faster than text
  • 9. We‟re programmed to look at faces…
  • 10. …and follow the eyes
  • 11. See?
  • 12. It‟s ok.I‟ve got an i-stock account.The dangers of bad stock photography
  • 13. Trust me, I‟m aDoctor
  • 14. Business manTrust me, I‟m aDoctor
  • 15. Honestly,I am the oneanswering thephones here...
  • 16. It also gets in the way of the message
  • 17. Clichéd images are actively avoided. Your credibilitydisappears We actively avoid clichéd images.Credibility disappears
  • 18. Time for a break(wow, he’s having a good time)
  • 19. Cowpath or Newpath?Considering an approach and design trends
  • 20. ‘Hero’ slotPromo panelsOther infoNewsMain navLogoFooter
  • 21. Making things bomb proof for users(They’re bomb proof pants by the way)
  • 22. GOV.ukBomb proof
  • 23. MicrosoftSwiss design
  • 24. BuffaloSwiss design
  • 25. Tokyo City SymphonyCinematic
  • 26. QuechuaScrolling
  • 27. What is it you do? …exactly?Getting your tone of voice right by saying what you mean.It’s your content!
  • 28. Who we areToday we campaignpeacefully to end allcruel factoryfarming practicesCompassion in World Farming1Who we areThe RSPCA as acharity will, by alllawful means,prevent cruelty,promote kindness toand alleviatesuffering of animals.2RSPCA
  • 29. About UsWe believe that farmanimals should not andneed not suffer. If youagree, please considersupporting us today. Youwill literally help us improvethe lives of billions.Thanks for listening.1About UsThe Society is structured intoa number of specialist andsupport departments, most ofwhose staff are based at theNational Headquarters, whileothers work from home.These departments, includingFreedom Food, report to theDirectors (John Rolls, NigelYeo, and Brian Millar) who inturn, report to the ChiefExecutive (Mark Watts).2
  • 30. Philips I’d **** meTone of voice
  • 31. I really hope it’s“time for a break”soon…Optical alignment makes it easier to readI really hope it’s“time for abreak” soon…
  • 32. Attention triggersRelevantIf it’s relevant theconsumer willstick around
  • 33. Lois JeansEmotion
  • 34. RelevanceWonder World of Fur
  • 35. RelevanceFINN handy test
  • 36. Super Sync Sports!Unique
  • 37. PenguinNarrative and personality
  • 38. It needs to be elegant, but fizz atthe same time ok? Oh and I needit by 5pm today.Constraints can lead to a more creative solution
  • 39. 1 What impression do you want to make?2 What’s an appropriate way to present your message?(cowpath or new path)3 What do you want someone to actually do on yoursite?4 What is your brand’s personality?5 What does it feel like to try and reach that goal?(joyful, fast, luxurious?)6 What constraints does your project have?7 Is it meaningful?8 Can you say it more simply? Try thinking mobile first
  • 40. Thanks for listening