{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/tv0zd9jL0Xkv7cU2AlHm/PpvylJvgakvYasHoYReU/BuyTrafJy.js"],
  "sourcesContent": ["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addPropertyControls, ControlType, Link } from \"framer\";\nimport * as React from \"react\"; /**\n                                * @framerRecordIdKey id\n                                * @framerSlug vMf8RK1by\n                                * @framerEnumToDisplayNameUtils 1\n                                * @framerData\n                                */\nconst data = [{\n  b4o5rKqBi: {\n    src: new URL(\"https://framerusercontent.com/images/3C7zt5cT0F7jeVeBe91xZ5J8eA.jpg?scale-down-to=4096\").href,\n    srcSet: `${new URL(\"https://framerusercontent.com/images/3C7zt5cT0F7jeVeBe91xZ5J8eA.jpg?scale-down-to=512\").href} 512w, ${new URL(\"https://framerusercontent.com/images/3C7zt5cT0F7jeVeBe91xZ5J8eA.jpg?scale-down-to=1024\").href} 1024w, ${new URL(\"https://framerusercontent.com/images/3C7zt5cT0F7jeVeBe91xZ5J8eA.jpg?scale-down-to=2048\").href} 2048w, ${new URL(\"https://framerusercontent.com/images/3C7zt5cT0F7jeVeBe91xZ5J8eA.jpg?scale-down-to=4096\").href} 4096w, ${new URL(\"https://framerusercontent.com/images/3C7zt5cT0F7jeVeBe91xZ5J8eA.jpg\").href} 4838w`\n  },\n  Dw0p_agKH: \"From Sitemap to Website in 1 Week\",\n  id: \"NmzTDmAh5\",\n  lBifBEMBD: \"2023-08-18T00:00:00.000Z\",\n  NgnBKSllU: /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsx(\"h2\", {\n      children: \"Relume's Revolutionary Site Builder Tool\"\n    }), /*#__PURE__*/_jsxs(\"p\", {\n      children: [\"Are you ready to transform your website creation process? \", /*#__PURE__*/_jsx(Link, {\n        href: \"https://library.relume.io/?via=goran\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: \"Relume's \"\n        })\n      }), \"innovative site builder tool is here to revolutionize how you lay the foundation for your digital masterpiece.\"]\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"Step 1: Specify Your Website Concept\"\n    }), /*#__PURE__*/_jsxs(\"p\", {\n      children: [\"Starting your journey is as simple as specifying your website concept. Let's imagine you're envisioning a captivating travel blog\u2014one that highlights hidden gems and travel tips. With \", /*#__PURE__*/_jsx(Link, {\n        href: \"https://www.framer.com?via=babarogic\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: \"Relume\"\n        })\n      }), ', all you need to do is express your idea in clear and concise terms, like \"I want to create a travel blog that highlights off-the-beaten-path destinations and offers travel guides.\" Your concept sets the stage for what\\'s to come.']\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"Step 2: Generate a Sitemap\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: 'Relume\\'s magic truly shines in generating a sitemap that serves as the blueprint for your website\\'s structure. With a single click, your envisioned concept comes to life. Let\\'s continue with the travel blog example: just like that, you\\'ll see your sitemap take shape with sections like \"Home,\" \"Destinations,\" and \"Travel Guides.\" And guess what? You have the power to customize it to perfection, ensuring every detail aligns with your vision.'\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"Step 3: Customize Your Sitemap\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Customization is where your creativity takes the reins. Adjust your sitemap, add pages, and refine the structure until it's precisely as you've imagined. Think of it as piecing together a puzzle that forms the core of your website.\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"Step 4: Create Wireframes and Generate Copy\"\n    }), /*#__PURE__*/_jsxs(\"p\", {\n      children: [\"This is where Relume's innovation truly shines. With a click, watch as your sitemap transforms into wireframes that outline the skeletal structure of your website. Not only that, but \", /*#__PURE__*/_jsx(Link, {\n        href: \"https://library.relume.io/?via=goran\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: \"Relume\"\n        })\n      }), \" also generates copy based on your input, saving you time and ensuring consistency throughout the design.\"]\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"Step 5: Finalize and Export\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"The final step before your design comes to life involves fine-tuning and adding your personal touch. Export your project to Figma or Webflow, where you can unleash your creative prowess. Refine headlines, add images, and apply those unique elements that make your website stand out.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: /*#__PURE__*/_jsx(Link, {\n        href: \"https://library.relume.io/?via=goran\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: /*#__PURE__*/_jsx(\"strong\", {\n            children: \"Start Using Relume\"\n          })\n        })\n      })\n    }), /*#__PURE__*/_jsx(\"h2\", {\n      children: \"Figma: Where Design Comes Alive\"\n    }), /*#__PURE__*/_jsxs(\"p\", {\n      children: [\"Transition seamlessly from \", /*#__PURE__*/_jsx(Link, {\n        href: \"https://library.relume.io/?via=goran\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: \"Relume\"\n        })\n      }), \" to Figma\u2014the renowned design tool that empowers creators worldwide. Armed with your wireframes and copy, Figma allows you to dive into the realm of high-fidelity UI design. With its collaborative features and user-friendly interface, Figma ensures your design journey is smooth, engaging, and fruitful.\"]\n    }), /*#__PURE__*/_jsx(\"h2\", {\n      children: \"Framer: Elevate with Animation and Interaction\"\n    }), /*#__PURE__*/_jsxs(\"p\", {\n      children: [\"Now, take your design to the next level with \", /*#__PURE__*/_jsx(Link, {\n        href: \"https://www.framer.com?via=babarogic\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: \"Framer\"\n        })\n      }), \". Elevate your user experience through dynamic animations and interactions\u2014all without the need for extensive coding. From captivating scroll effects to interactive elements, Framer adds the touch of magic that captivates users and brings your website to life.\"]\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: /*#__PURE__*/_jsx(Link, {\n        href: \"https://www.framer.com?via=babarogic\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: /*#__PURE__*/_jsx(\"strong\", {\n            children: \"Start Using Framer\"\n          })\n        })\n      })\n    }), /*#__PURE__*/_jsx(\"h2\", {\n      children: \"Bringing It All Together and Publishing\"\n    }), /*#__PURE__*/_jsxs(\"p\", {\n      children: [\"With your \", /*#__PURE__*/_jsx(Link, {\n        href: \"https://library.relume.io/?via=goran\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: \"Relume\"\n        })\n      }), \" generated wireframes, Figma-designed UI, and \", /*#__PURE__*/_jsx(Link, {\n        href: \"https://www.framer.com?via=babarogic\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: \"Framer \"\n        })\n      }), \"enhanced interactions, your website is ready to shine. Framer simplifies the publishing process, ensuring your creation reaches the digital realm seamlessly.\"]\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"In conclusion, crafting a stunning and functional website has never been more attainable. Thanks to Relume's groundbreaking site builder tool, your journey from concept to execution has been condensed into a few steps. Pair it with Figma's design prowess and Framer's interactive capabilities, and you have the recipe for a website that's bound to leave an indelible mark.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"So, whether you're a seasoned designer or a newcomer to the field, these tools offer a unified and empowering experience. Unleash your creativity, express your vision, and watch your website come to life. Happy designing!\"\n    })]\n  }),\n  rAyZbCQBK: \"Creating a stunning and functional website has never been more accessible thanks to the incredible tools at your fingertips. In this guide, we'll delve deeper into the remarkable capabilities of Relume and how it seamlessly integrates into the design process alongside Figma and Framer. If you're a web designer or UI/UX enthusiast looking to craft websites that leave a lasting impression, this guide is tailored just for you.\",\n  vMf8RK1by: \"from-sitemap-to-website-in-1-week\"\n}, {\n  b4o5rKqBi: {\n    src: new URL(\"https://framerusercontent.com/images/zK5Eryat8MukXHEdT0C2hpN673w.webp\").href\n  },\n  Dw0p_agKH: \"Top 3 Behavioral Analytics Tools for UX/UI Designers\",\n  id: \"OgaAowB8Q\",\n  lBifBEMBD: \"2022-04-08T00:00:00.000Z\",\n  NgnBKSllU: /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsxs(\"p\", {\n      children: [\"As a \", /*#__PURE__*/_jsx(\"strong\", {\n        children: \"UX designer\"\n      }), \", understanding user behavior and identifying pain points in the user experience is critical to creating successful designs. There are many website visitor recording and analysis tools available, but in this post, we will focus on three of the top tools: Smartlook, Hotjar, and LiveSession. We will compare their features and explore how each tool can be used to improve the user experience.\"]\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Smartlook, Hotjar, and LiveSession all offer website visitor recording and analysis capabilities, but each tool has its own unique features. Smartlook allows you to record visitor sessions and play them back to analyze user behavior in detail. Hotjar includes visitor polls and surveys, and the ability to recruit user testers. LiveSession offers real-time visitor session recording, and the ability to watch and interact with your visitors. All three tools also offer heatmaps, which show you where users are clicking and scrolling on your website. Smartlook and Hotjar provide integration with other popular tools such as Google Analytics and Mixpanel, while LiveSession allows you to watch recordings of individual sessions and click heatmaps.\"\n    }), /*#__PURE__*/_jsx(\"h2\", {\n      children: \"Compare Smartlook vs. Hotjar vs. Livesession\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"SmartlookHotjarLiveSessionReview rating\u2B50\u2B50\u2B50\u2B50\u2B50\u2B50\u2B50\u2B50\u2B50\u2B50\u2B50\u2B50\u2B50\u2B50\u2B50Free trial\u2714\uFE0F \u2714\uFE0F \u2714\uFE0F Session recording\u2714\uFE0F \u2714\uFE0F \u2714\uFE0F Heatmap\u2714\uFE0F \u2714\uFE0F \u2714\uFE0F Behaviour map\u2714\uFE0F NoNoDev tools\u2714\uFE0F No\u2714\uFE0F FeedbackNo\u2714\uFE0F NoSurveyNo\u2714\uFE0F NoEvents\u2714\uFE0F \u2714\uFE0F \u2714\uFE0F Insights\u2714\uFE0F \u2714\uFE0F \u2714\uFE0F API\u2714\uFE0F NoNoLive support\u2714\uFE0F \u2714\uFE0F \u2714\uFE0F Click rage detection\u2714\uFE0F \u2714\uFE0F \u2714\uFE0F Real-time session recording\u2714\uFE0F \u2714\uFE0F \u2714\uFE0F\"\n    }), /*#__PURE__*/_jsx(\"h2\", {\n      children: /*#__PURE__*/_jsx(Link, {\n        href: \"https://www.smartlook.com/?_ak=ZBDJ7n2e3\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: \"Smartlook\"\n        })\n      })\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Smartlook allows you to record visitor sessions on your website and play them back to analyze user behavior in detail. You can see how users interact with your site, where they struggle, and what they ignore. This can provide valuable insights into user behavior and can help you identify pain points in the user experience.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: /*#__PURE__*/_jsx(Link, {\n        href: \"https://www.smartlook.com/?_ak=ZBDJ7n2e3\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: /*#__PURE__*/_jsx(\"strong\", {\n            children: \"Get started \u2192\"\n          })\n        })\n      })\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Smartlook pricing\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Smartlook app\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: /*#__PURE__*/_jsx(\"br\", {\n        className: \"trailing-break\"\n      })\n    }), /*#__PURE__*/_jsx(\"h2\", {\n      children: /*#__PURE__*/_jsx(Link, {\n        href: \"https://invite.hotjar.com/w542hgt4yjgo\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: \"Hotjar\"\n        })\n      })\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Hotjar is a behavioral analytics and feedback tool that helps you understand how visitors are really using your website. It records visitor actions, mouse movements, and scrolling activity in order to generate heatmaps and provide feedback.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: /*#__PURE__*/_jsx(Link, {\n        href: \"https://invite.hotjar.com/w542hgt4yjgo\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: /*#__PURE__*/_jsx(\"strong\", {\n            children: \"Get started \u2192\"\n          })\n        })\n      })\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: /*#__PURE__*/_jsx(\"br\", {\n        className: \"trailing-break\"\n      })\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"How much does Hotjar cost\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Hotjar is used by many companies to create better content and layouts by understanding what their customers want. It also helps them improve their customer experience through user interviews and surveys.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: /*#__PURE__*/_jsx(Link, {\n        href: \"https://invite.hotjar.com/w542hgt4yjgo\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: /*#__PURE__*/_jsx(\"strong\", {\n            children: \"Get started \u2192\"\n          })\n        })\n      })\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: /*#__PURE__*/_jsx(\"br\", {\n        className: \"trailing-break\"\n      })\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Hotjar Features\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: /*#__PURE__*/_jsx(\"br\", {\n        className: \"trailing-break\"\n      })\n    }), /*#__PURE__*/_jsx(\"h2\", {\n      children: /*#__PURE__*/_jsx(Link, {\n        href: \"https://livesession.io/?a=%20nicey\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: \"LiveSession\"\n        })\n      })\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"LiveSession is a tool that helps you analyze user behavior to help improve UX, find bugs, and conversion rates.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"LiveSession is a product that allows you to analyze user behavior. It can be used to get data on what your users are doing on your site and how they're interacting with your content. LiveSession is useful for finding bugs, improving UX and conversion rates, as well as session replays and events.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: /*#__PURE__*/_jsx(Link, {\n        href: \"https://livesession.io/?a=%20nicey\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: /*#__PURE__*/_jsx(\"strong\", {\n            children: \"Get started \u2192\"\n          })\n        })\n      })\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: /*#__PURE__*/_jsx(\"br\", {\n        className: \"trailing-break\"\n      })\n    }), /*#__PURE__*/_jsxs(\"p\", {\n      children: [/*#__PURE__*/_jsx(\"br\", {}), /*#__PURE__*/_jsx(\"br\", {\n        className: \"trailing-break\"\n      })]\n    })]\n  }),\n  rAyZbCQBK: \"Behavioral analytics tools are used to collect and analyze user data. They are used to analyze the interactions of users with a product or service. These tools help UX/UI designers to make more informed decisions about the design of their product or service.\",\n  vMf8RK1by: \"top-3-behavioral-analytics-tool-for-ux-ui\"\n}, {\n  b4o5rKqBi: {\n    src: new URL(\"https://framerusercontent.com/images/S3Cw2M0SMMC4rHZCSXEq2yyoMr8.webp\").href\n  },\n  Dw0p_agKH: \"Using Smartlook to Improve User Experience: A UX Designer's Perspective\",\n  id: \"TdVB4_uLz\",\n  lBifBEMBD: \"2022-03-15T00:00:00.000Z\",\n  NgnBKSllU: /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsx(\"h2\", {\n      children: \"Detailed Description of Smartlook features\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Smartlook allows you to record visitor sessions on your website and play them back to analyze user behavior in detail. You can see how users interact with your site, where they struggle, and what they ignore. This can provide valuable insights into user behavior and can help you identify pain points in the user experience. Another important feature is heatmaps, which shows you where users are clicking and scrolling on your website. This information can help you understand how users interact with your site and can inform design decisions. For example, if heatmaps show that users are not interacting with a specific element on your website, this may indicate that it is not clear or not relevant to them. One of the most powerful aspects of Smartlook is its ability to integrate with other popular tools such as Google Analytics, Mixpanel, and Segment. This allows you to tie Smartlook data in with the rest of your analytics and get a comprehensive picture of how users are interacting with your site.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: /*#__PURE__*/_jsx(Link, {\n        href: \"https://www.smartlook.com/?_ak=ZBDJ7n2e3\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: \"Try Smartlook today \u2192\"\n        })\n      })\n    }), /*#__PURE__*/_jsx(\"h2\", {\n      children: \"Use cases\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"As a UX designer, I have used Smartlook on several projects to improve the user experience. In one project, we noticed that users were consistently struggling to find the search bar. By using Smartlook, we were able to see that users were looking for the search bar in the top-right corner of the screen, but it was actually located in the top-left. We were able to make the change and improve the user experience as a result.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"In another project, by using Smartlook's session recording and heatmaps features, we were able to see exactly where users were struggling during the checkout process. We found that the long form was overwhelming for users and that the layout of the form was not clear.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"With the insights we gained from Smartlook, we were able to redesign the checkout process, breaking the form up into smaller and more manageable sections. We also improved the layout of the form, making it more intuitive and user-friendly. As a result of these changes, we saw a significant improvement in the conversion rate and customer satisfaction with our checkout process. Using Smartlook, we were able to identify a significant pain point in the user experience and make improvements that resulted in measurable business impact. It was a great example on how Smartlook helped us to see exactly where our users were struggling and make data-driven decisions to improve the user experience and ultimately increase conversions.\"\n    }), /*#__PURE__*/_jsx(\"h2\", {\n      children: \"Conclusion\"\n    }), /*#__PURE__*/_jsxs(\"p\", {\n      children: [\"Smartlook is an essential tool for any UX/UI designer looking to improve the user experience on their website. With features like visitor session recording, heatmaps, and analytics integration, you'll have all the information you need to understand how visitors are interacting with your site and identify pain points. \", /*#__PURE__*/_jsx(Link, {\n        href: \"https://www.smartlook.com/?_ak=ZBDJ7n2e3\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: \"Try Smartlook today\"\n        })\n      })]\n    })]\n  }),\n  rAyZbCQBK: \"As a UX designer, understanding user behavior and identifying pain points in the user experience is critical to creating successful designs. Smartlook is a powerful website visitor recording and analysis tool that provides valuable insights into user behavior and can help improve the user experience on your website. In this post, we will explore how to use Smartlook to its full potential from a UX perspective.\",\n  vMf8RK1by: \"using-smartlook-to-improve-ux\"\n}, {\n  b4o5rKqBi: {\n    src: new URL(\"https://framerusercontent.com/images/nJ8YNtMDY03G9i0DwhyxzUjGFTs.webp\").href\n  },\n  Dw0p_agKH: \"Hotjar: The All-in-One Tool for Improving Your Website's User Experience\",\n  id: \"OsybLYl1r\",\n  lBifBEMBD: \"2022-02-28T00:00:00.000Z\",\n  NgnBKSllU: /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsx(\"h2\", {\n      children: \"Detailed Description of Hotjar features:\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Hotjar's main feature is the ability to record visitor sessions on your website, and then play them back to analyze visitor behavior. This allows you to see how visitors are interacting with your site and identify any pain points they may be experiencing. Another important feature is the heatmaps, they allow you to see where visitors are clicking and scrolling on your website, giving you a deeper understanding of how they're interacting with your site. With this feature you'll see which parts of your website are being ignored and which parts are getting the most attention. Hotjar also includes a range of other features like visitor polls and surveys, which allow you to gather direct feedback from visitors. This can be extremely valuable in understanding user behavior and identifying pain points. Hotjar also includes a feature for recruiting user testers, it allows you to find and hire users to test your website and provide you with feedback on their experience. And it also include form analytics and funnel analysis features that help you understand how users interact with your forms and where they are dropping off in your conversion funnel.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: /*#__PURE__*/_jsx(Link, {\n        href: \"https://invite.hotjar.com/w542hgt4yjgo\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: \"Get started with Hotjar \u2192\"\n        })\n      })\n    }), /*#__PURE__*/_jsx(\"h2\", {\n      children: \"Real-world use cases:\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"I've been using Hotjar on several of my own projects and it's been a game-changer for understanding user behavior. On one project, we were able to identify that a lot of visitors were struggling to find the search bar. Using Hotjar's heatmaps, we were able to see that visitors were searching for the search bar in the top-right corner of the screen, but it was actually located in the top-left. We were able to quickly make the change and improve the user experience. Another time, we were able to identify that a lot of our visitors were dropping off at a specific point in our checkout flow. Using Hotjar's funnel analysis, we were able to see that the drop-off was occurring at a section that required visitors to create an account. We made the decision to make that section optional and saw a significant increase in conversions.\"\n    }), /*#__PURE__*/_jsx(\"h2\", {\n      children: \"Conclusion\"\n    }), /*#__PURE__*/_jsxs(\"p\", {\n      children: [\"Hotjar is a powerful all-in-one website visitor recording and analysis tool that offers a wide range of features to help you understand user behavior and improve the user experience on your website. It's an essential tool for any UX/UI designer, product manager, or stakeholder looking to create a better user experience on their website. \", /*#__PURE__*/_jsx(Link, {\n        href: \"https://invite.hotjar.com/w542hgt4yjgo\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: \"Try Hotjar today\"\n        })\n      }), \" and take the first step towards creating a better user experience for your visitors.\"]\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: /*#__PURE__*/_jsx(Link, {\n        href: \"https://invite.hotjar.com/w542hgt4yjgo\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: \"Get started \u2192\"\n        })\n      })\n    })]\n  }),\n  rAyZbCQBK: \"As a UX/UI designer, product manager, or stakeholder, it's essential to have a clear understanding of how users interact with your website. That's where Hotjar comes in. Hotjar is an all-in-one website visitor recording and analysis tool that offers a wide range of features to help you understand user behavior and improve the user experience on your website.\",\n  vMf8RK1by: \"hotjar-the-all-in-one-tool-for-improving-your-ux\"\n}, {\n  b4o5rKqBi: {\n    src: new URL(\"https://framerusercontent.com/images/qbSl7KPrrL9R0h8U3IZtGAdfHIs.webp\").href\n  },\n  Dw0p_agKH: \"Building No Code Interactive Websites with Framer: A Designer's Dream\",\n  id: \"HAqN1ZXlQ\",\n  lBifBEMBD: \"2022-02-06T00:00:00.000Z\",\n  NgnBKSllU: /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsx(\"h2\", {\n      children: /*#__PURE__*/_jsx(\"strong\", {\n        children: \"What is Framer?\"\n      })\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Framer is a design and prototyping tool that allows designers to create interactive and responsive designs for websites and mobile applications. It allows for the creation of realistic and high-fidelity prototypes that can be tested and iterated on before being developed into a final product.\"\n    }), /*#__PURE__*/_jsx(\"h2\", {\n      children: /*#__PURE__*/_jsx(\"strong\", {\n        children: \"The Benefits of Using Framer for Web Design\"\n      })\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"One of the major benefits of using Framer for web design is the ability to create interactive and engaging user experiences. With Framer, designers can easily create dynamic and responsive designs that respond to user interactions such as clicks, swipes, and scrolling. This allows for the creation of designs that are not only visually appealing but also functional and user-friendly.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Another benefit of using Framer is the ability to easily create and test prototypes. With Framer, designers can quickly create and test different versions of a design without having to go through the time-consuming process of coding and development. This allows for faster iteration and the ability to make changes and improvements to a design before it goes live.\"\n    }), /*#__PURE__*/_jsx(\"h2\", {\n      children: /*#__PURE__*/_jsx(\"strong\", {\n        children: \"How Framer Can Elevate Your Web Design\"\n      })\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Using Framer in your web design process can help elevate your designs to the next level. By incorporating interactive and responsive elements, you can create designs that are not only visually appealing but also functional and user-friendly. Additionally, the ability to easily create and test prototypes allows for faster iteration and the ability to make changes and improvements to a design before it goes live.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: /*#__PURE__*/_jsx(\"br\", {\n        className: \"trailing-break\"\n      })\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: /*#__PURE__*/_jsx(Link, {\n        href: \"https://www.framer.com/?via=babarogic\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: \"https://www.framer.com\"\n        })\n      })\n    }), /*#__PURE__*/_jsx(\"h2\", {\n      children: \"Use Case: Building a Website from Scratch with Framer\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"As a designer, I was recently faced with the task of building a website for a startup company from scratch. The company needed a professional and modern website, but they had a tight deadline of only 2 weeks. I knew that this would be a challenging task, but I also knew that I had the right tool for the job: Framer.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"With Framer, I was able to design and prototype the entire website in less than a week. This was possible because of the tool's intuitive interface and powerful animation and interaction tools. I was able to create a high-fidelity prototype of the website that included all the necessary elements, such as buttons, forms, and animations.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"The best part about using Framer is that I didn't need any help from developers. With Framer, I had full control over the production process and I was able to create the website exactly as I envisioned it. This allowed me to work efficiently and save a lot of time, which was crucial since the deadline was so tight.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Once the prototype was complete, I was able to hand it off to the developers who were able to quickly and easily convert it into a fully functional website. Thanks to Framer, the startup company was able to launch their website in less than two weeks, and it looked and functioned exactly as I had designed it.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"The experience of using Framer was very smooth, and I was able to deliver a high-quality website to the client on time. I would definitely recommend Framer to other designers looking to build interactive and engaging websites, especially for startup companies with tight deadlines.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"In conclusion, Framer is a powerful tool that allows designers to create interactive and engaging websites without any help from developers. It is easy to use, has a wide range of built-in animations and interactions, and it allows you to have full control over the production process. This makes it the perfect tool for creating professional and modern websites quickly and efficiently.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: /*#__PURE__*/_jsx(\"br\", {\n        className: \"trailing-break\"\n      })\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Overall, Framer is a must-have tool for any designer looking to create interactive and engaging websites. With its simple and intuitive interface, powerful animation and interaction tools, and integration with other design tools, Framer makes it easy to create unique and dynamic user experiences.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: /*#__PURE__*/_jsx(\"br\", {\n        className: \"trailing-break\"\n      })\n    }), /*#__PURE__*/_jsxs(\"p\", {\n      children: [\"If you're interested in trying out Framer for yourself, you can check it out here \", /*#__PURE__*/_jsx(Link, {\n        href: \"https://www.framer.com/?via=babarogic\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: \"https://www.framer.com\"\n        })\n      })]\n    }), /*#__PURE__*/_jsx(\"h2\", {\n      children: /*#__PURE__*/_jsx(\"strong\", {\n        children: \"Conclusion\"\n      })\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"In conclusion, Framer is a powerful tool for web designers looking to create interactive and engaging user experiences. Its ability to create dynamic and responsive designs, as well as easily create and test prototypes, makes it a valuable tool for elevating your web design to the next level.\"\n    })]\n  }),\n  rAyZbCQBK: \"In the world of web design, creating interactive and engaging user experiences is crucial for success. Framer, a design and prototyping tool, has become a go-to tool for designers looking to create dynamic and responsive websites. In this article, we will explore the benefits of using Framer for web design and how it can help elevate your designs to the next level.\\n\\n\",\n  vMf8RK1by: \"building-no-code-interactive-websites-with-framer\"\n}, {\n  b4o5rKqBi: {\n    src: new URL(\"https://framerusercontent.com/images/MefqNFfBKEAQuY9VgIZK6OvCuA.webp\").href\n  },\n  Dw0p_agKH: \"Introducing Athos a Framer UX Designer Portfolio Template\",\n  id: \"m90WQ2aLz\",\n  lBifBEMBD: \"2023-01-12T00:00:00.000Z\",\n  NgnBKSllU: /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsx(\"h2\", {\n      children: \"Showcase Your Work with Sophistication and Style\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"As a UX designer, presenting your work in an attractive and organized manner is essential to impress clients and land your dream job. In a competitive industry, having a professionally crafted portfolio can set you apart. That's where Zenfolio comes in - a modern, Framer-built template designed specifically for UX designers to showcase their skills with elegance and style.\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: /*#__PURE__*/_jsx(\"strong\", {\n        children: \"Why Choose Zenfolio?\"\n      })\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Zenfolio's clean and calm design lets your work take center stage. The template's minimalist aesthetic ensures your portfolio remains uncluttered, allowing your projects to shine. Here are some of the key features that make Zenfolio the perfect choice for UX designers:\"\n    }), /*#__PURE__*/_jsxs(\"ol\", {\n      style: {\n        \"--framer-font-size\": \"16px\",\n        \"--framer-line-height\": \"1.5em\",\n        \"--framer-text-alignment\": \"start\",\n        \"--framer-text-color\": \"rgb(55, 53, 47)\",\n        \"--framer-text-transform\": \"none\"\n      },\n      children: [/*#__PURE__*/_jsx(\"li\", {\n        \"data-preset-tag\": \"p\",\n        children: /*#__PURE__*/_jsxs(\"p\", {\n          children: [/*#__PURE__*/_jsx(\"strong\", {\n            children: \"Framer-Built\"\n          }), \": Zenfolio is built using Framer, a cutting-edge tool for interactive design. This allows for smooth and stunning animations, making your portfolio stand out even more.\"]\n        })\n      }), /*#__PURE__*/_jsx(\"li\", {\n        \"data-preset-tag\": \"p\",\n        children: /*#__PURE__*/_jsxs(\"p\", {\n          children: [/*#__PURE__*/_jsx(\"strong\", {\n            children: \"Structured Case Study Layout\"\n          }), \": With Zenfolio's well-organized case study layout, your projects are presented with clarity and impact. This makes it easy for clients and employers to understand your design process and recognize your expertise.\"]\n        })\n      }), /*#__PURE__*/_jsx(\"li\", {\n        \"data-preset-tag\": \"p\",\n        children: /*#__PURE__*/_jsxs(\"p\", {\n          children: [/*#__PURE__*/_jsx(\"strong\", {\n            children: \"SEO-Friendly\"\n          }), \": Zenfolio is designed with SEO best practices in mind, making it easier for your portfolio to be discovered by potential clients searching for top UX designers.\"]\n        })\n      }), /*#__PURE__*/_jsx(\"li\", {\n        \"data-preset-tag\": \"p\",\n        children: /*#__PURE__*/_jsxs(\"p\", {\n          children: [/*#__PURE__*/_jsx(\"strong\", {\n            children: \"Responsive Design\"\n          }), \": Zenfolio is fully responsive, ensuring your portfolio looks great on any device, from smartphones to large desktop monitors.\"]\n        })\n      }), /*#__PURE__*/_jsx(\"li\", {\n        \"data-preset-tag\": \"p\",\n        children: /*#__PURE__*/_jsxs(\"p\", {\n          children: [/*#__PURE__*/_jsx(\"strong\", {\n            children: \"Customizable\"\n          }), \": Zenfolio's intuitive customization options allow you to adapt the template to your unique style, ensuring your portfolio truly reflects your design vision.\"]\n        })\n      })]\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"In conclusion, Zenfolio is the ultimate Framer-based template for UX designers looking to showcase their work with sophistication and style. Elevate your portfolio and make a lasting impression on clients and employers with Zenfolio. Try it out today and unlock your full potential as a UX design professional.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: /*#__PURE__*/_jsx(Link, {\n        href: \"https://babarogic.lemonsqueezy.com/checkout?cart=d7964fda-1e52-4937-83f9-b4c4c9fc5e8e\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          children: \"Duplicate Template for Free\"\n        })\n      })\n    })]\n  }),\n  rAyZbCQBK: \"As a UX designer, presenting your work in an attractive and organized manner is essential to impress clients and land your dream job. In a competitive industry, having a professionally crafted portfolio can set you apart. That's where Zenfolio comes in - a modern, Framer-built template designed specifically for UX designers to showcase their skills with elegance and style.\",\n  vMf8RK1by: \"athos-framer-ux-designer-portfolio-template\"\n}];\ndata.forEach(item => Object.freeze(item));\naddPropertyControls(data, {\n  Dw0p_agKH: {\n    defaultValue: \"\",\n    title: \"Title\",\n    type: ControlType.String\n  },\n  rAyZbCQBK: {\n    defaultValue: \"\",\n    displayTextArea: true,\n    title: \"Description\",\n    type: ControlType.String\n  },\n  vMf8RK1by: {\n    title: \"Slug\",\n    type: ControlType.String\n  },\n  lBifBEMBD: {\n    defaultValue: \"\",\n    title: \"Date\",\n    type: ControlType.Date\n  },\n  b4o5rKqBi: {\n    title: \"Image\",\n    type: ControlType.ResponsiveImage\n  },\n  NgnBKSllU: {\n    defaultValue: \"\",\n    title: \"Content\",\n    type: ControlType.RichText\n  }\n});\ndata[\"displayName\"] = \"Blog\";\nexport default data;\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"default\": {\n      \"type\": \"data\",\n      \"name\": \"data\",\n      \"annotations\": {\n        \"framerSlug\": \"vMf8RK1by\",\n        \"framerEnumToDisplayNameUtils\": \"1\",\n        \"framerContractVersion\": \"1\",\n        \"framerRecordIdKey\": \"id\",\n        \"framerData\": \"\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};"],
  "mappings": "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",
  "names": ["data", "u", "x", "p", "Link", "item", "addPropertyControls", "ControlType", "BuyTrafJy_default", "__FramerMetadata__"]
}