Design Guide: Websites

Welcome

Share your ideas, stories and thoughts with the world by posting them to the web. This webpage contains lots of tips and resources to help you make an effective and beautiful website.

Planning Worksheet

Following an intentional design process will help you create better content, organization, and visuals for your website. This planning worksheet will take you through each step.

Tutorials

Get Inspired

with websites built by the professionals

• Webby Awards (for best website)
• Web Design Trends 2018

Web Story / Blogs

• BBC Culture
• NYT Magazine
• Wendy's Lookbook

Online Exhibits

• Outside the Aircraft
• ArtStories - Minneapolis Institute of Art

Tools

WordPress

Difficulty: 

Weebly

Difficulty: 

Wix

Difficulty: ​

Using WordPress?

Heelium theme demo and instructions

WordPress Essential Training (LinkedIn Learning tutorial)

Design Assets

Photos

• Unsplash
• Pexels
• Creative Commons Search

Icons

• Noun Project
• Font Awesome

more info on citing and reusing media ethically

Fonts

• Google Fonts

Colors

• Paletton
• Design Seeds

Useful Browser Plugins

• DevTools
• Web Accessibility Evaluation Tool
• Page Ruler
• ColorZilla

Need Help?

Ask at the front desk of the UL or make a design consultation.

License

This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.