'Inbound & Down'
Question of the Day

Published January 07, 2020

What is a mockup?


  1. A visual representation of an upcoming website, app or product designed to give the client an overview of the planned display before it is coded out.
  2. A bare-bones skeleton of a website, app or product, outlining the functionality and navigation of the project.
  3. A finished prototype of a website, app or product which, upon approval by the client, can be taken to market.

The Answer is A.

A mockup is a visual representation of a website, app or product, designed to give the client an overview of the planned display before it is coded out. 

This "rough draft" may include characteristics such as colors, layout, and typography for the purpose of providing an outline of the overall structure and feel of the project.

When designing, the components will typically go through several iterations. Rarely will a team move forward with creating a final product without client input.

Having “check-ins” throughout the design process can be useful in providing the client with a clear understanding of the intended direction; any feedback can then be taken into account as the initial mockup is fine-tuned en route to a finished product.

Earlier steps in the design process—such as the construction of wireframes—give the client a bare-bones skeleton of the structure of the project, whereas a mockup provides more of a visual representation of the look and feel.

While the client may not be able to interact with the features, he/she will still come away with a clear understanding of the intended visual elements, including color scheme, images, fonts, navigation, and much more.

Any modifications that may need to be made will be far easier to adjust in the mock-up than in the later coding stages of the project. Once the mockup is approved by the client, the design team can then move on to the next step of the design process.

Related Articles

What is a wireframe?

Inbound and Down

Inbound Podcast

Join Jon Sasala as he breaks down digital marketing basics like this on the 'Inbound & Down' podcast, produced by Morey Creative Studios.

Apple GooglePlay iHeartRadio Spotify Stitcher TuneIn

Subscribe to the 'Inbound & Down' Question of the Day

Sign up to receive a new inbound multiple choice question delivered to your inbox every morning.

Explore more inbound learning on the 'Inbound & Down' Podcast.

Request an exploratory review today to find out how to take your business to the next level.

Contact Us