A Work Flow for web development is the process in which you design and create the website. There are a few steps involved in the process, and it differs a bit based on if you are starting from scratch or if you are redesigning something that already exists. Organization is the key, and it can get overwhelming if you’re presented with a ton of unorganized information that you need to make sense of. My ideal personal workflow is:
- Define client needs and audience.
- Research what competitors are doing, what’s working, what’s not, and draw inspiration.
- Organize the information and figure out the sitemap.
- Research fonts and color schemes, make type and color studies to see what will fit the mood of the website and match the client’s branding, what will appeal to the target audience?
- This is the part where you’re supposed to do wireframes, but I actually really just like to start comping right away with actual information/data that will be on the website, so I can visualize what it will look like and how everything will look altogether, colors, fonts, images. Create a few mood boards, determine which one will fit best, then from there start determining the layout. I can gain a good idea of what the layout should be from doing that, then do wireframes if needed.
- Get approval and start coding. It’s probably a good idea to get your HTML organized first, then start styling in CSS.