Web Design Process

Whether we do a small website or a complex Internet system we employ the same approach. We start by getting to know the clients and their needs and end with launching a solution that satisfies these needs. We do it by following a structured process. Please, find an outline here with details about every major step. Should you have questions, please let us know.

1. Propose and plan
2. Gather requirements
3. Build structure and interaction flow
4. Prototype
5. Develop and test
6. Launch and maintain

1. Propose and plan

• Purpose
  Outline the scope of the solution, estimate work duration and effort, and provide the client with a satisfactory idea about the solution and how it will be built.




• Means
  Discuss with client; gather requirements; create preliminary feature sets; sketch graphical concepts; plan.




• Deliverable
  Proposal followed by a contract. Development plan and schedule.

2. Gather requirements

• Purpose
  Get to know in detail the requirements for the solution. At this step we learn about:
  -the client's business and needs;
  - the users and their goals and tasks;
  - the competitors and partners in the same industry.




• Means
  Talk to clients and/or their employees; interview current and prospective users; assess and analyze existing solutions.




• Deliverable
  Project concept: a detailed description of the scope, goals, users, content, navigation, look-and-feel, usage, and technical environment.

3. Build structure and interaction flow

• Purpose
  Create the framework with which the final solution will be delivered.




• Means
  Follow a set of steps:
  - List the tasks that users will accomplish using the solution and order them in sequences to build scenarios.
  - Based on the scenarios, build a mental model of how users organize the related information and actions (here we may work with users).
  - Create a content model and match it to the mental model.
  - Build the information architecture of the solution.




• Deliverable
  Interaction flow diagram and scenarios and Information Architecture (also called Site Map).

4. Prototype

• Purpose
  Evaluate the solution before moving into development.




• Means
  Prepare a preliminary solution and pass it by users and customers. Conduct a walkthrough of the prototype with the customer and test it for usability with representative users. Prepare a picture (graphical design) of the solution.




• Deliverable
  Storyboards (also called wireframes) and graphical concept.

5. Develop and test

• Purpose
  Build the solution.




• Means
  Use a programming language that best matches the goals of the solution. Test to verify that each requirement is satisfied as specified. Employ good coding and testing practices. Automate testing as needed. Test with users for usability and acceptance.




• Deliverable
  Fully functional bugs-free solution.

6. Launch and maintain

• Purpose
  Deliver the solution and maintain it after that as needed.




• Means
  Deploy the solution in the specified work environment. Perform final tests in live conditions. Make the necessary registration in search engines. Fix problems if any appear.




• Deliverable
  Live working solution.

We follow the process as outlined above but we are flexible and may add, remove, or repeat steps as necessary. Each step in the process may require the repetition of a previous step if omissions are found or the results are not satisfactory.

 

Back to top