Designing websites
Creating a mock-up
Before we start coding
In this topic, we will learn about what web developers create first before coding their website – they typically create a mock-up or draft design.
The Mock-up will help you to show you and your friends what the end product of Website 2021 will look like. This will help so you can get feedback on it before doing the actual HTML & CSS coding.
To find out more about designing your mock-up
Mock-ups
What are they?
In 2021 – web developers in the workplace started by creating a mock-up (or wireframe) before they start developing a website. Please note that in most cases web developers worked as a team.
A mockup is a visual design of the website that will be used for presentation showing the features but it is not functional or coded yet. It’s just a diagram or image of what your web page will look like.
Mockups can be written on paper and also can be created on a computer using a variety of different software such as Canva or Powerpoint.
Click here to see various examples of mockups in the real world: