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.
Meeting with the client
- Every client is a designer, but he/she does not have the knowhow to bring their ideas to life, which is why you need to find out what the client wants. Listen and understand what they need.
- 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.
Be inspired, learn and improve.
- Research their business, try and understand their industry and who their target market is.
- Assess these users and design according to their technical know how and needs.
- Look up websites with similar purpose and observe what the designers did, learn from it, be inspired and improve on it.
Designing a mockup of the website
- Bring your idea to life with tools such as Photoshop.
- When doing this you need to design and place every element with planning.
- If you design a website without planning, you might run into time consuming fixes, hacks and patches.
- These mockup designs should cover the look and feel of the home page (the first impression) and other pages that require a unique template.
- All mockup designs are then saved as JPG pictures which need to be presented to the client.
- If the client is not satisfied or had something else in mind then you will need to be willing to go back to the drawing board and start over. This may happen a few times before the final result can be achieved.
Coding a functional template from your design
- Once the client approves the mockup designs you will make use of the three languages to build the “frontend” of the website.
- HTML is responsible for structuring elements of a webpage.
- CSS is responsible for the styling of HTML elements
- Create an interactive experience with visually appealing, yet subtle, effects, transitions and other animations.
- Optimizing graphics as well as your coding to ensure a bandwidth friendly website that loads fast enough.
- Responsive design allows the website to work on Desktop, Laptop, Tablet and Mobile devices.
From templates to a dynamic website
- Most website designers work hand in hand with website developers.
- 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
- 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.
- 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
- At the end of each project the designer or the developer submits the site to Google, Google Analytics and Google Webmaster Tools.
- Submitting to Google notifies the algorithm that there is a new website which needs indexing.
- Submitting to Google Analytics allows the client to get extremely detailed reports on the visitors that come to the website.
- Submitting to Google Webmaster Tools allows you to manage a site in more detail.