Using Mockups to Display Designs


Using mockups is a great way to display digital or print work. If you’re not familiar with the term, mockups provide an digital prototype of your project. For example, on my portfolio page I have screenshots of websites I’ve designed displayed inside a picture of a laptop screen.

There are a lot of free mockups available online. If I want to display my new website on a MacBook I’ll search for “macbook mockups free”. Google will display several good results. The site I’ve had the most luck with is the link from Scroll through the results and download the mockup file that suits your needs.

The best thing about mockups is that they are super simple to use. Download the Photoshop file, double click to edit the screen layer, paste in your screenshot, and you instantly have a professional-looking display of your work.


Mockups aren’t limited to digital products. Some of the coolest mockup displays are able to put your design on a picture of a physical object (such as a can). Mockups for available for pretty much any form of print or digital medium you can imagine.

If you don’t have access to Photoshop (or just feel lazy) there is a great paid service called Placeit that only requires you to upload a screenshot of your work. Your work is then instantly displayed on a wide variety of mockups for you to purchase.

Hopefully I was able to give you some good ideas on how to display your design work on your own portfolio site! Know of another great mockup resource? Let me know in the comments below!

Leave a Reply