Today we will be working through the process of designing a corporate website in Photoshop step-by-step. For this example we’ll be creating a site for a marketing company, but just about any other type of service business could use this design as well. At the end of the tutorial you will be able to download the PSD file used in the tutorial.
A Preview of the Final Result
Here is what we will be designing.
Being able to communicate effectively with clients is easily one of the most important aspects of being a web designer. The communication process starts immediately as you’ll need to learn what the client wants and expects from you, and as you get to know more about their business. The need for communication will continue through every phase of the design process as you and the client work together to create a site that will be effective for the business. After the design is completed, it’s likely that you’ll provide some customer support at least occasionally, so the need for good communication will always exist.
In this article we’ll take a detailed look at the topic of communicating with clients. Many of the tips that are mentioned can apply to communication in general, but the article comes specifically from the perspective of a designer/client relationship.
Part of having a user-friendly site involves making it possible for visitors to quickly find what they are looking for. A site-wide search is one of the best ways to accomplish this. In this post we’ll look at 10 of the leading options for helping visitors to find the content that they want. Of course, most CMSs come with a standard search functionality, but this may not always be the best options (as is the case with WordPress’ default search).
Google’s custom search engine is the most popular of the options presented here. It’s easy to set up (sign in with your Google account and follow the instructions – Pro Blog Design has a step-by-step tutorial here), effective for finding and ranking the content, and can even be monetized through a corresponding AdSense account.
In the past we’ve done some tutorials for designing portfolio sites and blogs in Photoshop, and today we’ll focus on designing a corporate website. The example will be for a marketing and SEO company, but it uses a basic layout that could work for just about any type of business.
The End Result:
Here is a look at what we will be creating (click the image to see it in full size).