Our web design process

5 key stages for developing your wonderful website

web-design-process

When you need a web design or an update to your current website, our web design process works the same way.

website design proposal

Proposal

1: website design scope + costs + contracts

After you contact us about your web design project, We’ll be in touch to get an overview of your needs. We’ll go over the scope and timeline. Then we’ll send you our proposal and contract. Once they’re approved, a standard 50% deposit is required to begin a project. The remainder is due when the work is completed. If another payment plan is more suitable, we can discuss options.

website design process plan and roadmap

Plan + Roadmap

2: website design goals + strategy + sitemap + content + managing scope creep

Our clearly defined website design process involves outlining the steps that need to be taken to complete design and functionality. Following our well-defined and documented web design process cuts down on the time to complete the project, improves the efficiency and ensures that none of the crucial steps are missed. This is the most important step in the process. In this phase, we’ll create key steps to build a better picture. Steps include:

    1. What objective does your website need to accomplish and what problem does it solve?
    2. Who are the target users of your website?
    3. What’s the intended benefit users would get out of using your website?
    4. What’s your website’s primary aim – informing, selling, getting users to sign up for a service, or something else?

    The answers to these questions should be included within the creative brief you prepare for us. This gives us a much-needed sense of direction to your design project, without which things would most likely go awry.

  • Scope creep is a very common occurrence in web development.
    If the project’s scope keeps expanding and widening during the design and development phase it will extend the estimated timelines and eventually requiring budget extensions. Setting up realistic timelines and strategic planning is critical to the project’s long-term success and avoid unnecessary scope creep.
    Here are main things to address within the planning phase:
    Programming language and content management systems
    If the website is intended to be a source of information for its users, content management systems like WordPress would likely meet your requirements. On the other hand, if you are looking to build an e-commerce website, unique web frameworks would suit your needs better.
    WordPress. The main benefits of this system is the framework does not require to be built from scratch: we can adapt, add custom coding and use a theme structure with functions that are tried and tested. WordPress is an economical option to build a wonderful website.
    Unique web framework. The benefits of having your unique framework is that it will perform and function exactly to your specific custom requirements. The key considerations here is time and cost as the website framework will have to be developed, built and tested from scratch.

  • The sitemap provides an insight into the website’s information architecture. Building a sitemap prior to beginning with the actual design phase helps you plan more effective website navigation.

    • Wireframing is the foundation of a well-designed website. It provides a framework for the website’s visual design and content elements and acts as a guide to the final look of the website. The sitemap and wireframes are like the blueprint of your website that form the building blocks of the final website.
    • The wireframe and the sitemap also act as a guide to the content distribution and placement within the website. The design can be focused on the most important webpages and the content silos designed for efficiency to help attain the website objectives. There are multiple prototyping tools you can pick to design your website’s wireframe.
  • Content is the raison d’etre for a website. The value it provides is the reason users decide to visit the website, so the importance of a well-planned content strategy cannot be stressed enough.

    • Content development has to take place with an SEO strategy in place to ensure the website content reaches its target audience.
    • A well-planned content strategy boosts a site’s visibility in the search engine rankings. Optimization, using tools such as Google Analytics, is a must for content creation.
website design process and development

Visual design + coding development

3: website design visuals signoff + coding + functionality

The design elements within the new website should be largely influenced by the existing brand elements. The colour scheme, logo design and other interactive design elements to be incorporated in your website depend on what your brand stands for. It is essential that the website design appears consistent with the existing branding.
Visual design sign-off is followed by the coding process. The platform, database and framework that you finalise within the planning stage all play a role in translation of the visual designs into actual functioning web pages.
The look (front-end), structure and functionality (back-end) need to be focused during the development phase, with due diligence given to the incorporation of the website content into the design. The coding involves compiling CSS/HTML/PHP (look/structure/functionality) and deploying it to run across the server.

website design process testing

Draft + Test

4: website design draft + testing + testing + testing

Our testing process takes place concurrently with development. Our end-to-end website testing consists of a number of different tests, including:

  • Functionality testing ensures that all the features within the website are validated against those mentioned within the functional specifications document
  • Usability testing focuses on the ease of use while browsing in terms of accessibility, searchability and usefulness.
  • Compatibility testing ensures that the website functions uniformly across a range of devices and operating systems, including mobile devices and tablets.

It is critical that your website undergoes a rigorous testing regimen and that any issues or bugs you discover are resolved prior to its launch.

website design updates and maintenance

Launch + Maintain

5: website design go live + future updates

When you’ve approved the final designs, we’ll transfer your new website from a local server to the live server and get it live online.
It can be still be constantly updated with new features and content on the basis of user feedback and current trends. We can also maintain its continued progress and fix broken links, if any, to ensure stellar user experience.

When you’re ready to start your website, we’ll be happy to talk it over with you.

Help establish brand continuity across your brand rollout

Your website is showing the world how wonderful you are online. Let’s now design your branding material in harmony with your website and project your voice to all points of visual communication.

Book a live chat with Wee Creative via Zoom or Skype

Arrange to have a chat with Frank or Paul to start your project

Book a Zoom or Skype Chat Start A Project