The Process - Website Design & Development - Services | Asylum Design & Development cc

The Process - Website Design & Development - Services | Asylum Design & Development cc

Share this:

The Process

Design & Development

The job involves good communication skills and understanding of a client’s needs, and utilizing both Graphic Design and Computer Programming to create a functional experience.

All websites consist of content (text, images, documents …) which needs to be served in an interactive and attractive manner without compromising functionality.

The Brief

Meeting with the client

  1. Every client is a designer, but they don't always have the know how to bring their ideas to life, which is why we need to find out what the client wants. Listen and understand what the client needs.
  2. The client’s idea of a design might not be ideal for the success of the website, hence it is our job to advise and explain which best practice is.

The Research

Be inspired, learn and improve.

  1. Research the client's business, we try our best to try and understand the clients industry and who their target market is.
  2. Assess the users of said target market and design according to their technical know how and needs.
  3. Look up websites with similar purpose and observe what the designers did, learn from it, be inspired and improve on it.

The Design

Designing a mockup of the website

  1. We bring our idea to life with tools such as Photoshop.
  2. When doing this we design and place every element with planning.
  3. Designing a website without planning allows time consuming fixes, hacks and patches to occur.
  4. These mockup designs cover the look and feel of the home page (the first impression of visitors) and other pages that require a unique template.
  5. All mockup designs are then saved as JPG pictures to be presented to the client.
  6. If the client is not satisfied or had something else in mind we will need to go back to the drawing board and start over. This may happen a few times before the final result can be achieved but should be avoided with proper briefing and understanding of the needed solution.

The Experience

Coding a functional template from your design

  1. Once the client approves the mockup designs we will make use of the three languages to build the “frontend” of the website.
  2. These languages are commonly known as HTML, CSS and JavaScript.
    1. HTML is responsible for structuring elements of a webpage.
    2. CSS is responsible for the styling of HTML elements
    3. JavaScript allows for the enhanced manipulation of the elements.
  3. Create an interactive experience with visually appealing, yet subtle, effects, transitions and other animations.
  4. Optimizing graphics as well as your coding to ensure a bandwidth friendly website that loads fast enough.
  5. Responsive design allows the website to work on Desktop, Laptop, Tablet and Mobile devices.

The Handover

From templates to a dynamic website

  1. Most website designers work hand in hand with website developers.
  2. These developers specialize in making the final product dynamic - linking your templates to a content management system (CMS) - which allows the client to update the content themselves.

Adding the Content

Adding the supplied content to the website

  1. Once the client provides the final content (text, pictures, documents,… etc.), the developer uses the CMS to add all the content to the relative pages.
  2. This is where the web designer’s decision in font sizes takes control of the uploaded content and styles it accordingly.


Final changes and going live

Once all the content of the website is inserted into the CMS, the client will revise the website one last time, submit final changes and additions to the content.

Once all changes have been done, and approved, the website will go live.


Search Engine Optimization

  1. At the end of each project the designer or the developer submits the site to Google, Google Analytics and Google Webmaster Tools.
  2. Submitting to Google notifies the algorithm that there is a new website which needs indexing.
  3. Submitting to Google Analytics allows the client to get extremely detailed reports on the visitors that come to the website.
  4. Submitting to Google Webmaster Tools allows you to manage a site in more detail.


Websites designed & developed
of coding and designing
lines of code
of HTML & PHP files

Our Clients & Partners