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.

Web Accessibility

• Digital Accessibility at UNC-Chapel Hill
• Register for Digital Accessibility Office Training
• Digital Accessibility Policy at UNC-Chapel Hill
• Top 10 Tips for Digital Accessibility
• Introduction to Web Accessibility (W3C)

Tutorials

Get Inspired

with websites built by the professionals

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

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

• Adobe Fonts (Part of Adobe Creative Cloud)
• Google Fonts

Colors

• Adobe Color
• Paletton
• Design Seeds

Useful Browser Plugins

• DevTools
• Web Accessibility Evaluation Tool
• Page Ruler
• ColorZilla
• WCAG Color contrast checker

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.