Web design mat-153-web design 1

Where to start

  • what are your interests: visual design, user experience, interactive design, mobile development, etc
  • what are your strengths…NOT EVERYONE CAN DO THIS
  • will never learn it all, web is a moving target

Content is king

  • must be adaptable to different platforms
  • content strategy: set of guiding principles that control the creation and presentation of content
    • content audit: inventory of site content
    • defines who is responsible for content creation and maintenance
    • provides consistency
  • must drive design decisions and workflows

Design for screen

  • most important content must be front and center, easily accessible
  • not going to look the same on different devices, platforms, browsers
  • pay attention to color and contrast (research best combos)
  • mobile first design starts with mobile then goes larger
  • must plan how content will look across multiple devices

Workflow

  • planning
    • project brief: describes the scope, sets expectations, outlines deliverables
    • content survey: define all content, rank in order of importance
    • content strategy: how to display content and relative importance
    • site plan
  • design
    • sketch wireframes
    • develop mockups in photoshop
    • develop site assets (content)
  • development
    • coding
    • testing
    • final client meeting
  • publishing
    • revisions