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

254 views
185 views

Published on

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?

Published in: Design, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
254
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
1
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • 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

    1. 1. Mark BaillieCreative DirectorDesign series
    2. 2. We all see things a bit differently…
    3. 3. We make our initial impression in the blink of an eye
    4. 4. That feels about rightAppropriateness
    5. 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. 6. Lings carsPace yourself
    7. 7. You‟re at a „10‟…We could use you at a „3‟Setting the pace of your site
    8. 8. We process imagesComposition and the value of getting images right60,000times faster than text
    9. 9. We‟re programmed to look at faces…
    10. 10. …and follow the eyes
    11. 11. See?
    12. 12. It‟s ok.I‟ve got an i-stock account.The dangers of bad stock photography
    13. 13. Trust me, I‟m aDoctor
    14. 14. Business manTrust me, I‟m aDoctor
    15. 15. Honestly,I am the oneanswering thephones here...
    16. 16. It also gets in the way of the message
    17. 17. Clichéd images are actively avoided. Your credibilitydisappears We actively avoid clichéd images.Credibility disappears
    18. 18. Time for a break(wow, he’s having a good time)
    19. 19. Cowpath or Newpath?Considering an approach and design trends
    20. 20. ‘Hero’ slotPromo panelsOther infoNewsMain navLogoFooter
    21. 21. Making things bomb proof for users(They’re bomb proof pants by the way)
    22. 22. GOV.ukBomb proof
    23. 23. MicrosoftSwiss design
    24. 24. BuffaloSwiss design
    25. 25. Tokyo City SymphonyCinematic
    26. 26. QuechuaScrolling
    27. 27. What is it you do? …exactly?Getting your tone of voice right by saying what you mean.It’s your content!
    28. 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. 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. 30. Philips I’d **** meTone of voice
    31. 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. 32. Attention triggersRelevantIf it’s relevant theconsumer willstick around
    33. 33. Lois JeansEmotion
    34. 34. RelevanceWonder World of Fur
    35. 35. RelevanceFINN handy test
    36. 36. Super Sync Sports!Unique
    37. 37. PenguinNarrative and personality
    38. 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. 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. 40. Thanks for listening

    ×