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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

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

111
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 …

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
111
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
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
  • 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