How to make a website for a software company

You can visit sample website to see the final result or compare your code.

Computers and Internet came firmly into our life and now we can’t imagine any business activity without using a computer and certain programs to perform computing tasks. Every time new, more effective software appears that helps people improve and simplify working process, control and analyze the results.  And during many years software industry remains one of the most needed and profitable ones. That’s the main reason why we decided to create a website for a software company this time.

Choosing a template design

The fastest and easiest way to create a professional looking website (if you are not a web designer, of course) is to take an opportunity of pre-made web templates on the basis of which you will create an attractive website. When you start searching for a site template, you will come upon many web page designs. But as usual, I recommend you to review website templates provided by TemplatedBusiness. It offers high quality design products that can be easily customized to meet your project needs. Here you will find both software website templates and software Flash templates that correspond to the main web standards and concentrate on the customers’ core requirements both in terms of usability and information. Well, my choice is 22172.

Due to the decent design and elaborate color scheme this website template will definitely work for you. The gray background makes other colors stand out. Red is used as an accent color to stimulate people to make quick decisions. It has very high visibility and will catch your customers’ attention and highlight the most important elements of your design.

After purchase you will find HTML-version and source PSD file of the main page, fonts which are used in the template and some screenshots in the archive.

In case of a low-budget project, you may take advantage of free web templates that will help you solve both problems: time and money. FreeTemplatesOnline.com offers quality free web page designs that can be easily customized and used as a basis for your website.

Template Customization

Now it’s time for the template customization. But if you feel that you don’t have enough knowledge or time to go though the whole customization process, you may take the opportunity to use Template Tuning services. Here you can order the template customization at an affordable price. Their web developers will easily and skillfully do all the necessary changes for you. But if you are not afraid of difficulties, then let’s go on! As it was said above, we will start from the HTML version.

To perform all necessary modifications you will need Adobe Photoshop CS+; Adobe Dreamweaver 8+ or any other HTML editor. Before you start you should install necessary fonts (usually they are placed in “sources/fonts” folder- in this tutorial you’ll find more detailed description. After that open .psd file in Photoshop and let’s learn how to make necessary customization.

The first thing we are going to do is to modify the template header. With the help of  Horizontal Type Tool enter your company name instead of the default one and change a tag line. If the slice is not long enough and your site title goes out of its limits, don’t worry. You may easily resize the slice. For this choose the Slice Select Tool and highlight the logo (mouse left click + CTRL). By mouse left clicking stretch the slice borders.

After making all these changes we need to save the customized logo and then replace the existing one. While the slice is still selected, go to “File” -> “Save for Web and Devices”. Leave the settings as they are because everything has already been done by a coder. Press the Save button to save files to the Image directory replacing the file logo.gif.

The next step is to modify text titles. I must admit that all text titles in this website template are made as pictures. And if you even don’t want to modify them, you need to re-save them anyway.

Re-save them as described above.

Then you will need HTML editor. Open file index.html and start customizing text.

Don’t forget about footer. Change company name and year.

The Home page is ready. Save changes (CTRL+S) and verify the result.

Let’s customize the other pages. But before going further, you should define first what parts of the website design you need for your project.

Products

On the Products page the text title is made as a picture (the same as on the Home page) and that means you should re-save it in the folder “Images”, even if you leave the title as it is.  For this open a file 2_products.psd in Photoshop, perform all necessary changes using Horizontal Type Tool.

Then with the help of Slice Select Tool highlight the title slice and save it for web and devices. (File -> Save for Web and Devices).

With the help of HTML editor customize all other texts and footer of this website design. Write down a full description of the products your company provides. But just keep in mind that a gifted product is mightier than a gifted pen. What you say is more important than how you say it.

Here is what I got.

The same should be done with the other pages: Services, Download, Support and Contact us. All actions should be performed in the same way, so I guess there is no need to repeat what has already been said above.

On the Contact Us page write your postal address and customize the contact form. For contact from implementation you need to have some PHP programming skills and while I don’t have them I recommend to order it from TemplateTuning website. They said that it will cost you about $60 – for any type you choose.

Choosing a hosting provider

When choosing the hosting services you should be guided first of all by other people reviews, prices and quality. On this basis I recommend you webhostingbuzz.com.

If you experience any troubles with registering a domain name or hosting you can always contact TemplateTuning.com professionals.

Website Promotion

You may find a lot of website promotion services all over the Internet. But probably, one of the most reliable among them is website promotion services from Web Design Library. It offers:

- Search Engines Inclusion
- Website Analysis Report
- Keyword Research Report
- Link Building Campaign
- Link Analysis Report
- Search Engine Optimization Report
- Search Engine Rankings Report.

There are two packages:
-  Standard package: it would be great for new websites
-  Pro package: a complex approach to website promotion.

There is no monthly fee. And by ordering a pro package you will get a 30% discount. Moreover, if you purchase a website template from TemplateMonster.com or TemplatedBusiness, you will get 50% off on the SEO services provided by Webdesign.org. You don’t need to learn the secrets of search engines algorithms in order to increase your ranking, because everything will be performed by qualified SEO specialists.

* * *

You can visit sample website to see the final result or compare your code.

This entry was posted on Wednesday, May 13th, 2009 at 7:40 AM and is filed under Tutorials. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.