https://github.com/sandoche/webdesign-checklist
A web design checklist to make the most beautiful designs!
https://github.com/sandoche/webdesign-checklist
checklist webdesign
Last synced: 7 months ago
JSON representation
A web design checklist to make the most beautiful designs!
- Host: GitHub
- URL: https://github.com/sandoche/webdesign-checklist
- Owner: sandoche
- License: mit
- Created: 2017-08-04T14:14:20.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2019-08-15T13:34:32.000Z (about 6 years ago)
- Last Synced: 2025-01-11T20:41:55.271Z (9 months ago)
- Topics: checklist, webdesign
- Size: 3.91 KB
- Stars: 22
- Watchers: 4
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# Webdesign-checklist
A web design checklist to make the most beautiful designs!
I made this checklist based on my learning and researches, read more about how I made it here:
https://medium.com/learning-lab/4-how-i-learnt-how-to-steal-like-an-artist-in-a-month-and-designed-built-my-new-companys-c5c68ffcf251
Every time I need to make a design I copy paste this checklist and I follow it in this order.
- [ ] Define the architecture of the information of your website (pure content)
- [ ] Collect inspiration (Dribbble, Awwwards, and favorites sites)
- [ ] Make a shortlist and understand what works well on those inspiration
- [ ] Make a wireframe (on paper)
- [ ] Design the website in grayscale first (you can use your favorite design tool)
- [ ] Select fonts (2 is a good number)
- [ ] Design the logo
- [ ] Define the color palette (it should fit the logo)
- [ ] Improve your design implementing the font, colors, and logo
- [ ] Define animations to implement (you can design them if they are complexe using a software otherwise just keep them in mind, or draw them on paper)