{"id":752,"date":"2022-11-09T22:28:00","date_gmt":"2022-11-09T21:28:00","guid":{"rendered":"\/?p=752"},"modified":"2023-03-15T15:15:39","modified_gmt":"2023-03-15T14:15:39","slug":"what-are-mockups","status":"publish","type":"post","link":"https:\/\/retna.io\/blog\/what-are-mockups\/","title":{"rendered":"What are Mockups? A Comprehensive Guide for Creators"},"content":{"rendered":"\n<p>Chances are you\u2019ve heard someone use the word \u201cmockups\u201d when discussing a design or presentation. If you\u2019ve found understanding what mockups are a bit unclear, this piece will untangle your doubts and you\u2019ll be able to understand the ins and outs of mockups. A basic understanding of mockups is crucial for both designers and non-designers as they\u2019ve proven to be a very helpful resource . We\u2019ll get into that later on but first, let\u2019s break down what a mockup is.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_69_1 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #095dff;color:#095dff\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #095dff;color:#095dff\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/retna.io\/blog\/what-are-mockups\/#What_are_Mockups\" title=\"What are Mockups?\">What are Mockups?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/retna.io\/blog\/what-are-mockups\/#What_are_Mockups_used_for\" title=\"What are Mockups used for?\">What are Mockups used for?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/retna.io\/blog\/what-are-mockups\/#Types_of_Mockups\" title=\"Types of Mockups\">Types of Mockups<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/retna.io\/blog\/what-are-mockups\/#Print_mockups\" title=\"Print mockups\">Print mockups<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/retna.io\/blog\/what-are-mockups\/#Social_media_mockups\" title=\"Social media mockups\">Social media mockups<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/retna.io\/blog\/what-are-mockups\/#Branding_mockups\" title=\"Branding mockups\">Branding mockups<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/retna.io\/blog\/what-are-mockups\/#Packaging_mockups\" title=\"Packaging mockups\">Packaging mockups<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/retna.io\/blog\/what-are-mockups\/#UIUX_Mockups\" title=\"UI\/UX Mockups\">UI\/UX Mockups<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/retna.io\/blog\/what-are-mockups\/#What_are_mockups_in_graphic_design\" title=\"What are mockups in graphic design?\">What are mockups in graphic design?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/retna.io\/blog\/what-are-mockups\/#What_are_mockups_in_web_design\" title=\"What are mockups in web design?\">What are mockups in web design?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/retna.io\/blog\/what-are-mockups\/#What_is_the_difference_between_wireframes_mockups_and_prototypes\" title=\"What is the difference between wireframes, mockups, and prototypes?\">What is the difference between wireframes, mockups, and prototypes?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/retna.io\/blog\/what-are-mockups\/#How_to_create_mockups\" title=\"How to create mockups\">How to create mockups<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/retna.io\/blog\/what-are-mockups\/#How_to_use_mockups_for_your_portfolio\" title=\"How to use mockups for your portfolio\">How to use mockups for your portfolio<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/retna.io\/blog\/what-are-mockups\/#Where_can_I_get_ready-to-use_mockups\" title=\"Where can I get ready-to-use mockups?\">Where can I get ready-to-use mockups?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/retna.io\/blog\/what-are-mockups\/#Our_Final_Thoughts\" title=\"Our Final Thoughts\">Our Final Thoughts<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_are_Mockups\"><\/span>What are Mockups?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Mockups are realistic models of objects or products that depict what the actual objects or products will look like. Mockups could be the representation of an advertisement, website, software application, or any other designable object. Typically, a mockup is designed to convey the general idea of the actual product and is not a working model. When the mockup is functional, it is usually referred to as a prototype.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_are_Mockups_used_for\"><\/span>What are Mockups used for?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Mockups are used as design tools virtually everywhere a new product is designed. The very first problem a mockup solves is to provide clarity. When you see a mockup, you get to see what an idea will look like when produced and this clarity helps solve the cost associated with feedback if the product or idea was to go straight into production. Beyond cost-saving purposes, mockups are great for:<\/p>\n\n\n\n<ul>\n<li>Making presentations<\/li>\n\n\n\n<li>Personalising pitch decks<\/li>\n\n\n\n<li>Testing customer reaction<\/li>\n\n\n\n<li>Educating (practical and visual aids)<\/li>\n\n\n\n<li>Relatability (when used in contextual environments like <a href=\"https:\/\/nigerianmockups.com\" target=\"_blank\" rel=\"noreferrer noopener\">Nigerian Mockups<\/a>)<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Types_of_Mockups\"><\/span>Types of Mockups<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>There are different types of mockups and this categorization is based on the end product the mockup is intended to model. We\u2019ll briefly go over some mockup types in this section. You\u2019ll notice most mockups have broad categorizations where specific mockup types fall under. We\u2019ll be going straight into this specific categories to make our classification of mockups as distinct and clear as can be. We get that this list can be expanded but we\u2019ll point out the categories we know you\u2019ll be working with the most as an African creator.&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Print_mockups\"><\/span>Print mockups<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"731\" src=\"\/wp-content\/uploads\/2022\/11\/Print-mockups-image-1024x731.jpg\" alt=\"\" class=\"wp-image-755\" srcset=\"https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Print-mockups-image-1024x731.jpg 1024w, https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Print-mockups-image-300x214.jpg 300w, https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Print-mockups-image-768x549.jpg 768w, https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Print-mockups-image-1536x1097.jpg 1536w, https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Print-mockups-image-2048x1463.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This is arguably one of the most obvious types of mockups. Everyday, a new startup is thinking of printing company merch or a consumer goods company is making plans to advertise on billboards in major cities. The typical next line of action is to get a freelancer or an agency to come up with a design before getting the printer involved.&nbsp;<\/p>\n\n\n\n<p>Mockups are the most optimal way to present designs in this situation so you can get the most objective feedback. First off, you get to verify the technical details regarding legibility and other text choices. You also get to compare different variants of the mockup and see which works best. In general, examples of print mockups include billboard, lamp posts, apparel, banner, and book mockups to name a few.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Social_media_mockups\"><\/span>Social media mockups<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"768\" src=\"\/wp-content\/uploads\/2022\/11\/Social-media-mockups-1024x768.jpg\" alt=\"\" class=\"wp-image-761\" srcset=\"https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Social-media-mockups-1024x768.jpg 1024w, https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Social-media-mockups-300x225.jpg 300w, https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Social-media-mockups-768x576.jpg 768w, https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Social-media-mockups-1536x1152.jpg 1536w, https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Social-media-mockups-2048x1536.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Social media isn\u2019t just a place to look at the latest Justin Bieber Video. Justin is cool but brands have been able to harness the immense traffic that comes from social media and translate that into profit. This means there is a lot more at stake with what you post on social media, and visuals matter more than ever. A recent study by Hubspot found that about 16% of an average website\u2019s traffic comes from social media, and the first step to getting people to care about social media is how it looks.&nbsp;<\/p>\n\n\n\n<p>Being able to visualise content before going live is a key advantage that allows you to make informed decisions on content presentation and arrangement. Social media mockups also let you repurpose your content for blog posts.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Branding_mockups\"><\/span>Branding mockups<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"768\" src=\"\/wp-content\/uploads\/2022\/11\/Branding-mockups-1024x768.jpg\" alt=\"\" class=\"wp-image-764\" srcset=\"https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Branding-mockups-1024x768.jpg 1024w, https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Branding-mockups-300x225.jpg 300w, https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Branding-mockups-768x576.jpg 768w, https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Branding-mockups-1536x1152.jpg 1536w, https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Branding-mockups-2048x1536.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>If you\u2019re a brand designer, you\u2019ve worked with branding mockups before. Branding mockups are made with unique brand assets such as logos, patterns, illustrations, and other elements created for and owned by individual brands. Brand mockups help businesses visualise their brand identity in use across various assets. Some of these assets include letterhead papers, business cards, apparel, and more.&nbsp;<\/p>\n\n\n\n<p>A well-done brand mockup can also be used for presentations and online promotions before the actual branded materials go into production. An example would be a small brand working with the pre-order business model. Mockups can be used for promotions to rake in orders to fund production. This ensures optimal use of resources. Many print-on-demand brands use this model to maximise profit.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Packaging_mockups\"><\/span>Packaging mockups<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"768\" src=\"\/wp-content\/uploads\/2022\/11\/Packaging-mockups-1024x768.jpeg\" alt=\"\" class=\"wp-image-759\" srcset=\"https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Packaging-mockups-1024x768.jpeg 1024w, https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Packaging-mockups-300x225.jpeg 300w, https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Packaging-mockups-768x576.jpeg 768w, https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Packaging-mockups.jpeg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>It&#8217;s common for physical products to come in packs. Product packaging mockups help to gauge consumer response to certain products and they also help with A\/B testing.&nbsp; A strong package design will help the consumer attribute a certain level of quality to your product before even purchasing it. When a great product comes with an amazing packaging design, the odds of a positive consumer interaction increase. Packaging mockups help to predict this positive interaction to an extent.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"UIUX_Mockups\"><\/span>UI\/UX Mockups<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"768\" src=\"\/wp-content\/uploads\/2022\/11\/Website-Mockup-1024x768.jpg\" alt=\"\" class=\"wp-image-757\" srcset=\"https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Website-Mockup-1024x768.jpg 1024w, https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Website-Mockup-300x225.jpg 300w, https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Website-Mockup-768x576.jpg 768w, https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Website-Mockup-1536x1152.jpg 1536w, https:\/\/retna.io\/blog\/wp-content\/uploads\/2022\/11\/Website-Mockup.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>User Interface and User Experience design is primarily the mockup of a website or webapp. It lets the client see exactly what the end product will be and it helps to analyse user experience flow. UX design usually comes first in the product development process, followed by UI. The UX designer maps out the bare bones of the user journey; the UI designer then fills it in with visual and interactive elements. User interface design considers all the visual, and interactive elements of a product interface\u2014including buttons, icons, spacing, typography, color schemes, and responsive design.&nbsp;<\/p>\n\n\n\n<p>If you notice, the types of mockups we\u2019ve explored so far can be collapsed to be under two umbrellas. Graphic design mockups and web design mockups. We\u2019ll go through the distinction between the two next.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_are_mockups_in_graphic_design\"><\/span>What are mockups in graphic design?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>By now you\u2019ve seen us define mockups over and over again so we\u2019ll just touch on what makes mockups in graphic design different from web design. Graphic design mockups tend to be mockups that are for print, apparel, and physical products. The main point of these types of design is to serve as visual aids or promotional materials and don\u2019t usually place so much emphasis on functionality. Popular tools used for mockups in graphic design include <a href=\"https:\/\/www.adobe.com\/products\/photoshop\/free-trial-download.html\" target=\"_blank\" rel=\"noreferrer noopener\">Adobe Photoshop<\/a> and <a href=\"https:\/\/www.adobe.com\/products\/illustrator\/free-trial-download.html\" target=\"_blank\" rel=\"noreferrer noopener\">Adobe Illustrator<\/a>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_are_mockups_in_web_design\"><\/span>What are mockups in web design?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Mockups in web designs are mid to high-level fidelity representations of what the live website or app would look like. Website mockups combine the structure and logic of a wireframe but with the images, graphics, and UI elements that the final product will have. Our previous explanation on UI\/UX gives a pretty good explanation of what we try to achieve with web design mockups so let\u2019s move on.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_is_the_difference_between_wireframes_mockups_and_prototypes\"><\/span>What is the difference between wireframes, mockups, and prototypes?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Typically in a design process, the wireframe comes first before the mockup stage, and then a prototype is done. The wireframe usually involves creating a structure for your design and defining the design flow. The mockup involves adding flesh to this structure and coming up with a design that is a replica of what the product will look like. A prototype is basically a demo of the actual product. At the prototype stage, the product is fully functional whereas this wasn\u2019t the case at the mockup stage.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_to_create_mockups\"><\/span>How to create mockups<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>If you\u2019re a non-designer looking to use mockups for presentations, you need not worry so much about the intricate details of creating a mockup from scratch. We\u2019ve covered how you can download your mockups from Nigerian Mockups and create your own mockup in a few steps <a href=\"https:\/\/blog.retna.io\/mockups-creation-guide\/\">here<\/a>.&nbsp;<\/p>\n\n\n\n<p>For designers, here are the basic steps to creating your own mockups:<\/p>\n\n\n\n<ul>\n<li>Take Photos<\/li>\n<\/ul>\n\n\n\n<p>This is the first step in any mockup creation process. Take photos of the product you\u2019d like to convert to mockup templates from as many angles as possible and edit the photos to look as good as can be. A cheaper alternative is the use of stock photos. If you don\u2019t want to take photos, a workaround could be creating 3D renderings of the product you\u2019d like to create a mockup for.<\/p>\n\n\n\n<ul>\n<li>Photoshop Smart Object<\/li>\n<\/ul>\n\n\n\n<p>The next step is to move your photos to a software editing tool, preferably Adobe Photoshop, and then turn your design into a smart object. A smart object is essentially a container that stores an image in a linked file or design. If you replace the image in the smart object, it updates in the linked file or design.&nbsp; In simpler terms, It\u2019s like having a big picture and selecting a part of the picture you want to be changeable \u2018design wise\u2019 but then that part is linked to another file somewhere where the design changes occur and it is automatically reflected on the big picture.&nbsp;<\/p>\n\n\n\n<p>This video really explains how to turn your photos into smart objects for mockups in a simple way. If the definition here is too confusing for you, this video will do the trick.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Create a Smart Object Mockup in Adobe Photoshop\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/nRtBM6xL8vw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>If you\u2019re more interested in creating mockups for 3D objects, you\u2019ll find this detailed case study very helpful.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Create Mockups with Complex 3D Shapes! - Photoshop Tutorial\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/T5GM3nnwCBU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_to_use_mockups_for_your_portfolio\"><\/span>How to use mockups for your portfolio<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Every creative knows the importance of having a solid portfolio. It is what everyone uses to judge the quality of your work. Having a visually appealing portfolio can be strongly enhanced by using the right mockups to present your work. For branding projects, you want to show how your designs look on various assets. A quick look at how designers present their portfolios on platforms like <a href=\"https:\/\/dribbble.com\/tags\/portfolio_mockup\" target=\"_blank\" rel=\"noreferrer noopener\">Dribbble<\/a> can help you visualise how to make use of mockups in your portfolio.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Where_can_I_get_ready-to-use_mockups\"><\/span>Where can I get ready-to-use mockups?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>There are a few platforms out there that let you download mockups templates you can customise. If you\u2019d like to get a good range of mockups from apparel to laptop screens, and more, <a href=\"https:\/\/elements.envato.com\/all-items\/mockups\" target=\"_blank\" rel=\"noreferrer noopener\">Envato Elements<\/a> is a good place to start. <a href=\"https:\/\/artboard.studio\/\" target=\"_blank\" rel=\"noreferrer noopener\">Artboad Studio<\/a> is another great resource for mockups. <a href=\"https:\/\/mockuptree.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Mockuptree<\/a> and <a href=\"https:\/\/smartmockups.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Smartmockups<\/a> are also good alternatives. For mockups that focus on the African context, <a href=\"https:\/\/nigerianmockups.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Nigerianmockups<\/a> is your best bet.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Our_Final_Thoughts\"><\/span>Our Final Thoughts<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>If you made it to this point then you should have a comprehensive answer to the fundamental question <em>\u2018What are Mockups?.\u2019<\/em> You should also have an understanding of the importance of mockups and how to use them to your advantage. One thing we know for sure is that mockups will never go out of style as you\u2019ll always need to visualise your ideas before going into production. As a creative, we encourage you to pick your favorite mockup platform and invest in beautiful mockup templates you can always use to bring your ideas to life.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Chances are you\u2019ve heard someone use the word \u201cmockups\u201d when discussing a design or presentation. If you\u2019ve found understanding what mockups are a bit unclear, this piece will untangle your&#8230;<\/p>\n","protected":false},"author":1,"featured_media":753,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[],"_links":{"self":[{"href":"https:\/\/retna.io\/blog\/wp-json\/wp\/v2\/posts\/752"}],"collection":[{"href":"https:\/\/retna.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/retna.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/retna.io\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/retna.io\/blog\/wp-json\/wp\/v2\/comments?post=752"}],"version-history":[{"count":16,"href":"https:\/\/retna.io\/blog\/wp-json\/wp\/v2\/posts\/752\/revisions"}],"predecessor-version":[{"id":917,"href":"https:\/\/retna.io\/blog\/wp-json\/wp\/v2\/posts\/752\/revisions\/917"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/retna.io\/blog\/wp-json\/wp\/v2\/media\/753"}],"wp:attachment":[{"href":"https:\/\/retna.io\/blog\/wp-json\/wp\/v2\/media?parent=752"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/retna.io\/blog\/wp-json\/wp\/v2\/categories?post=752"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/retna.io\/blog\/wp-json\/wp\/v2\/tags?post=752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}