Create a Law Firm Web Design

http://www.designzzz.com/create-law-firm-web-design/

Designing a website for a law firm is a pretty difficult job. But today I decided to make it easy and make a design using the basic layout we use for any business website.How to Create a Homepage for a Lawyer.

The secret of creating a satisfying web design lies in realizing the needs of your clients.
I realized that the clients need a website which is easy to navigate, and interacts with their clients in a simple way. So I made a design where a visitor should never find himself lost.
Step1

A blank document, size of your choice, resolution 72. We do this every time 

Step2

Lets come towards the Background, fill the background with Black color and add some noise.
Go to Filter>Noise>Add Noise.

Step3

Choose the Smooth brush with white color and create a stroke on the background using 66% opacity.

Step4

Choose the Rectangle Tool, draw the shape and fill it with plain white color.

Step5

Now fill this Gradient in the shape.

Step6

Now we should have this result.

Step7

Add the Logo. I just typed in “Law Firm”

Step8

Now I’m creating Navigation Bar. Choose the Rounded Rectangle Tool, draw the shape and fill it using solid black color.

Step9

I placed some routine words and menu buttons.

Step 10

And our header is ready.

Step 11

Time now for the Featured area. Choose the Rounded Rectangle Tool, Draw this shape and fill it with white color.
Apply the 2px stroke of color #646464

Step 12

Apply the Drop Shadow on featured area. You can add the stroke and shadow by right clicking on the layer and clicking Layer Styles.

Step 13

Featured area needs a picture picture. You can use Clipping Mask technique to cut off the unnecessary parts.
To create a clipping, mask right click on the shape layer and click Create Clipping Mask.

Step 14

This is what we have made so far.

Step 15

Now let’s create a content/links area. We are designing this template on the base of routine a business template.
Choose Rounded Rectangle Tool. Draw the shape and fill it with white color. Apply the 2px stroke of color #646464.

Step 16

Add some text, heading and picture. You can use Clipping Mask technique to cut off the unnecessary parts of picture. You should get the following result.

Step 17

Choose the Rounded Rectangle Tool, Draw the shape and fill with Gradient in Link Button. This button usually holds the text “Read More” or “Continue”.

Step 18

After adding Image1, Image2, Image3 in the three boxes, we got this.

Step 19

What we have made so far.

Step 20

Choose the Single Row Marquee Tool, draw the shape and fill with white color. This is only to create a separator line.

Step 21

Now we are creating a welcome area. I create this in all my templates. This is a place where the website owner can say a hello to its visitors, or it can also be used to give a link to an important article.
Choose the Rectangle Tool fill with whit color and apply the stroke 1px of color #646464.

Step 22

Add a picture and some text in this area.

Step 23

How about some links to Latest News area. You can even make this a Testimonials kind of area but lawyer sites don’t have testimonials. Lawyer sites might have Success Stories, you might use this area for that, its your choice of course.
Choose the Ellipse Tool, draw the shape and fill with Solid black color, this will be our bullet.

Step 24

This is our Content Area.

Step 25

Time for Footer Area. First we complete the Legal Topics area. This will hold links to all (or at least most prominent) of our pages. This is a kind of mini sitemap.
Choose the shape and draw this shape as bullets.

Step 26

Add links… checked!

Step 27

A contact form right in the footer, so user won’t have to navigate to the contact page.
Choose the Rounded Rectangle Tool draw these shapes.

Step 28

After this, we draw the submit button in the email area. Choose the Rounded Rectangle tool and draw this shape

Step 29

Apply gradient in the submit button.

Step 30

This is our Footer.

Final Result

Yahoo!…. We’ve done it again