Design for Non-Designers

on YouTube ↗37m

" summary

Cut visual clutter first: align to a grid, limit fonts and colors, add white space and simplify content, and measurable gains follow — one layout change yields +20% engagement +5% adds to cart and +33% purchases, a headline rewrite lifts conversions ~52.8%. Use practical shortcuts — Bootstrap grid, ColorLovers palettes, Google Fonts and curated lists like Typwolf — mock up sketches, build a small widget or Hello Web App prototype, try Unsplash or Fiverr for imagery, run analytics or A/B tests and iterate until the numbers improve.

AI-written summary · about

" chapters (10)

1. 0:00Introduction and journey
2. 2:05Design for developers
3. 3:51Reducing visual clutter
4. 5:44Color and typography
5. 7:59White space and layout
6. 12:38User experience basics
7. 14:36Content and headlines
8. 20:09Imagery and inspiration
9. 23:05Design philosophy and process
10. 27:24Q&A and wrap-up

" related talks

• 38mDesign for Non-DesignersTracy Osborn · Beyond Tellerrand Düsseldorf 2018
• 58mDesign for DevelopersLex Lofthouse · NDC Copenhagen 2025
• 38mDesign for DevelopersLex Lofthouse · ffconf 2022
• 01h 02mDesign for DevelopersLex Lofthouse · NDC London 2025
• 28mHow to Make Your Website Not UglyHilary Stohs-Krause · JSConf Hawai 2019
• 33mDesign hacks for the pragmatic mindedKyle Neath · Ruby on Ales 2011
• 21mHow developers can upgrade their visual design skills for better front end developmentTomasz Jonasz Kujawski · The Rolling Scopes Conference 2018
• 54mDesign for Non-Designers from a Non DesignerJay Harris · Build Stuff 2019