smart layout choices in web design

brand identity

• • who you are
  • what is your message
  • how to stand out

accessibility

• • accommodations for visual impairments
  • using color contrasts
  • alt text

responsive design

• • site adaptability for desktops to mobile devices

white space

• provide ample white space between sections for an easier read

grid systems

• organize content creating structured & appealing presentation of content

content hierarchy

• • use of headings & subheadings
  • font sizes

F-pattern layout

• • users scan from left to right
  • then down the left side
  • these are your two top sections for important items

visual balance

• achieve a balanced & pleasing presentation of content

scan ability

• use of bullet points, number lists
• short paragraphs – only a line or two
• headings that stand out

call-to-action placement

• strategic placement in prime areas

user behavior

• know how your potential clients patterns, especially in navigation

testing

• extensive testing ensures optimum results