Table of Contents

1. Design System Checklist
2. UX Project Checklist
3. Checklist Design
4. Web Developer Checklist
5. Front End Checklist
6. Conclusion

Design System Checklist

This checklist comes with five different sub-checklists: design language, design tokens, core components, tooling, and project management.

UX Project Checklist

Do you ever forget steps in your user experience research? Whether it's during the researching phase, making sure you include the IA, UI elements, waiting times, completed actions, etc., this checklist has everything covered!

Checklist Design

This absolutely beautiful site reminds you which elements needs to go on which pages, which elements needs what components, and so on. For example, an avatar needs a visualizer, a placeholder image, acceptable file types, etc. while a login page needs a title, account identification, password, a link to reset the password, a link to sign up, etc.

Web Developer Checklist

This checklist will make sure you're including required XML sitemaps, HTML validation, running CSS lint, using friendly URLs, making your site mobile-friendly, using traffic analysis, and much more!

Front End Checklist

The Front-End Checklist can be split up between HTML, CSS, JavaScript, Accessibility, Performance, SEO, Images, Head, and Webfonts. You're also able to filter by best practices, testing, security, requests, meta tag, and much more.

Conclusion

Checklists are so useful to have around to make sure you include everything necessary! Which checklist system do you use?

Happy coding!