Wireframes, Mockups and Prototypes: What’s the difference?

25.02.21 | Technology Talk

Recently we have started actively improving and expanding our websites. This process is quite broad and many aspect are involved. At the very beginning, after the brainstorm sessions, you start with the wireframes and mockups, but what are wireframe, mockups and prototypes exactly?

A wireframe is the skeleton of any new website or application, it gives a simple structural view of the lay out and main components. Wireframes do not have color and are always made in black and white or grayscale.

A mockup on the other hand is completely in color, has text and a lot of detail. Although not a prototype a mockup gives you a clear view on how the finished product is going to look like.

A prototype is a demo of the website or application that is in development. A prototype has no code and is often made in applications like Adobe XD. With a prototype the new website can be demonstrated to the client and the client can click around in the prototype and can point out faults or changes he or she wants.

Care to learn more or searching for a webdeveloper for your company? Contact us! Send an email to info@ocre.nl or call +31 (0)70 2400170.

But you could also read more stories and insights regarding OCRE Group by following our LinkedIn Pages:

Offshore
Medical
ICT
Geoscience

And make sure to follow us on Instagram at @ocrecompanies

Latest news

What is Cloud Computing?

You may have heard of the cloud; you may be using it on a regular basis. When you use it, we speak of ‘cloud computing’. Cloud computing has multiple services, in this article we will highlight the three more popular services: Platform as a service (PaaS)With PaaS the...

What is Cyber Security?

In present time almost all computers are connected to the internet, because of this everyone could be a victim of phishing or identity fraud. Have you ever encountered or thought about these threats? Do you know what Cyber Security is? As a result of these threats,...

Wireframes, Mockups and Prototypes: What’s the difference?

Recently we have started actively improving and expanding our websites. This process is quite broad and many aspect are involved. At the very beginning, after the brainstorm sessions, you start with the wireframes and mockups, but what are wireframe, mockups and...

What is IoT?

OCRE connects. By combining knowledge, skills and capacity we make sure we find the right professional for a fitting company, for the right project and for the appropriate period. We are a company that goes beyond what meets the eye. Of course, our core occupation is...