SlideShare ist ein Scribd-Unternehmen logo
1 von 65
Downloaden Sie, um offline zu lesen
Simple Steps to
         Great Web Design

Sunday, March 14, 2010
Introductions


Sunday, March 14, 2010
my name is

         Matthew Smith


Sunday, March 14, 2010
I am the Principal at

         SQUARED EYE


Sunday, March 14, 2010
I am a

         Husband         &   I am a

                             Father


Sunday, March 14, 2010
I am a

         Beerdiot (Beer Idiot)


Sunday, March 14, 2010
I worship

         These Guys


Sunday, March 14, 2010
Welcome to

         Simple Steps to
         Great Web Design

Sunday, March 14, 2010
Lets define some

         Definitions


Sunday, March 14, 2010
What is

         Web Design?


Sunday, March 14, 2010
Web design is the skill of creating presentations of content
         (usually hypertext or hypermedia) that is delivered to an
         end-user through the World Wide Web, by way of a Web
         browser or other Web-enabled software like Internet
         television clients, microblogging clients and RSS readers.




Sunday, March 14, 2010
Web design helps content get stuff done — on the web.




Sunday, March 14, 2010
Great web design helps content get stuff done — on the web




Sunday, March 14, 2010
Great web design helps content get stuff done — on the web


         with
                         Pleasure
Sunday, March 14, 2010
So, what are these

         Simple Steps?


Sunday, March 14, 2010
Everything starts with

         Knowing the Brand


Sunday, March 14, 2010
Everything starts with

         Knowing the Brand


Sunday, March 14, 2010
Next you must

         Know their Audience


Sunday, March 14, 2010
Next you must

         Know their Audience


Sunday, March 14, 2010
Next you must

         Know their Audience


Sunday, March 14, 2010
and if you’re going to pursue great design, then

         Know their Content


         IA sketch by Mike Rohde


Sunday, March 14, 2010
Know the Medium


Sunday, March 14, 2010
Know the Medium


Sunday, March 14, 2010
Helping content get stuff done:

         Design Technique


Sunday, March 14, 2010
Balance


Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Hierarchy


Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Pleasure


Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Moving Pleasure


Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
Sunday, March 14, 2010
A few Helpful

         Resources


Sunday, March 14, 2010
Art & Visual Perception
         The Psychology of the Creative Eye
         by Rudolph Arnheim




         Understanding Comics
         by Scott McCloud




Sunday, March 14, 2010

Más contenido relacionado

Andere mochten auch

A Step-By-Step Guide To Building Your Own Website - Website Building Helper
A Step-By-Step Guide To Building Your Own Website - Website Building HelperA Step-By-Step Guide To Building Your Own Website - Website Building Helper
A Step-By-Step Guide To Building Your Own Website - Website Building HelperJohn Paul Aguiar
 
Intro to Web Design
Intro to Web DesignIntro to Web Design
Intro to Web DesignKathy Gill
 
Web design proposal sample
Web design proposal sampleWeb design proposal sample
Web design proposal sampleAdviacent
 
Web Design 101
Web Design 101Web Design 101
Web Design 101T.S. Lim
 

Andere mochten auch (6)

A Step-By-Step Guide To Building Your Own Website - Website Building Helper
A Step-By-Step Guide To Building Your Own Website - Website Building HelperA Step-By-Step Guide To Building Your Own Website - Website Building Helper
A Step-By-Step Guide To Building Your Own Website - Website Building Helper
 
Intro to Web Design
Intro to Web DesignIntro to Web Design
Intro to Web Design
 
Web design proposal sample
Web design proposal sampleWeb design proposal sample
Web design proposal sample
 
Web Development using HTML & CSS
Web Development using HTML & CSSWeb Development using HTML & CSS
Web Development using HTML & CSS
 
Web Design 101
Web Design 101Web Design 101
Web Design 101
 
Sample Website Proposal Presentation
Sample Website Proposal PresentationSample Website Proposal Presentation
Sample Website Proposal Presentation
 

Ähnlich wie Simple Steps to Great Web Design

Sxsw Presentation Blamestorm
Sxsw Presentation   BlamestormSxsw Presentation   Blamestorm
Sxsw Presentation Blamestormlittle m media
 
The Art of the Spike
The Art of the SpikeThe Art of the Spike
The Art of the SpikeAaron Bedra
 
Melvin Vivas' talk at Phil. Tech Startups Meetup
Melvin Vivas' talk at Phil. Tech Startups MeetupMelvin Vivas' talk at Phil. Tech Startups Meetup
Melvin Vivas' talk at Phil. Tech Startups MeetupMelvin Dave Vivas
 
Blueshots Onlinetuesday
Blueshots OnlinetuesdayBlueshots Onlinetuesday
Blueshots OnlinetuesdayMarketingfacts
 
Agile Project Management Basis Software Exposition 2010
Agile Project Management Basis Software Exposition 2010Agile Project Management Basis Software Exposition 2010
Agile Project Management Basis Software Exposition 2010nhm taveer hossain khan
 
Social Media For Museums
Social Media For MuseumsSocial Media For Museums
Social Media For Museumsmichellej
 
Advicefortheinterns 100721141420-phpapp01 (3)
Advicefortheinterns 100721141420-phpapp01 (3)Advicefortheinterns 100721141420-phpapp01 (3)
Advicefortheinterns 100721141420-phpapp01 (3)niti slideman
 
Advicefortheinterns 100721141420-phpapp01 (1)
Advicefortheinterns 100721141420-phpapp01 (1)Advicefortheinterns 100721141420-phpapp01 (1)
Advicefortheinterns 100721141420-phpapp01 (1)Nitish Bhardwaj
 
Advicefortheinterns 100721141420-phpapp01 (3)
Advicefortheinterns 100721141420-phpapp01 (3)Advicefortheinterns 100721141420-phpapp01 (3)
Advicefortheinterns 100721141420-phpapp01 (3)Nitish Bhardwaj
 
Agile teams as innovation teams
Agile teams as innovation teamsAgile teams as innovation teams
Agile teams as innovation teamsOpenAgile Romania
 
Agile Teams as Innovation Teams
Agile Teams as Innovation TeamsAgile Teams as Innovation Teams
Agile Teams as Innovation TeamsRobert Dempsey
 
Summer of Tech Careers Seminar 2010
Summer of Tech Careers Seminar 2010Summer of Tech Careers Seminar 2010
Summer of Tech Careers Seminar 2010summerofcode
 
Double Your Website’s Success
Double Your Website’s SuccessDouble Your Website’s Success
Double Your Website’s SuccessRoss Johnson
 
Gould Academy: Web 3.0 - Integration. For IECA Conf. 5/13/10
Gould Academy: Web 3.0 - Integration. For IECA Conf. 5/13/10Gould Academy: Web 3.0 - Integration. For IECA Conf. 5/13/10
Gould Academy: Web 3.0 - Integration. For IECA Conf. 5/13/10Tucker Kimball
 
Social Media Tips for Small Business
Social Media Tips for Small BusinessSocial Media Tips for Small Business
Social Media Tips for Small BusinessKula Partners
 
Participating Isnt Leading: Facebook, Twitter, and the Rise of Tribes
Participating Isnt Leading: Facebook, Twitter, and the Rise of TribesParticipating Isnt Leading: Facebook, Twitter, and the Rise of Tribes
Participating Isnt Leading: Facebook, Twitter, and the Rise of TribesMichael Vaughn
 
How to Hit the Hiring Ground Running in 2011
How to Hit the Hiring Ground Running in 2011How to Hit the Hiring Ground Running in 2011
How to Hit the Hiring Ground Running in 2011Nametag Scott Ginsberg
 

Ähnlich wie Simple Steps to Great Web Design (20)

Sxsw Presentation Blamestorm
Sxsw Presentation   BlamestormSxsw Presentation   Blamestorm
Sxsw Presentation Blamestorm
 
The Art of the Spike
The Art of the SpikeThe Art of the Spike
The Art of the Spike
 
TwitterOne
TwitterOneTwitterOne
TwitterOne
 
Melvin Vivas' talk at Phil. Tech Startups Meetup
Melvin Vivas' talk at Phil. Tech Startups MeetupMelvin Vivas' talk at Phil. Tech Startups Meetup
Melvin Vivas' talk at Phil. Tech Startups Meetup
 
Blueshots Onlinetuesday
Blueshots OnlinetuesdayBlueshots Onlinetuesday
Blueshots Onlinetuesday
 
Agile Project Management Basis Software Exposition 2010
Agile Project Management Basis Software Exposition 2010Agile Project Management Basis Software Exposition 2010
Agile Project Management Basis Software Exposition 2010
 
Social Media For Museums
Social Media For MuseumsSocial Media For Museums
Social Media For Museums
 
Refactoring
RefactoringRefactoring
Refactoring
 
Advicefortheinterns 100721141420-phpapp01 (3)
Advicefortheinterns 100721141420-phpapp01 (3)Advicefortheinterns 100721141420-phpapp01 (3)
Advicefortheinterns 100721141420-phpapp01 (3)
 
Advicefortheinterns 100721141420-phpapp01 (1)
Advicefortheinterns 100721141420-phpapp01 (1)Advicefortheinterns 100721141420-phpapp01 (1)
Advicefortheinterns 100721141420-phpapp01 (1)
 
Advicefortheinterns 100721141420-phpapp01 (3)
Advicefortheinterns 100721141420-phpapp01 (3)Advicefortheinterns 100721141420-phpapp01 (3)
Advicefortheinterns 100721141420-phpapp01 (3)
 
Agile teams as innovation teams
Agile teams as innovation teamsAgile teams as innovation teams
Agile teams as innovation teams
 
Agile Teams as Innovation Teams
Agile Teams as Innovation TeamsAgile Teams as Innovation Teams
Agile Teams as Innovation Teams
 
Summer of Tech Careers Seminar 2010
Summer of Tech Careers Seminar 2010Summer of Tech Careers Seminar 2010
Summer of Tech Careers Seminar 2010
 
Double Your Website’s Success
Double Your Website’s SuccessDouble Your Website’s Success
Double Your Website’s Success
 
Gould Academy: Web 3.0 - Integration. For IECA Conf. 5/13/10
Gould Academy: Web 3.0 - Integration. For IECA Conf. 5/13/10Gould Academy: Web 3.0 - Integration. For IECA Conf. 5/13/10
Gould Academy: Web 3.0 - Integration. For IECA Conf. 5/13/10
 
How to be a better designer
How to be a better designerHow to be a better designer
How to be a better designer
 
Social Media Tips for Small Business
Social Media Tips for Small BusinessSocial Media Tips for Small Business
Social Media Tips for Small Business
 
Participating Isnt Leading: Facebook, Twitter, and the Rise of Tribes
Participating Isnt Leading: Facebook, Twitter, and the Rise of TribesParticipating Isnt Leading: Facebook, Twitter, and the Rise of Tribes
Participating Isnt Leading: Facebook, Twitter, and the Rise of Tribes
 
How to Hit the Hiring Ground Running in 2011
How to Hit the Hiring Ground Running in 2011How to Hit the Hiring Ground Running in 2011
How to Hit the Hiring Ground Running in 2011
 

Último

The New Cloud World Order Is FinOps (Slideshow)
The New Cloud World Order Is FinOps (Slideshow)The New Cloud World Order Is FinOps (Slideshow)
The New Cloud World Order Is FinOps (Slideshow)codyslingerland1
 
3 Pitfalls Everyone Should Avoid with Cloud Data
3 Pitfalls Everyone Should Avoid with Cloud Data3 Pitfalls Everyone Should Avoid with Cloud Data
3 Pitfalls Everyone Should Avoid with Cloud DataEric D. Schabell
 
How to become a GDSC Lead GDSC MI AOE.pptx
How to become a GDSC Lead GDSC MI AOE.pptxHow to become a GDSC Lead GDSC MI AOE.pptx
How to become a GDSC Lead GDSC MI AOE.pptxKaustubhBhavsar6
 
Novo Nordisk's journey in developing an open-source application on Neo4j
Novo Nordisk's journey in developing an open-source application on Neo4jNovo Nordisk's journey in developing an open-source application on Neo4j
Novo Nordisk's journey in developing an open-source application on Neo4jNeo4j
 
LF Energy Webinar - Unveiling OpenEEMeter 4.0
LF Energy Webinar - Unveiling OpenEEMeter 4.0LF Energy Webinar - Unveiling OpenEEMeter 4.0
LF Energy Webinar - Unveiling OpenEEMeter 4.0DanBrown980551
 
20140402 - Smart house demo kit
20140402 - Smart house demo kit20140402 - Smart house demo kit
20140402 - Smart house demo kitJamie (Taka) Wang
 
Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...DianaGray10
 
The Importance of Indoor Air Quality (English)
The Importance of Indoor Air Quality (English)The Importance of Indoor Air Quality (English)
The Importance of Indoor Air Quality (English)IES VE
 
March Patch Tuesday
March Patch TuesdayMarch Patch Tuesday
March Patch TuesdayIvanti
 
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024Alkin Tezuysal
 
Stobox 4: Revolutionizing Investment in Real-World Assets Through Tokenization
Stobox 4: Revolutionizing Investment in Real-World Assets Through TokenizationStobox 4: Revolutionizing Investment in Real-World Assets Through Tokenization
Stobox 4: Revolutionizing Investment in Real-World Assets Through TokenizationStobox
 
Flow Control | Block Size | ST Min | First Frame
Flow Control | Block Size | ST Min | First FrameFlow Control | Block Size | ST Min | First Frame
Flow Control | Block Size | ST Min | First FrameKapil Thakar
 
Technical SEO for Improved Accessibility WTS FEST
Technical SEO for Improved Accessibility  WTS FESTTechnical SEO for Improved Accessibility  WTS FEST
Technical SEO for Improved Accessibility WTS FESTBillieHyde
 
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptxGraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptxNeo4j
 
UiPath Studio Web workshop series - Day 1
UiPath Studio Web workshop series  - Day 1UiPath Studio Web workshop series  - Day 1
UiPath Studio Web workshop series - Day 1DianaGray10
 
Outage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedIn
Outage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedInOutage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedIn
Outage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedInThousandEyes
 
EMEA What is ThousandEyes? Webinar
EMEA What is ThousandEyes? WebinarEMEA What is ThousandEyes? Webinar
EMEA What is ThousandEyes? WebinarThousandEyes
 
Introduction to RAG (Retrieval Augmented Generation) and its application
Introduction to RAG (Retrieval Augmented Generation) and its applicationIntroduction to RAG (Retrieval Augmented Generation) and its application
Introduction to RAG (Retrieval Augmented Generation) and its applicationKnoldus Inc.
 
From the origin to the future of Open Source model and business
From the origin to the future of  Open Source model and businessFrom the origin to the future of  Open Source model and business
From the origin to the future of Open Source model and businessFrancesco Corti
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
 

Último (20)

The New Cloud World Order Is FinOps (Slideshow)
The New Cloud World Order Is FinOps (Slideshow)The New Cloud World Order Is FinOps (Slideshow)
The New Cloud World Order Is FinOps (Slideshow)
 
3 Pitfalls Everyone Should Avoid with Cloud Data
3 Pitfalls Everyone Should Avoid with Cloud Data3 Pitfalls Everyone Should Avoid with Cloud Data
3 Pitfalls Everyone Should Avoid with Cloud Data
 
How to become a GDSC Lead GDSC MI AOE.pptx
How to become a GDSC Lead GDSC MI AOE.pptxHow to become a GDSC Lead GDSC MI AOE.pptx
How to become a GDSC Lead GDSC MI AOE.pptx
 
Novo Nordisk's journey in developing an open-source application on Neo4j
Novo Nordisk's journey in developing an open-source application on Neo4jNovo Nordisk's journey in developing an open-source application on Neo4j
Novo Nordisk's journey in developing an open-source application on Neo4j
 
LF Energy Webinar - Unveiling OpenEEMeter 4.0
LF Energy Webinar - Unveiling OpenEEMeter 4.0LF Energy Webinar - Unveiling OpenEEMeter 4.0
LF Energy Webinar - Unveiling OpenEEMeter 4.0
 
20140402 - Smart house demo kit
20140402 - Smart house demo kit20140402 - Smart house demo kit
20140402 - Smart house demo kit
 
Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...
 
The Importance of Indoor Air Quality (English)
The Importance of Indoor Air Quality (English)The Importance of Indoor Air Quality (English)
The Importance of Indoor Air Quality (English)
 
March Patch Tuesday
March Patch TuesdayMarch Patch Tuesday
March Patch Tuesday
 
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
 
Stobox 4: Revolutionizing Investment in Real-World Assets Through Tokenization
Stobox 4: Revolutionizing Investment in Real-World Assets Through TokenizationStobox 4: Revolutionizing Investment in Real-World Assets Through Tokenization
Stobox 4: Revolutionizing Investment in Real-World Assets Through Tokenization
 
Flow Control | Block Size | ST Min | First Frame
Flow Control | Block Size | ST Min | First FrameFlow Control | Block Size | ST Min | First Frame
Flow Control | Block Size | ST Min | First Frame
 
Technical SEO for Improved Accessibility WTS FEST
Technical SEO for Improved Accessibility  WTS FESTTechnical SEO for Improved Accessibility  WTS FEST
Technical SEO for Improved Accessibility WTS FEST
 
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptxGraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
 
UiPath Studio Web workshop series - Day 1
UiPath Studio Web workshop series  - Day 1UiPath Studio Web workshop series  - Day 1
UiPath Studio Web workshop series - Day 1
 
Outage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedIn
Outage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedInOutage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedIn
Outage Analysis: March 5th/6th 2024 Meta, Comcast, and LinkedIn
 
EMEA What is ThousandEyes? Webinar
EMEA What is ThousandEyes? WebinarEMEA What is ThousandEyes? Webinar
EMEA What is ThousandEyes? Webinar
 
Introduction to RAG (Retrieval Augmented Generation) and its application
Introduction to RAG (Retrieval Augmented Generation) and its applicationIntroduction to RAG (Retrieval Augmented Generation) and its application
Introduction to RAG (Retrieval Augmented Generation) and its application
 
From the origin to the future of Open Source model and business
From the origin to the future of  Open Source model and businessFrom the origin to the future of  Open Source model and business
From the origin to the future of Open Source model and business
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
 

Simple Steps to Great Web Design

Hinweis der Redaktion

  1. Their Personality, Stakeholders, Business Objectives, Site Objectives. What should their content DO?!
  2. What’s the personality of those you’re trying to communicate with?This can be exhaustive study, or just good thinking at its core.
  3. Information Architecture and Copywriting Art direction. The Content should inform the design
  4. Don’t just know browsers, understand your medium. It’s dynamic. It’s fluid. It’s NOT print. It’s not containable. It needs to be flexible, MOVEABLE, and it needs to get business done. Dynamic Content and Content Types Speed of digestion. Active vs Passive Web. Standing in Line Normal design theories, practices, or guides don't always hold up on the web.
  5. Information Architecture and Copywriting Art direction. The Content should inform the design
  6. Information Architecture and Copywriting Art direction. The Content should inform the design
  7. Information Architecture and Copywriting Art direction. The Content should inform the design
  8. Information Architecture and Copywriting Art direction. The Content should inform the design
  9. Information Architecture and Copywriting Art direction. The Content should inform the design
  10. Information Architecture and Copywriting Art direction. The Content should inform the design
  11. Information Architecture and Copywriting Art direction. The Content should inform the design
  12. Information Architecture and Copywriting Art direction. The Content should inform the design
  13. Size
  14. Size
  15. Size
  16. Information Architecture and Copywriting Art direction. The Content should inform the design
  17. Information Architecture and Copywriting Art direction. The Content should inform the design
  18. Information Architecture and Copywriting Art direction. The Content should inform the design
  19. Information Architecture and Copywriting Art direction. The Content should inform the design
  20. Information Architecture and Copywriting Art direction. The Content should inform the design
  21. Information Architecture and Copywriting Art direction. The Content should inform the design
  22. Information Architecture and Copywriting Art direction. The Content should inform the design
  23. Information Architecture and Copywriting Art direction. The Content should inform the design
  24. Color
  25. Color
  26. Information Architecture and Copywriting Art direction. The Content should inform the design
  27. Simplicity, and isolation
  28. lack of clear direction will frustrate, even if its a small and nearly unknown thing
  29. blur
  30. Contrast
  31. Contrast
  32. Contrast
  33. Contrast
  34. Information Architecture and Copywriting Art direction. The Content should inform the design
  35. Information Architecture and Copywriting Art direction. The Content should inform the design
  36. Information Architecture and Copywriting Art direction. The Content should inform the design
  37. Information Architecture and Copywriting Art direction. The Content should inform the design
  38. Information Architecture and Copywriting Art direction. The Content should inform the design
  39. Information Architecture and Copywriting Art direction. The Content should inform the design
  40. Information Architecture and Copywriting Art direction. The Content should inform the design
  41. Information Architecture and Copywriting Art direction. The Content should inform the design
  42. Information Architecture and Copywriting Art direction. The Content should inform the design
  43. Information Architecture and Copywriting Art direction. The Content should inform the design