Typically, the design team in a web development company would build initial layouts and mockups of projects. This would be done in their favorite software like Photoshop, image editor etc.

Basically, they will spend time and energy building pixel-perfect PSDs for getting client approvals and as usual clients would come back with their feedback. This would require the web development team to tweak the layouts as per client feedback. And then after a few rounds of revisions, the team would build the markup with the help of the HTML CSS developer . This is a standard process practiced by every expert web development company .

Photoshop is a leading design tool when it comes to building really eye catching layouts, gradients, shadow, glows, typography etc. But when it comes to text rendering, it fails to give the actual feel of how it is going to be seen on the browser where the actual web page will be seen. Also, Photoshop is known to crash on the face of designer at the crucial moments!

Getting started with the basic foundation:
In the beginning, don’t even think about style. Instead, start with the content, which is the foundation of any layout. Lay the groundwork for your markup order, and ensure that your design will be useable with styles and images turned off

Flush out the layout:
The next step is to structure the content in a usable way. With CSS web design techniques the HTML CSS developer can make basic layout changes quickly.

Start your styling:
A CSS programmer can start styling by using RGBA colors - basically by using highlighted colors and contrasting typefaces on the elements the HTML CSS developer and web developer plans to emphasize. Then they can start with the page’s main color and then use white at varying opacities to emphasize content sections.

Give it some glow:
Objects in the natural world reflect light. So the web designer should make the design feel tangible and organic by giving it some glow.