Web Design Procedure - Vistas Advertising and Marketing
Home / Web Design / Web Design Procedure



There's much we can accomplish as an experienced Web Design Company - from building a unique, high impact and creative web presence to cost effective, yet professional solutions for new businesses. Our capabilities span design, code and engaging content writing to achieve a perfect web presence. This is accomplished by taking charge of building complex functions, appealing communications and search marketing to generate leads.


The planning stage is arguably the most important, because what’s decided and mapped here sets the stage for the entire project. This is also the stage that requires interaction between us and the accompanying attention to detail.

Requirements analysis

This analytical exercise includes your goals, target audience, detailed feature requests and as much relevant information as we can possibly gather. Even if you have carefully planned the website, we will offer useful suggestions from our experience.

Project charter

The project charter sums up the information that has been gathered and agreed upon in the previous point. These documents are typically concise and not overly technical, and they serve as a reference throughout the project.

Site map

The site map guides end users who are lost in the structure or need to find a piece of information quickly. Rather than simply listing pages, including links and a hierarchy of page organization is our practice.

Contracts that define roles, copyright and financial points

This is a crucial element of the documentation and will include the scope of our work on the various elements that go into building the website, payment terms, project closure clauses, copyright ownership and timelines.

Access to servers and build folder structure

Typical information to obtain and validate includes FTP host, username and password; control panel log-in information; database configuration; and any languages or frameworks currently installed.


The design stage typically involves bringing to life the information outlined in the planning stage into reality. The main deliverables are a documented site structure and, more importantly, a visual representation. Upon completion of the design phase, the website concept has more or less taken shape, without the functions as a visual

Review and approval cycle

A cycle of reviewing, tweaking and approving the mock-ups often takes place until you are satisfied with the design. This is the easiest time to make changes, not after the design has been coded.

lice and code valid XHTML/CSS

Commence coding. Slice the final Photoshop mock-up, and write the HTML and CSS code for the basic design. Interactive elements and jQuery come later.


The purpose of the launch phase is to prepare the website for public viewing. This requires final polishing of design elements, deep testing of interactivity and features and, most of all, a consideration of the user experience. An important early step in this phase is to move the website, if need be, to its permanent Web server. Testing in the production environment is important because different servers can have different features and unexpected behavior.


We run the website through the final diagnostics using the available tools: code validators, broken-link checkers, website health checks, spell-checker and the like.

Final cross-browser

At this stage we check the website in multiple browsers one last time.


Development involves the programming work, as well as populating content. We keep the code organized and commented, and refer constantly to the planning details as the full website takes shape.

Develop and test special features and interactivity.

Here's where the fancy elements come into play. We like to take care of this before adding the static content because the website now provides a relatively clean and uncluttered workspace.

Test and verify links and functionality.

The website undergoes a complete review. Using our file manager as a guide, we walk through every single page - everything from the home page to the submission confirmation page—and we make sure everything is in working order


We organize source files, provide training and guidance, explain future maintenance options and search marketing benefits at this final stage.

Contact us for all your communication requirements or any combination of professional websites, writing, brochures and search marketing services, and we will come up with a solution that will add value to you and your business. Click here to request a consultation or call our office at +918041288546 or write us at info [at] vistasad [dot] com with details of your requirement and we will get back to you within 24 hours.