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

Weitere ähnliche Inhalte

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 (3)
Advicefortheinterns 100721141420-phpapp01 (3)Advicefortheinterns 100721141420-phpapp01 (3)
Advicefortheinterns 100721141420-phpapp01 (3)Nitish Bhardwaj
 
Advicefortheinterns 100721141420-phpapp01 (1)
Advicefortheinterns 100721141420-phpapp01 (1)Advicefortheinterns 100721141420-phpapp01 (1)
Advicefortheinterns 100721141420-phpapp01 (1)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 (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)
 
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
 

Kürzlich hochgeladen

DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfRankYa
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfPrecisely
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clashcharlottematthew16
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionDilum Bandara
 

Kürzlich hochgeladen (20)

DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
 

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