Hope you’re having an awesome day, everybody.
Looking for an advice regarding how to optimally structure the process of coming up with a full-fledged design for a web site (or a part of it) - starting from scratch.
The most recent (and one of the most thorough, IMHO) FreeCodeCamp video regarding WD, released on their YouTube channel (“How to Design a Website – A UX Wireframe Tutorial”) seems to mention quite a lot of things, but it doesn’t go all the way down to the actual structure of the content, though.
Thus, my question: how do you structure your web design? - and, perhaps more importantly, what do you do before you start designing for the web?
Following the tutorial, it seems that the logical algorithm to follow is:
- Define the site-map
- Choose which content goes where
- Create a low-fidelity prototype (wireframe)
- Come up with a basic gray layout to customize (with Figma, Adobe XD, etc.)
- Customize it with colors, fonts, images, text, shadows, animations, etc.
- Code it up in HTML, CSS, JS - using some CSS/JS frameworks (or not).
Is that how you’d do it? - or would you rather jump in straight into Bootstrap?
Any thought or advice would be appreciated, especially from those who’ve have a hands-on experience designing their own projects from scratch - I’d love to hear from you.