{"id":4392,"date":"2023-03-21T10:14:37","date_gmt":"2023-03-21T10:14:37","guid":{"rendered":"https:\/\/mockey.ai\/?p=4392"},"modified":"2024-08-26T11:05:42","modified_gmt":"2024-08-26T05:35:42","slug":"who-is-responsible-for-creating-the-landing-page-mockup","status":"publish","type":"post","link":"https:\/\/mockey.ai\/blog\/who-is-responsible-for-creating-the-landing-page-mockup\/","title":{"rendered":"Who is Responsible for Creating The Landing Page Mockup"},"content":{"rendered":"\n<p>Do you know <strong>who is responsible for creating the landing page mockup?<\/strong> Let\u2019s talk about something really cool \u2013 landing page mockups! You know those eye-catching designs you see on websites that make you want to click that \u201c<strong>buy now<\/strong>\u201d button?<\/p>\n\n\n\n<p>Yeah, those. Landing page mockups are super important in website design, and we are excited to explore who is responsible for creating them.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h5>Table of Contents<\/h5><nav><ul><li><a href=\"#importance-of-landing-page-mockups-in-website-design\">Importance of Landing Page Mockups in Website Design<\/a><\/li><li><a href=\"#roles-and-responsibilities-in-landing-page-mockup-creation\">Roles and Responsibilities in Landing Page Mockup Creation<\/a><\/li><li><a href=\"#factors-to-consider-in-landing-page-mockup-creation\">Factors to Consider in Landing Page Mockup Creation<\/a><\/li><li><a href=\"#top-5-tools-for-creating-landing-page-mockups\">Top 5 Tools for Creating Landing Page Mockups<\/a><\/li><li><a href=\"#best-practices-for-landing-page-mockup-creation\">Best Practices for Landing Page Mockup Creation<\/a><\/li><li><a href=\"#summarize\">Summarize<\/a><\/li><li><a href=\"#fa-qs\">FAQs<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"691\" height=\"359\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/landing-page-buttons.png\" alt=\"who is responsible for creating the landing page mockup\" class=\"wp-image-4398\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/landing-page-buttons.png 691w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/landing-page-buttons-300x156.png 300w\" sizes=\"(max-width: 691px) 100vw, 691px\" \/><figcaption class=\"wp-element-caption\"><strong><a href=\"https:\/\/ppcexpo.com\/blog\/what-are-the-key-components-of-a-landing-page\" class=\"ek-link\" target=\"_blank\" rel=\"noopener\">source<\/a><\/strong><\/figcaption><\/figure>\n\n\n\n<p>First, let&#8217;s dive into the different roles and responsibilities of creating a landing page mockup. There are graphic designers, web designers, UX\/UI designers, and even product managers or marketing teams who might take on this task. <\/p>\n\n\n\n<p>It&#8217;s fascinating to see how different skill sets come together to <strong><a href=\"https:\/\/mockey.ai\/blog\/how-to-create-product-mockups\/\" data-type=\"link\" data-id=\"https:\/\/mockey.ai\/blog\/how-to-create-product-mockups\/\">create a stunning mockup<\/a><\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"importance-of-landing-page-mockups-in-website-design\">Importance of Landing Page Mockups in Website Design<\/h2>\n\n\n\n<p>Of course, there are also important factors to consider when designing a landing page mockup, such as the target audience, brand identity, website goals, and visual hierarchy. <\/p>\n\n\n\n<p>And let&#8217;s not forget about the tools &#8211; there are some amazing options out there, like <strong>Unbounce<\/strong>, <strong>Leadpages<\/strong>, <strong>ClickFunnels<\/strong>, <strong>Instapage<\/strong>, and <strong>HubSpot<\/strong> to help bring those mockups to life.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-editorskit-rounded\"><img decoding=\"async\" width=\"700\" height=\"450\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/landing-page-tools.png\" alt=\"landing page tools\" class=\"wp-image-4401\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/landing-page-tools.png 700w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/landing-page-tools-300x193.png 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<p>But it&#8217;s not just about the tools &#8211; there are best practices to follow as well, like designing for the user, consistency with branding, simplicity and clarity, and the use of images and typography. <\/p>\n\n\n\n<p>All of these elements work together to create a landing page mockup that is not only beautiful but effective at driving conversions and achieving website goals.<\/p>\n\n\n\n<p>I wish to learn more about landing page mockups, and the fascinating field of website design excites you as much as it does me. Let&#8217;s dive in and explore <strong>who is responsible for creating the landing page mockup!<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"roles-and-responsibilities-in-landing-page-mockup-creation\"><strong>Roles and Responsibilities in Landing Page Mockup Creation<\/strong><\/h2>\n\n\n\n<p>Now let&#8217;s talk about&nbsp;<strong>who is responsible for creating the landing page mockup<\/strong>. The answer is designers. We&#8217;ve got some seriously talented professionals on the team, including graphic designers, web designers, UX\/UI designers, and even product managers or marketing teams.<\/p>\n\n\n\n<p>Each of these roles brings their own unique skills and perspectives to the table, making the final product even better!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-graphic-designers\">1. <strong>Graphic Designers<\/strong><\/h3>\n\n\n\n<p>First up, we have <strong>graphic designers<\/strong>. These creative geniuses are all about making the visual aspects of the landing page pop, from the colour scheme to the typography. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-editorskit-rounded\"><img decoding=\"async\" width=\"700\" height=\"450\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/graphic-designers.jpg\" alt=\"graphic designers\" class=\"wp-image-4405\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/graphic-designers.jpg 700w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/graphic-designers-300x193.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<p>They are masters at making sure everything looks polished and professional.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-web-designers\">2. <strong>Web Designers<\/strong><\/h3>\n\n\n\n<p>Next, we have <strong>web designers<\/strong>. These tech-savvy experts understand the ins and outs of creating a functional and aesthetically pleasing website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-editorskit-rounded\"><img decoding=\"async\" width=\"700\" height=\"450\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/web-designers.jpg\" alt=\"web designers\" class=\"wp-image-4409\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/web-designers.jpg 700w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/web-designers-300x193.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<p>They work hard to ensure that the landing page not only looks great but also functions smoothly.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-ux-ui-designers\">3. <strong>UX\/UI Designers<\/strong><\/h3>\n\n\n\n<p>Then we have <strong>UX\/UI designers<\/strong>. These folks are all about creating the best user experience possible. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-editorskit-rounded\"><img decoding=\"async\" width=\"700\" height=\"450\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/ui-ux-designers.jpg\" alt=\"ui ux designers\" class=\"wp-image-4411\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/ui-ux-designers.jpg 700w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/ui-ux-designers-300x193.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<p>They focus on how the landing page feels to the user, making sure it&#8217;s intuitive and easy to navigate. UX\/UI designers are the unsung heroes of website design!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-product-managers\">4. <strong>Product Managers<\/strong><\/h3>\n\n\n\n<p>Last but not least, we have <strong>product managers<\/strong> or marketing teams. They bring a deep understanding of the target audience and the goals of the landing page. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-editorskit-rounded\"><img decoding=\"async\" width=\"700\" height=\"450\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/product-managers.jpg\" alt=\"product managers\" class=\"wp-image-4413\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/product-managers.jpg 700w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/product-managers-300x193.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<p>They&#8217;re the ones who know what messaging will resonate with the user and what call-to-actions will drive conversions.<\/p>\n\n\n\n<p>It&#8217;s incredible to see how all these different roles come together to create a landing page mockup that is both visually stunning and highly effective. The creativity, skill, and expertise that goes into this process is truly something to be celebrated!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"factors-to-consider-in-landing-page-mockup-creation\"><strong>Factors to Consider in Landing Page Mockup Creation<\/strong><\/h2>\n\n\n\n<p>Creating a landing page mockup is about more than just making it look pretty. There are several crucial factors that must be considered to ensure that the landing page is both visually appealing and effective at achieving its goals.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-target-audience\">1. <strong>Target Audience<\/strong><\/h3>\n\n\n\n<p>First up, we have the <strong>target audience<\/strong>. Keeping in your mind who your audience is and what they want is key to designing a landing page that will resonate with them. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-editorskit-rounded\"><img decoding=\"async\" width=\"700\" height=\"450\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/target-audience.jpg\" alt=\"target audience\" class=\"wp-image-4421\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/target-audience.jpg 700w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/target-audience-300x193.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<p>This means considering things like demographics, interests, and pain points. A landing page that speaks directly to its audience is more likely to convert visitors into customers.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-brand-identity\">2. <strong>Brand Identity<\/strong><\/h3>\n\n\n\n<p>Next, we have <strong>brand identity<\/strong>. A landing page should be consistent with the overall brand identity of the website. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized has-custom-border is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"952\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/brand-identity-1024x952.jpg\" alt=\"brand identity\" class=\"wp-image-4425\" style=\"border-style:none;border-width:0px;width:512px;height:476px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/brand-identity-1024x952.jpg 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/brand-identity-300x279.jpg 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/brand-identity-768x714.jpg 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/brand-identity-1536x1428.jpg 1536w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/brand-identity-1600x1487.jpg 1600w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/brand-identity.jpg 2000w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong><a href=\"https:\/\/www.freepik.com\/free-vector\/branding-concept-landing-page_5156258.htm#query=brand%20identity&amp;position=2&amp;from_view=keyword&amp;track=ais\" class=\"ek-link\" target=\"_blank\" rel=\"noopener\">source<\/a><\/strong> <\/figcaption><\/figure>\n\n\n\n<p>This means using the same colours, fonts, and design elements throughout the page. A consistent brand identity helps to build trust with the user and reinforces the brand&#8217;s messaging.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-website-goals\">3. <strong>Website Goals<\/strong><\/h3>\n\n\n\n<p>Another important factor to consider is <strong>website goals<\/strong>. What is the main intention of the landing page? Is it to drive sales, generate leads, or promote a new product? <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-editorskit-rounded\"><img decoding=\"async\" width=\"695\" height=\"333\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/website-goal.jpg\" alt=\"website goal\" class=\"wp-image-4429\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/website-goal.jpg 695w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/website-goal-300x144.jpg 300w\" sizes=\"(max-width: 695px) 100vw, 695px\" \/><figcaption class=\"wp-element-caption\"><strong><a href=\"https:\/\/designpowers.com\/blog\/small-business-website-goals\" class=\"ek-link\" target=\"_blank\" rel=\"noopener\">source<\/a><\/strong> <\/figcaption><\/figure>\n\n\n\n<p>The goals of the landing page should be clear and should guide the design process. This means using the right messaging, call-to-actions, and layout to achieve those goals.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-visual-hierarchy\">4. <strong>Visual Hierarchy<\/strong><\/h3>\n\n\n\n<p>Last but not least, we have <strong>visual hierarchy<\/strong>. This refers to the way that information is presented on the landing page. The most important information should be given the most emphasis, using things like size, colour, and placement. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/visual-hierarchy-1024x509.jpg\" alt=\"visual hierarchy\" class=\"wp-image-4431\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/visual-hierarchy-1024x509.jpg 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/visual-hierarchy-300x149.jpg 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/visual-hierarchy-768x382.jpg 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/visual-hierarchy.jpg 1225w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong><a href=\"https:\/\/instapage.com\/blog\/what-is-visual-hierarchy\" class=\"ek-link\" target=\"_blank\" rel=\"noopener\">source<\/a><\/strong> <\/figcaption><\/figure>\n\n\n\n<p>A landing page with a good visual hierarchy is easier to read and more likely to convert.<\/p>\n\n\n\n<p>All of these factors work together to create a landing page mockup that is not only beautiful but effective at achieving its goals. It&#8217;s amazing to see how much thought and consideration go into the design process!<\/p>\n\n\n\n<p>So we have covered who is responsible for creating the landing page mockup. Now it&#8217;s time to talk about the top 5 tools for making landing page mockups.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"top-5-tools-for-creating-landing-page-mockups\">Top 5 <strong>Tools for Creating Landing Page Mockups<\/strong><\/h2>\n\n\n\n<p>There are many tools available for creating landing pages, and the best one for you will depend on your specific needs and preferences. Here are some popular options:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-unbounce\">1. <strong>Unbounce<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized has-custom-border is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/unbounce-1024x476.jpg\" alt=\"unbounce\" class=\"has-border-color has-cyan-bluish-gray-border-color wp-image-4433\" style=\"border-width:2px;width:768px;height:357px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/unbounce-1024x476.jpg 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/unbounce-300x139.jpg 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/unbounce-768x357.jpg 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/unbounce.jpg 1302w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong><a href=\"https:\/\/unbounce.com\/landing-pages-overlays\/?gspk=cmFibGVzaGt1bWFyNDIwMw&amp;gsxid=9gmkJttoMJVb&amp;utm_campaign=tier1&amp;utm_content=rableshkumar4203&amp;utm_medium=affiliate&amp;utm_source=ub-partner\" class=\"ek-link\" target=\"_blank\" rel=\"noopener\">source<\/a><\/strong> <\/figcaption><\/figure>\n\n\n\n<p>One of the tools that immediately springs to mind when thinking about landing page makers is probably <strong>Unbounce. <\/strong><\/p>\n\n\n\n<p>Even though it has some cutting-edge features, it might not be the best option because it takes time to utilize all of its possibilities completely, has become quite outdated, and now penalizes users for achieving higher conversion rates.<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table class=\"has-foreground-color has-text-color has-background has-fixed-layout\" style=\"background:linear-gradient(135deg,rgb(226,236,244) 0%,rgb(240,225,225) 100%)\"><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\"><strong>Pros<\/strong><\/td><td class=\"has-text-align-center\" data-align=\"center\"><strong>Cons<\/strong><\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Replace text dynamically in SEM campaigns<\/td><td class=\"has-text-align-center\" data-align=\"center\">just over 100 designs<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">ready-made AMP smartphone pages<\/td><td class=\"has-text-align-center\" data-align=\"center\">No automatic synchronization of landing sites and Google Ads<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">creation of popup and sticky bars<\/td><td class=\"has-text-align-center\" data-align=\"center\">If you receive conversions, you face penalties<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"price\">Price<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Accelerate costs <strong>$200<\/strong> per month<\/li>\n\n\n\n<li>Scale monthly cost <strong>$300<\/strong><\/li>\n<\/ul>\n\n\n\n<p><strong>Visit: <a href=\"https:\/\/unbounce.com\/landing-pages-overlays\/\" target=\"_blank\" rel=\"noopener\">Unbounce<\/a><\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-leadpages\">2. <strong>Leadpages<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized has-custom-border is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"466\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/leadpages-1024x466.jpg\" alt=\"leadpages\" class=\"has-border-color has-cyan-bluish-gray-border-color wp-image-4437\" style=\"border-width:2px;width:768px;height:350px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/leadpages-1024x466.jpg 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/leadpages-300x137.jpg 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/leadpages-768x350.jpg 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/leadpages.jpg 1339w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong><a href=\"https:\/\/www.leadpages.com\/\" class=\"ek-link\" target=\"_blank\" rel=\"noopener\">source<\/a><\/strong> <\/figcaption><\/figure>\n\n\n\n<p>Say hello to <strong>Leadpages!<\/strong> This powerful website and landing page builder is a game-changer for anyone looking to create high-converting landing pages, pop-ups, and alert bars in record time.<\/p>\n\n\n\n<p>As a small business website builder and conversion tool provider, the company focuses primarily on small businesses.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-background has-fixed-layout\" style=\"background:linear-gradient(135deg,rgb(226,236,244) 0%,rgb(240,225,225) 100%)\"><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\">Pros<\/td><td class=\"has-text-align-center\" data-align=\"center\">Cons<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">120+ designs that are mobile-friendly<\/td><td class=\"has-text-align-center\" data-align=\"center\">Not every template is free<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">More than 40 standard integrations<\/td><td class=\"has-text-align-center\" data-align=\"center\">minimal personalization and customization<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">unlimited clients and traffic<\/td><td class=\"has-text-align-center\" data-align=\"center\"><\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Alerts popups and bars<\/td><td class=\"has-text-align-center\" data-align=\"center\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"price-1\">Price<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Pro, $48 per month (3 websites)<\/li>\n\n\n\n<li>Advanced: $199\/month<\/li>\n<\/ul>\n\n\n\n<p><strong>Visit:<\/strong> <strong><a href=\"https:\/\/www.leadpages.com\/\" class=\"ek-link\" target=\"_blank\" rel=\"noopener\">Leadpages<\/a><\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-click-funnels\">3. <strong>ClickFunnels<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large is-style-editorskit-shadow\"><img decoding=\"async\" width=\"1024\" height=\"349\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/clickfunnels-landing-page-1024x349.png\" alt=\"clickfunnels landing page\" class=\"wp-image-4451\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/clickfunnels-landing-page-1024x349.png 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/clickfunnels-landing-page-300x102.png 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/clickfunnels-landing-page-768x262.png 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/clickfunnels-landing-page.png 1346w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong><a href=\"https:\/\/www.clickfunnels.com\/features\/landing-pages\" class=\"ek-link\" target=\"_blank\" rel=\"noopener\">source<\/a><\/strong> <\/figcaption><\/figure>\n\n\n\n<p><strong>ClickFunnels<\/strong> is a marketing funnel software that does it all. Users can use it to create cross-selling, upselling, and downselling landing pages. You receive ready-made landing page channels and sales-focused elements that are absent from competitor landing page solutions.<\/p>\n\n\n\n<p>You can easily and efficiently make lead generation forms, generate opt-in pages, and various sale pages. Clickfunnels offers a plethora of analytics tools that enable you to closely monitor the conversion rates and gain valuable insights from the data.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-background has-fixed-layout\" style=\"background:linear-gradient(135deg,rgb(226,236,244) 0%,rgb(240,225,225) 100%)\"><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\">Pros<\/td><td class=\"has-text-align-center\" data-align=\"center\">Cons<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Monitoring sales dashboard<\/td><td class=\"has-text-align-center\" data-align=\"center\">There are less expensive options<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Events for both free and paid guidance from seasoned marketers<\/td><td class=\"has-text-align-center\" data-align=\"center\">There are fewer customization choices<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Particularly focused on lead generation, lead nurturing, and lead closure<\/td><td class=\"has-text-align-center\" data-align=\"center\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"price-2\">Price<\/h4>\n\n\n\n<p>Free trial for 14 days. $147\/month for a basic package that allows for one website.<\/p>\n\n\n\n<p><strong>Visit: <a href=\"https:\/\/www.clickfunnels.com\/features\/landing-pages\" class=\"ek-link\" target=\"_blank\" rel=\"noopener\">Clickfunnels<\/a><\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-instapage\">4. <strong>Instapage<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized has-custom-border is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"492\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/instapage-landing-page-1024x492.jpg\" alt=\"instapage landing page\" class=\"has-border-color has-cyan-bluish-gray-border-color wp-image-4457\" style=\"border-width:2px;width:768px;height:369px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/instapage-landing-page-1024x492.jpg 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/instapage-landing-page-300x144.jpg 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/instapage-landing-page-768x369.jpg 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/instapage-landing-page.jpg 1335w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong><a href=\"https:\/\/instapage.com\/products\/landing-page-builder\" class=\"ek-link\" target=\"_blank\" rel=\"noopener\">source<\/a><\/strong> <\/figcaption><\/figure>\n\n\n\n<p>The finest <strong><a href=\"https:\/\/mockey.ai\/blog\/ai-landing-page-generator\/\" data-type=\"link\" data-id=\"https:\/\/mockey.ai\/blog\/ai-landing-page-generator\/\">landing page generator<\/a><\/strong> in the world, in my opinion, is <strong>Instapage<\/strong>. Let me tell you why. You can quickly build landing pages that are optimized for mobile devices and look professional using the easy drag-and-drop feature. WordPress allows you to build up the landing pages and completely customize every block.<\/p>\n\n\n\n<p>The excellent user experience that Instapage&#8217;s landing pages provide and that it has built-in collaboration features are what really set it apart. It also allows you to import previously created landing page assets, which is a useful tool. This also aids in speed optimization.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-background has-fixed-layout\" style=\"background:linear-gradient(135deg,rgb(226,236,244) 0%,rgb(240,225,225) 100%)\"><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\">Pros<\/td><td class=\"has-text-align-center\" data-align=\"center\">Cons<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">More than 500 layouts<\/td><td class=\"has-text-align-center\" data-align=\"center\">For small businesses, it&#8217;s too expensive<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Form maker and customizable elements<\/td><td class=\"has-text-align-center\" data-align=\"center\">Customer support should be improved<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"price-3\">Price<\/h4>\n\n\n\n<p>Paid pricing begins at $299 per month after the trial period (14 days)<\/p>\n\n\n\n<p><strong>Visit: <a href=\"https:\/\/instapage.com\/products\/landing-page-builder\" class=\"ek-link\" target=\"_blank\" rel=\"noopener\">Instapage<\/a><\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-hub-spot\">5. <strong>HubSpot<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized has-custom-border is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/hubspot-landing-page-1024x488.png\" alt=\"hubspot landing page\" class=\"has-border-color has-cyan-bluish-gray-border-color wp-image-4460\" style=\"border-width:2px;width:768px;height:366px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/hubspot-landing-page-1024x488.png 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/hubspot-landing-page-300x143.png 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/hubspot-landing-page-768x366.png 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/hubspot-landing-page.png 1341w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong><a href=\"https:\/\/www.hubspot.com\/products\/marketing\/landing-pages\" class=\"ek-link\" target=\"_blank\" rel=\"noopener\">source<\/a><\/strong> <\/figcaption><\/figure>\n\n\n\n<p>One of the key elements of HubSpot&#8217;s website is its landing page mockups, which are interactive tools that allow users to design and preview landing pages before creating them. <\/p>\n\n\n\n<p>This feature is especially helpful for marketers and business owners who may not have design experience, as it enables them to visualize and refine their landing page ideas without the need for a graphic designer.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-background has-fixed-layout\" style=\"background:linear-gradient(135deg,rgb(226,236,244) 0%,rgb(240,225,225) 100%)\"><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\">Pros<\/td><td class=\"has-text-align-center\" data-align=\"center\">Cons<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Integrates well with point solutions<\/td><td class=\"has-text-align-center\" data-align=\"center\">Too many options to be a reliable landing page tool<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Integrates directly with other Hubspot tools<\/td><td class=\"has-text-align-center\" data-align=\"center\">Features for mobile customization are limited<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Pages with live chat &amp; bots<\/td><td class=\"has-text-align-center\" data-align=\"center\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>No other <strong><a href=\"https:\/\/mockey.ai\/blog\/hubspot-alternatives\/\" target=\"_blank\" aria-label=\"HubSpot alternatives (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">HubSpot alternatives<\/a><\/strong> can match it in terms of features and interface.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"price-4\">Price<\/h4>\n\n\n\n<p>Monthly Starter Price: <strong>$40<\/strong><\/p>\n\n\n\n<p>Professional Starter Price: <strong>$800<\/strong><\/p>\n\n\n\n<p>Enterprise Starter price: <strong>$3,200<\/strong><\/p>\n\n\n\n<p><strong>Visit: <a href=\"https:\/\/www.hubspot.com\/products\/marketing\/landing-pages\" class=\"ek-link\" target=\"_blank\" rel=\"noopener\">HubSpot<\/a><\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"best-practices-for-landing-page-mockup-creation\"><strong>Best Practices for Landing Page Mockup Creation<\/strong><\/h2>\n\n\n\n<p>Creating a landing page mockup is a complex process, but there are some best practices that can help you to create a design that is both visually appealing and effective at achieving its goals.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-design-for-the-user\">1. <strong>Design for the User<\/strong><\/h3>\n\n\n\n<p>When designing a landing page, it&#8217;s important to put yourself in the user&#8217;s shoes. Consider what they are looking for and what they want to achieve on the page. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/landing-page-design-for-user-1024x476.png\" alt=\"landing page design for user\" class=\"wp-image-4473\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/landing-page-design-for-user-1024x476.png 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/landing-page-design-for-user-300x139.png 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/landing-page-design-for-user-768x357.png 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/landing-page-design-for-user.png 1224w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong><a href=\"https:\/\/www.toptal.com\/designers\/landing-page\/effective-landing-page-design\" class=\"ek-link\" target=\"_blank\" rel=\"noopener\">source<\/a><\/strong> <\/figcaption><\/figure>\n\n\n\n<p>Make sure that the design is user-friendly and easy to navigate, with a clear path to conversion.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-consistency-with-branding\">2. <strong>Consistency With Branding<\/strong><\/h3>\n\n\n\n<p>A landing page should be consistent with the overall branding of the website. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-editorskit-rounded\"><img decoding=\"async\" width=\"799\" height=\"443\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/consistent-with-overall-branding-of-the-website.jpg\" alt=\"consistent with overall branding of the website\" class=\"wp-image-4475\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/consistent-with-overall-branding-of-the-website.jpg 799w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/consistent-with-overall-branding-of-the-website-300x166.jpg 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/consistent-with-overall-branding-of-the-website-768x426.jpg 768w\" sizes=\"(max-width: 799px) 100vw, 799px\" \/><figcaption class=\"wp-element-caption\"><strong><a href=\"https:\/\/bandzoogle.com\/blog\/musicians-how-to-properly-use-a-landing-page-on-your-website\" class=\"ek-link\" target=\"_blank\" rel=\"noopener\">source<\/a><\/strong> <\/figcaption><\/figure>\n\n\n\n<p>This means using the same colour scheme, typography, and design elements throughout the page. A consistent brand identity helps to build trust with the user and reinforces the brand&#8217;s messaging.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-simplicity-and-clarity\">3. <strong>Simplicity and Clarity<\/strong><\/h3>\n\n\n\n<p>Landing pages are often more effective when they are simple. A crowded and confusing design can be very off-putting to users.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"774\" height=\"638\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/landing-page-should-be-simplicity-and-clarity.png\" alt=\"landing page should be simplicity and clarity\" class=\"wp-image-4476\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/landing-page-should-be-simplicity-and-clarity.png 774w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/landing-page-should-be-simplicity-and-clarity-300x247.png 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/landing-page-should-be-simplicity-and-clarity-768x633.png 768w\" sizes=\"(max-width: 774px) 100vw, 774px\" \/><figcaption class=\"wp-element-caption\"><strong><a href=\"https:\/\/unbounce.com\/landing-page-templates\/minimalist\/\" class=\"ek-link\" target=\"_blank\" rel=\"noopener\">source<\/a><\/strong><\/figcaption><\/figure>\n\n\n\n<p>Instead, concentrate on creating a clear, basic layout that is simple to study and understand. Use clear and concise messaging and make sure that the call-to-actions are prominent and easy to find.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-use-of-images-and-typography\">4. <strong>Use of Images and Typography<\/strong><\/h3>\n\n\n\n<p>The use of images and typography can greatly impact the effectiveness of a landing page. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"435\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/images-and-typography-1024x435.jpg\" alt=\"images and typography\" class=\"wp-image-4479\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/images-and-typography-1024x435.jpg 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/images-and-typography-300x127.jpg 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/images-and-typography-768x326.jpg 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/images-and-typography.jpg 1121w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong><a href=\"https:\/\/unbounce.com\/landing-page-typography\/\" class=\"ek-link\" target=\"_blank\" rel=\"noopener\">source<\/a><\/strong> <\/figcaption><\/figure>\n\n\n\n<p>Make sure that the images are high-quality and relevant to the messaging of the page. Also, ensure that your typography is easy to read and complements the overall design.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"summarize\">Summarize<\/h2>\n\n\n\n<p>To summarize, we have covered&nbsp;<strong>who is responsible for creating the landing page mockup.<\/strong>&nbsp;It&#8217;s important to involve graphic designers, web designers, UX\/UI designers, and product managers\/marketing teams in the landing page creation process.<\/p>\n\n\n\n<p>It cannot be overstated how important landing page mockups are for the success of a website. A well-designed landing page can significantly increase conversions, sales, and customer engagement. Creating a landing page mockup can be fun and rewarding with the right approach.<\/p>\n\n\n\n<p>In terms of responsibility, it&#8217;s important to have clear communication and collaboration between all team members involved in the process. By doing this, it is made sure that everyone is working towards the same goals and that the final design is cohesive and effective.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"fa-qs\">FAQs<\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1679141251315\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">What is a landing page mockup?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>A landing page mockup is a visual representation of a web page that helps designers and developers plan out the layout, content, and functionality of a webpage. It is essential because it helps to ensure that everyone involved in the project has a clear understanding of what the final product should look like.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1679141267802\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Who is responsible for creating a landing page mockup?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Typically, a graphic designer or web designer is responsible for creating the landing page mockup. They collaborate closely with the project team to understand the goals and requirements of the landing page and create a design that meets those needs.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1679141291140\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">What skills should a landing page mockup designer have?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>A landing page mockup designer should have a strong understanding of web design principles, graphic design, user experience, and branding.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1679141304635\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">A landing page mockup takes how long?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>The time it takes to create a landing page mockup depends on the complexity of the project, the number of revisions required, and the designer&#8217;s experience. Typically, it takes anywhere from a few hours to a few days to create a landing page mockup.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1679141320074\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">What happens after the landing page mockup is created?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>After the landing page mockup is created, it is presented to the project team for feedback and revisions. Once everyone is satisfied with the mockup, the designer will hand off the design files to the development team, who will use them to build the actual landing page.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Do you know who is responsible for creating the landing page mockup? Let\u2019s talk about something really cool \u2013 landing page mockups! You know those eye-catching designs you see on websites that make you want to click that \u201cbuy now\u201d button? Yeah, those. Landing page mockups are super important in website design, and we are [&hellip;]<\/p>\n","protected":false},"author":42,"featured_media":7987,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_uag_custom_page_level_css":"","_editorskit_title_hidden":false,"_editorskit_reading_time":10,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","footnotes":""},"categories":[7],"tags":[],"class_list":["post-4392","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guide"],"uagb_featured_image_src":{"full":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/who-is-responsible-for-creating-the-landing-page-mockup.png",1920,800,false],"thumbnail":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/who-is-responsible-for-creating-the-landing-page-mockup-150x150.png",150,150,true],"medium":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/who-is-responsible-for-creating-the-landing-page-mockup-300x125.png",300,125,true],"medium_large":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/who-is-responsible-for-creating-the-landing-page-mockup-768x320.png",768,320,true],"large":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/who-is-responsible-for-creating-the-landing-page-mockup-1024x427.png",1024,427,true],"1536x1536":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/who-is-responsible-for-creating-the-landing-page-mockup-1536x640.png",1536,640,true],"2048x2048":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/who-is-responsible-for-creating-the-landing-page-mockup.png",1920,800,false],"web-stories-poster-portrait":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/who-is-responsible-for-creating-the-landing-page-mockup-640x800.png",640,800,true],"web-stories-publisher-logo":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/who-is-responsible-for-creating-the-landing-page-mockup-96x96.png",96,96,true],"web-stories-thumbnail":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2023\/03\/who-is-responsible-for-creating-the-landing-page-mockup-150x63.png",150,63,true]},"uagb_author_info":{"display_name":"Sangram Sahoo","author_link":"https:\/\/mockey.ai\/author\/sangram\/"},"uagb_comment_info":1,"uagb_excerpt":"Do you know who is responsible for creating the landing page mockup? Let\u2019s talk about something really cool \u2013 landing page mockups! You know those eye-catching designs you see on websites that make you want to click that \u201cbuy now\u201d button? Yeah, those. Landing page mockups are super important in website design, and we are&hellip;","_links":{"self":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/4392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/users\/42"}],"replies":[{"embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/comments?post=4392"}],"version-history":[{"count":90,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/4392\/revisions"}],"predecessor-version":[{"id":31056,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/4392\/revisions\/31056"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/media\/7987"}],"wp:attachment":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/media?parent=4392"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/categories?post=4392"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/tags?post=4392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}