Recent Comments

    Recent Posts




    This page should serve as a quick way to explain how our workflow and process is evolving.

    The Web design process is not unlike other communication methods. If you are familiar with developing a creative brief, a public relations plan, a communication plan or a new product, the phases will look very familiar. The stages of the Web design process include the following steps.


    Project Definition

    Organizations have a necessity to communicate to stakeholders their positions on issues and make audiences conscious of their services and products. Many instances the communication want, equivalent to a Website, is triggered by a change of strategic course or a brand new offering. Figuring out the explanations for the site’s existence and what it's supposed to attain is step one within the process. The objectives and aims which can be established at the outset of the project inform all future selections, from website construction and naming conventions used in the navigation to the visual design of the site.Step one within the definition process is interviewing the group’s stakeholders to determine the strategic targets of the location, perceive key viewers needs and establish key opponents. The aim of the definition step is to outline three measurable key outcomes which might be immediately associated with the strategic goals of the organization. The problem with this transfer is limiting the variety of targets. Most organizations may have further objectives than they know what to do with, and every division believes their particular person unit’s goals are a very powerful. Having the ability to deliver focus to organizational targets will make growing the positioning simpler and make the ultimate product more environment-friendly. As soon as all the knowledge and assessments gathered from the stakeholder interviews are accomplished, they need to be collected in an effectively-formatted undertaking transient. (The project for Lesson Four will include a challenge transient define you may discuss with.) The transient consists of the next parts.
    • Project Summary : Outlines the final overview of the mission, organizational background, the atmosphere the organization exists in, the individuals the group serves and the distinctive worth it offers to its viewers.
    • Goals : What are two or three particular, measurable targets that the site ought to obtain? Clear objectives enable the Web crew the flexibility to concentrate on what is going to present the most effect substantially and transfer the organization ahead.
    • Target audiences : Who will assist the organization obtains its said targets? Most organizations converse to some teams (corresponding to customers, stakeholders, inside audience, suppliers, companions, and government establishments). Audience profiles embody demographics, psychographics, model perceptions, the audience wants, on-line targets and duties routinely carried out.
    • Messages : What are the key messages that entice and inspire key audiences to interact with the organization? What are the key brand messages that assist differentiate the organization from its friends?
    • Competitors : Who're rival organizations that present comparable choices to your viewers? Embody a summary of dynamic organizations’ Websites, contemplating visible branding, messaging, navigation, calls to motion and key differentiators.

    Project Scope

    Defining the scope of the project is an important step. Probably the most frequent frustrations with Web projects is scope creep. By making an effectively-outlined mission scope plan that outlines particular actions and deliverables, together with specific timelines, it is possible for you to set expectations on your purchasers apparently. One of the important standard methods of monitoring Net initiatives is thru the usage of a Gantt chart. A Gantt chart not only outlines central actions but additionally the duties related to every exercise, start, and finish dates. The Gantt chart offers an apparent reference to the group, exhibiting the timeframe of every step and the dependencies between steps. The Gantt chart will create an accountability between the Web crew and the shopper. (which may very well be a free client or just your boss), letting the customer and the staff know that the supply schedule relies on everybody hitting their marks; if somebody needs a date by a day, the program changes by a day.

    Wireframes and Site Architecture

    Site architecture requires the sitemap and wireframes of pages. Building the sitemap guarantees that you’ve examined all the key pages on the site, revealing their relationship to each other and describing how the sites overall exploration should be arranged. Wireframes present a detailed aspect of the content that will appear on each page. Though they do not display any real design elements, the wireframes give an example for determining content hierarchy on the page.

    Visual Design

    As soon as the blueprint for the site has been defined throughout the making of the sitemap and wireframes, the following step is to build a visual style. The overall visual style will most likely be determined by the visual brand of the organization; the purpose being to connect the Web with all different configurations of the organization’s communications. The team’s name plays a significant role in this part of the process, as designers will want to convey key brand perceptual ideas visually within the design.

    Site Development

    After the designs are established, it’s time to beige out the design of the pages, create new content and polish old content, slideshows, podcasts, create videos, and all of the other media that will perform on the site as well as start to build out the CSS and HTML of the site.

    Site Testing

    Before the launch of the website, it needs to be installed on a production server where Merely internal spectators and anyone who you distribute the link with can inspect it. Examination of the site is crucial as there will unavoidably be issues that need to be inscribed before the site goes live. There is nothing that decays a brand more than a site that doesn’t function correctly or that has misspellings or damaged design elements. At this step, the site has to be evaluated on various browsers (Internet Explorer, Firefox, Safari,)  and different devices (tablets, mobile and Laptops, ) to see if and where failures happen.


    It's The Promising day. You’ve examined the site, had it evaluated and accepted by the project stakeholders, and you’re willing to launch. But as soon as the website is launched, the project isn’t finished. You should be able to approach feedback from users and visitors were adapting to the new site. Anticipate making some quick changes to the site, such as editing copy and making improvements, and fixing broken links. The Web is a shifting medium that varies on a daily, if not the hourly base. Development is inevitable.

    Site Maintenance

    Websites are living beings, breathing existences and require continuous supervision and maintenance. Making changes to the backend, Updating content, and repairing broken links are all in a day’s task. All of these aspects are critical to the Web design process. But the string that runs through the process is the procedure: the urge to achieve a goal, to move the business onward, to thrive in a competitive environment.