The wireframe as the first rough concept is already known to some in the development phase of their web project. In addition, there is the possibility of further refining this initial overview with additional details, in the form of the so-called mockup.

This time, this article explains not only what the mockup is, but also how it works and the advantages and disadvantages of using it.

What is a mockup?

Just like wireframe, a mockup is used to set up a website and is mainly used for presentation purposes. In addition to the rough concept of the wireframe, it helps, as a kind of basic structure of the operating elements, to map the visualization of a website as a rough sketch quickly and easily and to give an initial structure for design and functionality. Here too, as with wireframes, no programming skills, e.g. writing the end of the source, are required. Instead, mockups can either be mapped in the classic way on paper or with the help of special mockup programs for the PC.

The design of a website is initially neglected when creating a mockup. Instead, it is a matter of arranging elements in such a way that a logical and clear user flow results, which can significantly contribute to the success of the later website by planning interaction options and functions of the website. Thanks to a mockup, you can quickly get a feel for whether ideas are useful and even feasible.

Advantages and disadvantages

Using a mockup has various advantages and disadvantages:


  • Programming skills are not required
  • Possibility of creating a basic concept
  • Creation of a model that can be expanded or optimized as required
  • Paper mockups don’t need technology
  • cheap or free


  • not all elements of a website can be displayed, e.g. loading or scrolling times
  • Interactive behavior can only be represented to a limited extent


A mockup helps to plan a more precise conception of a website in advance and to assign the content to the individual areas beyond the wireframe. The advantage here is that neither programming knowledge is required for a mockup, nor is it necessary to have various types of technologies, since mockups can also be easily mapped with pen and paper. In addition, they are even free of charge with the latter variant, but accordingly cannot accurately map all elements, such as the interactive behavior or loading times.

Own website through Projektify

Now that you have an overview of the possibilities of a mockup for your own website, you want to get started as soon as possible. Or maybe you want to save yourself this step and prefer to take over an already finished website? You are at the right place at Projektify with this concern! As a free platform, our association offers you support in buying and selling web projects. Please have a look at ours for more details Show !

But even if you want to sell an existing web project, we can support you. With us you can create a sales offer for free. To do this, just click here .

We are also happy to advise you with our regular blog articles on various topics relating to online business and the management of web projects. We focus particularly on the topics Part-time self-employment , insolvency and Corporate succession . So feel free to read through our other articles.


Did you like this post? Then support Projektify eV and its members with a voluntary donation or simply by clicking on one of the banners of our advertising partners. Many Thanks!

[werbung] [fotolia]

We are the international Version of a Marketplace for buying and selling webprojects. We give here recommendations for online-businesses and offer a tool for M&A Companies.

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.