1 / 40

Planning a Website Redesign : Week 2: Design

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

eboyd
Download Presentation

Planning a Website Redesign : Week 2: Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Planning a Website Redesign: Week 2: Design Laura Solomon @laurasolomon www.meanlaura.com laura@designforthelittleguy.com

  2. 1 Planning Why? Who? Goals, platforms and metrics 2 Design Series Agenda 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

  4. “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

  5. Look at your “competitors”

  6. How to handle COLOR

  7. https://www.shopify.ca/partners/blog/best-website-color-schemeshttps://www.shopify.ca/partners/blog/best-website-color-schemes

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

  9. How to handle FONTS

  10. Legibility versus readability

  11. https://www.smashingmagazine.com/2011/03/how-to-choose-a-typeface/https://www.smashingmagazine.com/2011/03/how-to-choose-a-typeface/  Legibility Readability 

  12. https://writemarketdesign.blogspot.com/2011/08/marketing-mishaps-using-too-many-fonts.htmlhttps://writemarketdesign.blogspot.com/2011/08/marketing-mishaps-using-too-many-fonts.html

  13. How big should your BODY text be?

  14. https://www.ualibrary.org/

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

  16. Doing an INTERFACE INVENTORY

  17. http://bradfrostweb.com/blog/post/interface-inventory/

  18. 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. http://bradfrost.com/blog/post/interface-inventory/

  19. Keep these in MIND

  20. Do not fearWHITE SPACE

  21. Link color

  22. Get a favicon

  23. 10 Mistakes Logo Designers Should Avoid (https://inkbotdesign.com/10-mistakes-logo-designers-avoid/) • Infographic: How Your Brain ‘Sees’ A Logo (http://designtaxi.com/news/370039/Infographic-How-Your-Brain-Sees-A-Logo/?interstital_shown=1 ) • Designing a Logo with Staying Power (http://www.designsphere.info/2015/03/10/designing-a-logo-with-staying-power/) • When Should You Be Redesigning Your Logo? (https://martech.zone/logo-redesign) • How to create a brand style guide (https://99designs.com/blog/tips/how-to-create-a-brand-style-guide/)

  24. https://piqualibrary.org versus https://piqua.lib.oh.us

  25. How to work with a WEB PROFESSIONAL

  26. www.buzzfeed.com/itscalledcreativity/web-designers-vs-web-developers-14n5www.buzzfeed.com/itscalledcreativity/web-designers-vs-web-developers-14n5

  27. Independent vs. shop

  28. Costs: hourly vs. project www.swissarmylibrarian.net/2009/05/19/upcoming-workshop-cms-day/

  29. www.webdesignerdepot.com/2009/03/40-comics-strips-for-web-designers/www.webdesignerdepot.com/2009/03/40-comics-strips-for-web-designers/

  30. www.webdesignerdepot.com/2009/03/40-comics-strips-for-web-designers/www.webdesignerdepot.com/2009/03/40-comics-strips-for-web-designers/

  31. Watch out for: Prioritization Feature creep Timelines

  32. WEEK 2 The Big Take-Aways

  33. 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.

  34. Next week: CONTENT Laura Solomon @laurasolomon www.meanlaura.com laura@designforthelittleguy.com

More Related