1. Planning a Website Redesign:
Week 2: Design
Laura Solomon
@laurasolomon

2. Series Agenda 1 2 3 4 Planning Design Content
Why? Who? Goals, platforms and metrics
Series Agenda 2
Design
Fonts, colors, logos, working with a designer, and more 3
Content
Content audits, inventories and writing 4
Usability, Testing and More
Usability, accessibility, and more

3. WEEK 2
Design Factors

5. “Though art may be subjective, Web design is not.
In Web design, there is a right way and a wrong way to
approach layout, navigation, copy, white space, and
other critical website components.”
Andrew Follett

6. Look at your
“competitors”

7. How to handle
COLOR

8. Limit the number of colors
Design in greyscale first
Avoid using pure black
Set importance using color contrast
Try to follow 60–30–10 rule
Follow the rule of continuity
Start with the emotions you want to convey
Consider accessibility aspects Of design

9. https://medium.com/wd-tips-tricks/infographics-why-good-website-design-is-so-important-5a1682c6ef07

10. How to handle
FONTS

11. Legibility versus readability

12.  Legibility Readability 

13. https://writemarketdesign. blogspot

14. How big should your
BODY
text be?

17. www.webdesignerdepot.com/2009/02/10- web-typography-rules-every-designer- should-know-2/

18. Doing an
INTERFACE INVENTORY

20. How to do an inventory interface Brad Frost
Set up a blank template.
Collect headings, text fields, radio buttons, carousels, accordions, tabs, images, icons, video players, graphs, etc.
Categorize the screenshots.
Present the interface inventory to your boss/client/organization and watch them cry realistic tears.

21. Keep these in
MIND

22. Do not fear WHITE SPACE

24. Link color

25. Get a favicon

27. 10 Mistakes Logo Designers Should Avoid (https://inkbotdesign
Infographic: How Your Brain ‘Sees’ A Logo ( )
Designing a Logo with Staying Power (
When Should You Be Redesigning Your Logo? (
How to create a brand style guide (

28.
versus

30. How to work with a
WEB PROFESSIONAL

33. Independent vs. shop

34. Costs: hourly vs. project

37. 
Watch out for:
Prioritization
Timelines
Feature creep

38. WEEK 2
The Big
Take-Aways

39. Be aware of how fonts and colors affect your design
Little things aren’t so little
Listen to your designer. You pay
them for that knowledge.

40. Next week: CONTENT Laura Solomon @laurasolomon www.meanlaura.com