How Framer Advertises on Meta

# Ad summary The ad promotes Framer, a website building platform. It features a rotating 3D model of a gift box, along with text promoting a free domain when you upgrade your site. # Brand positioning Framer is presented as a modern and functional platform for website building. The brand is positioned as providing value through its ability to help customers upgrade their websites. The free domain offer suggests a desire to attract new users and incentivize upgrades. The brand aims to occupy the space of a user-friendly and valuable website building tool. The brand's visual style is clean and modern, aligning with simplicity and functionality. There are no overt challenges to category norms or competitor behaviors in the ad, but it emphasizes simplicity and value. # Product Framer is presented as a website building platform. The ad specifically promotes the ability to upgrade your site and receive a free domain. This implies that Framer offers various tiers of service, with the free domain being an incentive for upgrading. The product is for individuals or businesses looking to improve their existing website or build a new one with added benefits. The visual of a gift box tied with a ribbon emphasizes the promotional nature of the offer, framing the free domain as a gift. The primary USP is the combination of a website upgrade and the added value of a free domain, appealing to users looking for cost-effective solutions. # Visual style The ad has a clean and polished aesthetic with a focus on the 3D model and text overlay. The editing is simple, with static shots and smooth transitions. The production quality is high-end, giving it a commercial feel. The pacing is slow and deliberate, with the focus on the rotating gift box and text message. # Hooks Text overlay: 00:00–00:03 Upgrade your site. / 00:00–00:03 Get a free domain. Visual: 00:00–00:03: A rotating 3D model of a gift box with a reflective black cube shape and a translucent blue ribbon. The Framer logo is prominently displayed on the front of the box. The background is plain black, creating a clean and modern look. Below the gift box, the text 'Upgrade your site. Get a free domain.' is displayed in white. The lighting is soft and highlights the reflective surfaces of the box. # Funnel stage Middle of funnel (Consideration) # Pain points The central pain point addressed is the cost associated with purchasing a domain. By offering a free domain, Framer removes this barrier, making it more attractive for users to upgrade their sites. # Value propositions - Upgrade your site and get a free domain - Free domain (incentive for upgrading) # Benefits - Get a free domain # Features - Ability to upgrade your site # Call to action None used. # Social proof - None used. # Point of view - Brand 100% – The ad is told from the brand's perspective. # Storyline - 00:00–00:03 The ad begins with a rotating 3D model of a gift box with the Framer logo on it. - 00:00–00:03 Text appears below the gift box stating, 'Upgrade your site. Get a free domain.'

# Ad summary This ad demonstrates how to improve the look and feel of interface design by using easing effects, creating a slight delay for the sub-headline, setting the effect to per word, and adding a 10-pixel blur. # Brand positioning The brand is presented as a design resource for founders, offering solutions to make interfaces look and feel better. It positions itself as a provider of key design and animation principles that can elevate the quality of design work. The brand aligns with a functional approach, focusing on improving the performance and aesthetics of interface design through specific techniques. # Product The product is a set of design and animation principles that can be applied to interface design to improve its look and feel. It is for founders and designers who want to create more visually appealing and user-friendly interfaces. The ad highlights the use of easing effects, creating a slight delay for the sub-headline, setting the effect to per word, and adding a 10-pixel blur as key techniques. The USP is that by following these principles, designers can transform a "horrible" design into something "good" and even "premium enough that Bruce Wayne himself would buy it." # Visual style The ad has a polished yet casual aesthetic, combining direct address from a man in a dimly lit room with screen recordings of design interfaces. The editing style includes quick cuts between the man speaking and the design interface. The production quality is a hybrid of UGC and commercial, supporting an informative and engaging tone. The pacing is consistent, with cuts timed to the voiceover lines. # Hooks Spoken: 00:00–00:04 How do you go from this to this? And why does this one look and feel better? Text overlay: 00:00–00:01 How do you go / 00:01–00:02 from this / 00:01–00:07 Interface design, for founders (text on screen) / 00:01–00:07 Pause or cancel anytime. (text on screen) / 00:02–00:03 to this? / 00:03–00:04 this one look and feel better? Visual: 00:00–00:01 A man with short dark hair, light skin, wearing a black long-sleeve shirt, is centered in the frame, looking directly at the camera and speaking. He is positioned in front of a black microphone and a laptop. The background is a dimly lit room with a vertical light strip on the right and a dark screen on the wall. / 00:01–00:02 A white screen with black text that reads "Interface design, for founders. Pause or cancel anytime." is displayed. The text "from this" is at the bottom of the screen. / 00:02–00:03 A white screen with black text that reads "Interface design, for founders. Pause or cancel anytime." is displayed. The text "to this?" is at the bottom of the screen. / 00:03–00:04 A white screen with black text that reads "Interface design, for founders. Pause or cancel anytime." is displayed. The text "this one look and feel better?" is at the bottom of the screen. # Funnel stage Middle of funnel (Consideration) # Pain points The ad addresses the pain point of having a design that looks and feels unappealing or unprofessional. The speaker explicitly calls the initial design "complete ass," highlighting the frustration of having a poorly designed interface. # Value propositions - By using easing effects, animations feel smooth and buttery. - Creating a slight delay for the sub-headline and setting the effect to per word follows the visual hierarchy on the page. - Adding a 10-pixel blur makes the design feel premium. # Benefits - Makes animations feel smooth and buttery - Follows the visual hierarchy on the page - Makes the design feel premium # Features - Easing effects - Slight delay for the sub-headline - Effect set to per word - 10-pixel blur # Call to action None used. # Point of view - Brand 100% – The entire video is delivered by a man representing the brand, explaining and demonstrating design principles. # Storyline - 00:00–00:04 00:00–00:04 The ad begins with a man asking how to go from one design to another and why one looks and feels better. The message is to pique curiosity about design improvement. The perspective is from the brand, presented by a man speaking directly to the camera in a casual, inquisitive tone. - 00:04–00:07 00:04–00:07 The man states that the first version is "complete ass" because it doesn't follow key design principles. The message is to highlight the importance of design principles. The perspective is from the brand, presented by a man speaking directly to the camera in a casual, critical tone. - 00:07–00:11 00:07–00:11 The man explains that key design and animation principles can make a design feel way better. The message is to introduce the solution. The perspective is from the brand, presented by a man speaking directly to the camera in a casual, informative tone. - 00:11–00:17 00:11–00:17 The man explains that the first version is not using any sort of easing effect, which makes animations feel smooth and buttery. The message is to highlight the importance of easing effects. The perspective is from the brand, presented by a man speaking directly to the camera in a casual, informative tone. - 00:17–00:24 00:17–00:24 The man explains that simply changing from linear to Framer's built-in spring-easing effect takes us from horrible to good. The message is to demonstrate the impact of a specific design principle. The perspective is from the brand, presented by a man speaking directly to the camera in a casual, informative tone. - 00:24–00:25 00:24–00:25 The man states that we can do better. The message is to encourage further improvement. The perspective is from the brand, presented by a man speaking directly to the camera in a casual, encouraging tone. - 00:25–00:38 00:25–00:38 The man explains that we'll create a slight delay for the sub-headline and set the effect to per word to follow the visual hierarchy on the page, and to bring this home even further, we'll add a 10-pixel blur to make this feel premium. The message is to demonstrate additional design principles. The perspective is from the brand, presented by a man speaking directly to the camera in a casual, informative tone. - 00:38–00:41 00:38–00:41 The man states that the design will feel premium enough that Bruce Wayne himself would buy it. The message is to emphasize the high quality of the improved design. The perspective is from the brand, presented by a man speaking directly to the camera in a casual, confident tone.

# Ad summary The ad shows someone designing the word "BUILD" with a star inside using Framer. The person then reveals a poster that they created using the design in Framer. # Brand positioning This ad presents Framer as a tool for designers to bring their creative visions to life. It is positioned as a platform where users can create and design unique graphic arts with ease. Framer aims to occupy the space of innovative design and creative expression in the consumer's mind. # Product The product is Framer, a digital design tool that empowers users to create graphic arts. It is used on a desktop. The USP of Framer, shown in the ad, is how you can turn your graphic arts into posters. The use occasion shown is for creating graphic arts. No purchase barriers are addressed. # Visual style The ad has a simple and modern aesthetic. The editing style includes quick cuts and static shots. The production quality is polished with bright lighting. There are no visual motifs. # Hooks Spoken: [Music playing] Text overlay: 00:00–00:09 Visual: 00:00–00:01 The screen is a bright white. Black lines appear to be made by someone using a stylus. # Funnel stage Top of funnel (Awareness) # Pain points None used. # Value propositions - Framer is a digital design tool that empowers users to create graphic arts. - You can turn your graphic arts into posters. # Benefits - Create graphic arts - Turn graphic arts into posters # Features - Digital design tool # Call to action None used. # Social proof - None used. # Point of view - Customer 100% – The ad is told from the point of view of a designer showcasing Framer. # Storyline - 00:00–00:05 The ad begins with a screen recording of someone using Framer to draw shapes. - 00:05–00:07 The shapes are arranged to create the word “BUILD” with a star in the middle. - 00:07–00:09 The person then holds up a poster they created using Framer with the design they just made in the app.

# Ad summary This ad uses a testimonial from the Head of Design at Perplexity to highlight how Framer allows companies to move fast, avoid waiting on development, and not compromise on design. # Brand positioning Framer is presented as a tool that empowers companies to create standout websites quickly and efficiently. The brand positions itself as a solution that eliminates the traditional bottlenecks of web development, such as waiting on developers and compromising on design quality. By featuring a testimonial from the Head of Design at Perplexity, Framer aligns itself with high-performing, innovative companies. The brand emphasizes functionality by focusing on speed and design integrity, appealing to users who value both performance and aesthetics in their web development process. # Product Framer is a platform that enables companies to ship standout websites. It is designed for users who want to move fast, avoid waiting on development, and not compromise on design. The product's key selling points, as highlighted by the testimonial, are its ability to streamline the web development process, allowing for quick deployment and uncompromised design quality. The ad addresses the common pain points of slow development cycles and design compromises, positioning Framer as a solution that overcomes these barriers. By featuring Perplexity, the ad suggests that Framer is suitable for companies that prioritize innovation and efficiency in their web development efforts. # Visual style The ad has a clean and minimalist visual style, using a light gray and white color palette. The design is simple and modern, with a focus on readability and clarity. The use of subtle gradients and abstract shapes in the background adds a touch of sophistication without distracting from the main message. The overall aesthetic is professional and trustworthy, aligning with the brand's positioning as a reliable and efficient web development tool. # Hooks Headline: "Framer gives us everything we need to move fast. We don't wait on dev. We don't compromise on design." # Funnel stage Middle of funnel (Consideration) # Pain points The ad addresses the pain point of slow web development processes and the need to compromise on design quality due to development constraints. The quote, "We don't wait on dev. We don't compromise on design," directly signals this frustration. # Value propositions - Framer gives us everything we need to move fast. - We don't wait on dev. - We don't compromise on design. # Benefits - Everything we need # Features - Move fast - Don't wait on dev - Don't compromise on design # Call to action None used. # Social proof - "Framer gives us everything we need to move fast. We don't wait on dev. We don't compromise on design." – Henry Modisett, Head of Design at Perplexity # Point of view - Customer: The testimonial quote from Henry Modisett provides a first-hand account of the benefits of using Framer, reflecting the customer's experience and satisfaction. - Brand: The statements "Companies like Perplexity use Framer to ship standout websites" and the inclusion of the Perplexity logo are from the brand's perspective, highlighting its value proposition and association with successful companies. # Storyline - The ad begins with a testimonial quote from Henry Modisett, Head of Design at Perplexity, stating, "Framer gives us everything we need to move fast. We don't wait on dev. We don't compromise on design." This quote is intended to immediately convey the core benefits of using Framer from the perspective of a satisfied user. - The ad then identifies Henry Modisett as the Head of Design at Perplexity, adding credibility to the testimonial by highlighting his professional role and the reputation of his company. This is told from the brand's perspective, aiming to build trust and authority. - The ad concludes by stating, "Companies like Perplexity use Framer to ship standout websites," reinforcing the idea that Framer is a tool used by successful and innovative companies. This is told from the brand's perspective, further emphasizing the product's value and appeal.

# Ad summary The ad is about Framer and how easy it is to use the program and its features. The ad uses a comparison to show how to use a motion effect with text, a scale in effect, and a layer in view. It shows how these elements will make your site more polished and visually appealing. # Brand positioning The brand, Framer, is presented as a user-friendly design tool that simplifies the creation of motion graphics and website elements. The ad positions Framer as an accessible platform that enables users to make polished and visually appealing sites. It promotes functional simplicity by highlighting how motion effects and subtle animations can be achieved with just a few clicks. The brand emphasizes the ease of use and the ability to quickly enhance a website's overall feel, making it appear more refined and engaging without requiring extensive technical skills. # Product Framer is presented as a productivity app that helps users quickly add motion and animation to their website designs. The ad focuses on the ease of implementing various effects, such as text animations that blur and offset to create a dynamic appearance and scale-in effects that trigger when a layer comes into view. These features are designed to enhance the visual appeal and user experience of a website. It positions Framer as a tool to make a site feel more polished and visually appealing with just a couple of clicks. The ad demonstrates how these effects can be applied to text and other elements in the app, highlighting the intuitive and straightforward nature of Framer's interface. # Visual style The ad has a polished and modern aesthetic. The editing style includes quick cuts and screen recordings to demonstrate the ease of use of the platform. The pacing is consistent, providing a clear and concise tutorial. The visual motifs include a clean, modern workspace and a focus on the user interface, which supports the intended tone of professionalism and accessibility. # Hooks Spoken: 00:00–00:02 Can you spot the difference between this and this? Text overlay: 00:00–00:01 Can you spot (in caption box) / 00:00–00:01 the difference (in caption box) / 00:00–00:02 between this (in caption box) / 00:02–00:02 and this (in caption box) Visual: 00:00–00:01 A gray, modern-style office space. A desk with a monitor, keyboard, and mouse. On the monitor is the Framer website. The hands and arms of a man type on the keyboard. On the wall behind the desk is a black and white clock-like decoration. / 00:01–00:02 A screen recording of the Framer website. There are several small sections showcasing what the website offers. # Funnel stage Middle of funnel (Consideration) # Pain points Websites that look unpolished due to static or basic design elements. A website that feels visually unappealing. # Value propositions - Ability to add motion with a few clicks # Benefits - Your site feels more polished - Your site is visually appealing # Features - Text effects - The ability to set animation per word - Ability to tweak the blur and offset values - Bento card section - A subtle scale-in effect # Call to action None used. # Point of view - Customer 100% – The ad is delivered by a man showing how to use Framer. # Storyline - 00:00–00:01 The video begins with a question to the audience if they can spot the difference between two website pages. - 00:00–00:01 The user is being prompted to find the difference. The tone is inviting and inquisitive. - 00:01–00:06 The man continues by saying the layout and content is the same, but one thing changed. - 00:01–00:06 The man is setting up a reveal with a lighthearted tone. - 00:06–00:10 The screen reads “Motion” and the man begins a tutorial on how to add a motion effect in Framer. He notes how easy it is. - 00:06–00:10 The man is presenting a tutorial for the program. - 00:10–00:25 The video shows the user how to add a text effect, set animation, and tweak values in Framer. - 00:10–00:25 The user is showing the steps to add a text effect with a tutorial-like tone. - 00:26–00:35 The man begins to show the audience how to add a scale in effect. - 00:26–00:35 The man is showing the steps to add a scale in effect with a tutorial-like tone. - 00:38–00:44 The man notes that adding motion is an important part of making sure your site is polished and visually appealing. - 00:38–00:44 The man is giving a tip for an aesthetically pleasing website. - 00:44–00:47 The man asks the audience to share their favorite Framer trick. - 00:44–00:47 The man is creating engagement with the audience.

# Ad summary This ad showcases an interactive animation remake in Framer, highlighting its 3D cursor feature. It targets users familiar with animation and design tools, particularly those interested in Framer. # Brand positioning Framer is presented as a tool for designers and animators who want to create interactive and engaging experiences. The brand is positioned as innovative and cutting-edge, pushing the boundaries of what's possible in animation and design. By showcasing the remake of an animation with a 3D cursor, Framer emphasizes its advanced capabilities and its ability to bring ideas to life in a dynamic and interactive way. The brand aligns with a lifestyle of creativity and technological advancement, appealing to users who want to stay ahead of the curve and create unique, immersive experiences. # Product The product being advertised is Framer, a design and animation tool that allows users to create interactive experiences. The ad highlights Framer's ability to remake animations with a 3D cursor, showcasing its advanced features and capabilities. The product is for designers and animators who want to create engaging and dynamic experiences. The ad emphasizes the interactive nature of the animations created with Framer, suggesting that users can create experiences that are more immersive and engaging than traditional animations. The ad addresses the purchase barrier of complexity by showcasing how easy it is to create advanced animations with Framer. # Visual style The ad has a clean and modern visual style, resembling a social media post. The color palette is primarily white and gray, with a focus on the 3D animation. The production quality is high, with a polished and professional look. The typography is clean and legible, and the overall design is simple and easy to understand. The ad mimics a platform-native style, specifically a social media post, which enhances its scannability and stop power in the feed. # Hooks Headline: Do you remember this animation from a while back? # Funnel stage Middle of funnel (Consideration) # Pain points The ad implies that creating interactive animations with a 3D cursor can be challenging, as the creator mentions they "managed to remake it in @framer." # Value propositions - Remake animation with interactive and 3D cursor features using @framer. # Benefits - remake animation # Features - totally interactive - 3D cursor # Call to action Watch on X # Point of view - Brand: The ad showcases the Framer platform and its capabilities, highlighting its interactive features and 3D cursor functionality. - Customer: The ad is presented as a social media post from a user, Reijo, who shares their experience of remaking an animation in Framer, adding a personal touch and testimonial element. # Storyline - The ad starts with a question from the creator, Reijo, asking if the viewer remembers an animation from a while back. This is intended to pique the viewer's curiosity and draw them into the ad. The story is being told from the perspective of the creator, who is sharing their experience with Framer. - Reijo then shares that they managed to remake the animation in Framer, but this time it's totally interactive and has a 3D cursor. This is intended to showcase the capabilities of Framer and highlight its unique features. The story is being told from the perspective of the creator, who is sharing their success with Framer. - The ad then shows a video of the interactive animation with the 3D cursor. This is intended to provide a visual demonstration of the product and its features. The story is being told from the perspective of the viewer, who is experiencing the animation firsthand.

# Ad summary This ad features a testimonial from the founder of Duna, who states that Framer makes sense even if you're not a designer or engineer. They also state that Framer allows them to keep updating without relying on developers. # Brand positioning Framer is presented as a user-friendly website building platform that empowers individuals, regardless of their technical background, to create and update websites independently. The brand positions itself as a solution that simplifies the website creation process, eliminating the need for constant reliance on developers. This appeals to users who value autonomy and efficiency in managing their online presence. Framer aims to occupy the space of accessible, no-code website building, pushing against the traditional norm of requiring specialized coding skills or hiring developers. The brand positioning is both functional, offering simplicity and independence, and emotional, providing a sense of freedom and control over one's digital assets. # Product Framer is a website building platform designed to empower users to create and update websites without needing to rely on developers. The product is for individuals who may not have a background in design or engineering but still want to manage their online presence effectively. The ad highlights the platform's user-friendliness, stating that it "just makes sense." A key selling point is the ability to keep websites updated without the need for developers, addressing the common pain point of dependency on technical experts. This feature offers users a sense of freedom and control over their website's content and functionality. The ad conveys that Framer is worth trying or buying because it simplifies website management and provides independence from developers. # Visual style The ad has a clean and minimalist visual style, using a light gray and white color palette. The design is simple and uncluttered, with a focus on readability and clarity. The subtle background shapes add a touch of depth without distracting from the main content. The overall aesthetic is modern and professional, conveying a sense of trustworthiness and competence. # Hooks Headline: "I'm no designer or engineer, but Framer just makes sense. We can keep updating without relying on developers. That kind of freedom is incredible." # Funnel stage Middle of funnel (Consideration) # Pain points The ad addresses the frustration of needing to rely on developers to update and maintain a website. The quote "We can keep updating without relying on developers" signals this frustration. # Value propositions - Framer just makes sense. - We can keep updating without relying on developers. # Benefits - That kind of freedom is incredible. # Features - Keep updating without relying on developers # Call to action None used. # Social proof - "I'm no designer or engineer, but Framer just makes sense. We can keep updating without relying on developers. That kind of freedom is incredible." – Duco van Lanschot (Founder at Duna) # Point of view - Customer: The testimonial from Duco van Lanschot provides a firsthand account of using Framer, offering a customer's perspective on the platform's benefits. - Brand: The statement "Companies like Duna use Framer to ship standout websites" promotes the brand and its capabilities. # Storyline - The ad opens with a testimonial from Duco van Lanschot, Founder at Duna, who shares their experience using Framer. The intention is to build trust and credibility by showcasing a real user's positive feedback. The audience experiences this from the customer's perspective. - The ad then reinforces the brand's value proposition by stating that companies like Duna use Framer to ship standout websites. This is included to further validate the platform's effectiveness and appeal to a broader audience. The audience experiences this from the brand's perspective.

# Ad summary This ad for Framer highlights the speed and quality of website creation that their platform enables, emphasizing its use by companies like Perplexity to ship standout websites. # Brand positioning Framer is presented as a modern, efficient platform for building websites. The brand emphasizes speed and quality, positioning itself as a tool that enables users to create 'standout websites' more quickly and effectively. By mentioning that companies like Perplexity use Framer, the brand aligns itself with innovative and successful businesses, suggesting that it is a reliable and high-quality choice for professional website development. The brand aims to occupy the space of a user-friendly yet powerful website building tool, appealing to those who value both aesthetics and performance. # Product Framer is a platform designed to help users build websites more efficiently and effectively. The ad highlights its ability to enable users to 'ship standout websites,' suggesting that it offers tools and features that result in high-quality, visually appealing websites. The mention of companies like Perplexity using Framer serves as a form of social proof, indicating that the platform is trusted and utilized by successful businesses. The ad addresses the common pain point of slow or ineffective website development processes, positioning Framer as a solution that streamlines the creation of standout websites. # Visual style The ad has a clean, minimalist visual style with a focus on typography and simple geometric shapes. The color palette is limited to black and white, creating a modern and professional look. The background pattern adds a subtle visual interest without distracting from the main message. The overall design is sleek and uncluttered, emphasizing the brand's focus on efficiency and quality. # Hooks Headline: Build better sites, faster # Funnel stage Middle of funnel (Consideration) # Pain points The ad addresses the pain point of slow or ineffective website development processes. The phrase 'Build better sites, faster' directly implies that the current process may be too slow or not producing satisfactory results. # Value propositions - Build better sites, faster - Ship standout websites # Benefits - Build sites faster # Features - Build better sites - Ship standout websites # Call to action None used. # Social proof - Companies like Perplexity use Framer to ship standout websites. # Point of view - Brand: The brand's POV is present throughout the ad, emphasizing the platform's capabilities and benefits, such as building better sites faster and being used by companies like Perplexity. # Storyline - The ad starts with the headline 'Build better sites, faster,' immediately conveying the core value proposition of the Framer platform. This message is from the brand, aiming to capture the viewer's attention by highlighting the speed and quality of website creation that Framer enables. - The ad then mentions that 'Companies like Perplexity use Framer to ship standout websites,' providing social proof and demonstrating the platform's credibility. This part of the story is told from the brand's perspective, showcasing real-world usage and success to build trust and confidence in potential users.

# Ad summary This ad features a testimonial from Colin Dunn, Co-Founder at Visual Electric, praising Framer for its seamless launching process and frictionless experience. The ad aims to build trust and credibility by showcasing a positive user experience from a reputable company. # Brand positioning Framer is presented as a platform that enables seamless website launching with a focus on efficiency and ease of use. The brand aims to occupy the space of a user-friendly, high-performance website building tool. The brand aligns with values of simplicity and frictionless experiences, positioning itself against the complexity and potential frustrations often associated with website development. The brand positioning is functional, emphasizing performance and simplicity. # Product Framer is a platform designed to help companies ship standout websites. It is presented as a tool that makes the launching process seamless, allowing users to go live in no time and without friction. The product is for companies and individuals looking to create and launch websites efficiently. The ad addresses the common purchase barrier of complex and time-consuming website development processes by highlighting Framer's ease of use and speed. # Visual style The ad has a clean and minimalist visual aesthetic with a focus on simplicity and clarity. The production quality is highly polished, with a modern and professional look. The visual motifs include a clean layout, subtle background textures, and a focus on white space. The image treatment includes soft lighting and subtle shadows to create depth. The typography is clean and legible, contributing to the overall modern feel. The style contrasts with platform-native content, aiming for a high-design look that stands out in the feed. # Hooks Headline: "With Framer, launching was seamless. Live in no time, no friction." # Funnel stage Middle of funnel (Consideration) # Pain points The ad addresses the pain point of complex and time-consuming website launching processes. The quote "With Framer, launching was seamless. Live in no time, no friction." directly signals the frustration of difficult and lengthy website launches. # Value propositions - Seamless launching: Highlights the ease and efficiency of launching websites with Framer. - No friction: Emphasizes a smooth and hassle-free experience. # Benefits - Live in no time - no friction # Features - seamless launching - ship standout websites # Call to action None used. # Social proof - "With Framer, launching was seamless. Live in no time, no friction." – Colin Dunn (Co-Founder at Visual Electric) - Companies like Visual Electric use Framer to ship standout websites. # Point of view - Customer: The testimonial quote from Colin Dunn provides a customer's perspective on the product's benefits. - Brand: The mention of "Companies like Visual Electric use Framer to ship standout websites" represents the brand's perspective on its product's value and appeal. # Storyline - The ad opens with a testimonial quote from Colin Dunn, Co-Founder at Visual Electric, stating that "With Framer, launching was seamless. Live in no time, no friction." This is included to immediately establish the product's ease of use and efficiency from the perspective of a satisfied customer. - The ad then identifies Colin Dunn as the Co-Founder at Visual Electric, adding credibility to the testimonial. This is included to reinforce the trustworthiness of the testimonial by associating it with a real person and a reputable company, from the brand's perspective. - The ad concludes by mentioning that "Companies like Visual Electric use Framer to ship standout websites," further emphasizing the product's value and appeal to businesses. This is included to broaden the appeal of Framer by showcasing its use by other companies, from the brand's perspective.

# Ad summary This ad promotes Framer's domain services. It highlights that you can get a free domain with any paid plan and that Framer can help you come up with domain name ideas by telling them about your business. It concludes with a CTA to find your free domain at framer.com/domains. # Brand positioning Framer is presented as a tech-forward brand providing domain registration services with a focus on ease and accessibility. They position themselves as a modern, cutting-edge option for obtaining a domain name, integrating domain services with paid website builder plans. The ad emphasizes simplicity and value by highlighting free domain offerings and idea generation tools, suggesting a user-friendly approach to web presence. # Product Framer offers domain registration services, which allow users to secure a unique web address for their online presence. The ad highlights that a domain can be obtained for free with any paid Framer plan, addressing the purchase barrier of cost. Framer also provides a domain name generator feature, aiding users in brainstorming domain ideas by simply describing their business or activity. This tool suggests domain options, simplifying the domain selection process. The ad presents Framer as an accessible solution for anyone looking to establish their digital identity, combining domain registration with the tools to easily build a website. # Visual style The ad has a polished, tech-forward aesthetic with clean lines and a modern UI design. It features quick cuts and seamless transitions that sync with the audio, maintaining a consistent pace. The use of bright blues against a dark background creates a visually striking contrast, emphasizing key elements. The overall production quality suggests a professionally produced commercial. # Hooks Spoken: 00:00–00:02: With Framer, it's easy to get the domain you want. Text overlay: 00:00–00:03: rollicase (Search bar) Visual: 00:00–00:02: A close-up of a simulated device screen displays a search bar with the term "rollicase" being typed into the search field. The background features a glossy, black, abstract shape with iridescent colors at the base. The camera remains static, focusing on the search bar activity. # Funnel stage Middle of funnel (Consideration) # Pain points The most central pain point is the difficulty and cost of acquiring a domain name. The ad addresses this pain point by promising a free domain name with a paid plan and offering domain name ideas. # Value propositions - Free domain with paid plan: This provides cost savings and convenience when launching a website. - Domain name idea generation tool: This feature eliminates the difficulty and time needed to brainstorm domain names. # Benefits - Easy to find the domain you want - Help with brainstorming domain names # Features - Free domain with any paid plan - Domain name idea generation tool # Call to action Find your free domain # Social proof - None used. # Point of view - Brand 100% – The entire ad is told from the official voice of the brand. # Storyline - 00:00–00:02 The ad begins with a search bar, showing a domain name being typed out and searched for. - 00:00–00:02 This introduces the core concept of finding and registering domain names using Framer's services. - 00:02–00:05 The next beat shows a list of suggested domain names, highlighting the free availability of domains with a paid plan. - 00:02–00:05 This beat emphasizes the affordability and value proposition of Framer's service. - 00:05–00:06 The ad transitions to a robot character. - 00:06–00:09 The screen then shifts to display domain ideas. - 00:06–00:09 This beat introduces Framer's domain idea generation feature, suggesting ease of use. - 00:09–00:10 The ad shows a cursor clicking a button, resulting in a confirmation checkmark. - 00:09–00:10 The process is shown as quick and effective. - 00:10–00:15 The ad concludes with a call to action, encouraging viewers to find their free domain. - 00:10–00:15 This final beat directs viewers to the Framer website to take the next step.

# Ad summary This ad introduces Framer as a tool to help startups build, launch, and scale their website for free. # Brand positioning Framer positions itself as a solution to the difficulty of building a startup website. It promotes the values of efficiency and accessibility by enabling startups to build, launch, and scale their sites for $0, challenging the norm that website development requires significant investment. The brand messaging is functional by focusing on the performance and simplicity of the product. # Product Framer is an AI-powered website-building platform that enables startups to build, launch, and scale their sites for free. Framer's product is for VC-backed startups looking to quickly and easily create a website. The product differentiates itself with its zero-dollar price point and its all-in-one platform. Framer helps companies to move from "coming soon" to building the "next big thing." # Visual style The ad uses a hybrid style, blending polished commercial elements with a UGC feel. The initial black-and-white shots give a raw, authentic feel, while the product demos and interface displays are cleanly produced. The editing rhythm is fairly quick, with cuts timed to the music beats. The overall aesthetic is modern and minimalist, aligning with a tech-savvy audience. # Hooks Spoken: 00:00–00:02 Startups are hard. Visual: 00:00–00:01 A medium shot shows two young, white-skinned adults (a male and a female) in a monochrome office setting, both looking stressed and weary with their heads resting in their hands. Each is seated at a desk with an Apple laptop in front of them. Additional office workers are visible in the blurred background, along with water glasses and general office items. / 00:01–00:02 A close-up, monochrome shot shows a young, Asian-presenting female with light skin looking offscreen with a worried expression. She has her hands covering her mouth and is wearing a white sweater. The background is blurred with a light fixture visible. # Funnel stage Middle of funnel (Consideration) # Pain points The central pain point is the difficulty and stress associated with building and launching a website for a startup, as highlighted by the opening black-and-white shots of stressed individuals working on laptops. The ad opens with, "Startups are hard." # Value propositions - Go from coming soon to building the next big thing all on one platform - Build, launch, and scale their sites for zero dollars with Framer # Benefits - Build, launch, and scale your sites - Creative Workflow # Features - AI powered - All-in-one platform - Zero dollars # Call to action Apply now and keep building. # Social proof - The ad showcases logos of other popular websites, including Perplexity, Dribbble, and Bird. # Point of view - Brand 95% – The ad communicates the official voice of Framer, detailing product claims and demos with scripted lines. - External source 5% – The ad uses external validation via company logos to build trust. # Storyline - 00:00–00:02 00:00–00:02 The ad opens with a series of black-and-white shots showing people looking stressed while working on laptops. This sets a tone of difficulty and tension to connect with the challenges of startup life. - 00:02–00:07 00:02–00:07 The narrator's voice introduces Framer as a solution to the difficulties startups face. This shifts the perspective to the brand's voice, offering a helpful and easing tone. - 00:07–00:11 00:07–00:11 The ad showcases the Framer platform's user interface, highlighting how VC-backed startups can use it to build, launch, and scale their sites. This section provides a visual representation of Framer's features. - 00:11–00:18 00:11–00:18 The ad emphasizes Framer's accessibility by highlighting the zero-dollar price point and showcasing how users can go from "coming soon" to building the "next big thing." The brand's perspective is one of enablement and support. - 00:18–00:22 00:18–00:22 The ad transitions to displaying the logos of companies that trust Framer, enhancing the brand's credibility. This provides external validation of Framer's effectiveness. - 00:22–00:28 00:22–00:28 The ad concludes with a direct call to action, encouraging viewers to "Apply now and keep building," while reinforcing Framer's supportive role with the message "We've got you covered." This ends the ad with a sense of empowerment.

# Ad summary This ad is a talking head review of Framer and the features that make it great for web design and development. The speaker calls out the ability to design, build, and ideate directly in Framer as a key differentiator. # Brand positioning Framer is presented as a design and development tool for creating interactive and visually engaging websites. It is positioned as a tool that allows designers and developers to quickly and efficiently translate their ideas into functional websites. The brand aligns with the values of innovation, efficiency, and creativity, and aims to empower users to create unique digital experiences. Framer pushes against the traditional norms of web design, which often involve separate design and development phases, by offering a unified platform. Framer's functional positioning is to enable users to create high-quality, interactive websites with ease. # Product Framer is a web design tool that allows users to both design and build websites. It enables the creation of interactive elements, graphic breaks, and overlays to make the digital experience feel tactile and real. The USPs highlighted are its ability to ideate, design, and build directly within the platform, making the jump from concept to execution efficient. Framer is for designers and developers who want to create engaging and interactive websites without the traditional separation of design and development phases. The ad implies that Framer addresses the need for brands to structure web pages like microfilms, and to develop depth, pacing, and context through interaction. # Visual style The ad has a clean, modern aesthetic with a mix of talking-head style shots and screen recordings. The speaker's environment is well-lit with framed art in the background, creating a professional yet approachable feel. The screen recordings showcase various website designs, highlighting Framer's capabilities. The editing style includes quick cuts between the speaker and the screen recordings, maintaining a fast pace. The production quality is polished, with clear visuals and audio. The cuts and transitions are timed to the music and voiceover lines. # Hooks Spoken: 00:00–00:02 [Normal] Scrollytelling or storytelling through scroll. Text overlay: 00:00–00:01 "Scrollytelling" / 00:00–00:01 STORYTELLING THROUGH / 00:00–00:01 SCROLL / 00:00–00:01 2026 Visual: 00:00–00:01 Medium shot of a man with short brown hair and a beard, wearing a white sweater, centered against a neutral wall with framed art. He is speaking directly to the camera with a friendly expression. Text overlay reads “Scrollytelling” STORYTELLING THROUGH SCROLL 2026 / 00:01–00:02 Medium shot of a man with short brown hair and a beard, wearing a white sweater, centered against a neutral wall with framed art. He is speaking directly to the camera with a friendly expression. # Funnel stage Middle of funnel (Consideration) # Pain points Brands need to keep up with modern web design trends such as the TikTok format of scrollytelling, while still maintaining depth, pacing, and context. # Value propositions - The platform makes the jump from concept to execution super efficient. # Benefits - Efficient jump from concept to execution - The digital experience feels tactile and real # Features - Ability to ideate - Design - Build directly in Framer # Call to action None used. # Social proof - None used. # Point of view - Brand 100% – The entire video is told from the official brand perspective, with a speaker presenting information and advocating for Framer's capabilities. # Storyline - 00:00–00:02 00:00–00:02 The speaker introduces the concept of "scrollytelling," defining it as storytelling through scroll. - 00:02–00:04 00:02–00:04 The screen shows examples of websites, with text overlays: "has become essential for brands." The speaker is making the argument that scrollytelling has become essential for brands. - 00:04–00:06 00:04–00:06 The speaker returns to screen, building on the idea of scrollytelling as turning a simple scroll into a narrative moment. - 00:06–00:10 00:06–00:10 The speaker states that in the TikTok era, you have seconds to capture attention with visuals and hooks. - 00:10–00:12 00:10–00:12 He says that the same story told on social needs to extend to web. - 00:12–00:16 00:12–00:16 The speaker says that on the web, depth, pacing and context can develop through interaction. - 00:16–00:18 00:16–00:18 The speaker highlights the fact that brands are now structuring pages like microfilms. - 00:18–00:26 00:18–00:26 Visual examples of web design are shown. The speaker mentions graphic breaks, overlays, and interactive elements that make the digital experience feel tactile and real. - 00:26–00:34 00:26–00:34 The speaker states that all of these narrative beats can be ideated, designed, and built directly in Framer, which makes the jump from concept to execution super efficient. - 00:34–00:38 00:34–00:38 The speaker concludes that storytelling doesn’t just live in the content anymore, it lives in the experience.

# Ad summary This ad promotes Klime Studio, a company that designs websites. The ad shows the process of designing a website, from research and strategy to wireframes and copy to Framer development and A/B testing. # Brand positioning Klime Studio is presented as a modern and innovative web design company that helps driven founders build the brands of tomorrow. The brand values intention and clarity in its design process. Klime Studio positions itself as a partner for founders, offering services like website design and social media design. The brand aims to stand out through custom animated illustrations and a focus on A/B testing to ensure optimal performance. # Product Klime Studio offers website design services, focusing on creating websites that help businesses grow. The process involves several phases: research and strategy to understand the client's goals, audience, and competitors; wireframes and copy to plan the site structure and write converting copy; Framer development to create visual mockups with custom animated illustrations; and A/B testing to design multiple homepage variations and track which performs best. The product aims to deliver fully responsive websites with animations and interactions, ensuring they stand out and are optimized for performance. # Visual style The ad has a polished UGC feel, combining screen recordings of website design interfaces with shots of the creator working at his desk. The editing style includes quick cuts and smooth transitions, maintaining a consistent pace. The visual motifs include dark backgrounds with colorful accents in the website design interfaces. The production quality is high, giving the ad a professional look. # Hooks Spoken: 00:00–00:02: How I create websites that actually grow businesses. Text overlay: 00:00–00:02: How I Create / 00:01–00:02: actually / 00:02–00:03: grow Visual: 00:00–00:02: A young man with brown hair, wearing a black t-shirt and white shorts, sits at a wooden desk in a bright room. He puts on headphones and turns to face the computer screen. The desk has black speakers, a keyboard, a mouse, and a pair of black headphones. Text overlay: "How I Create actually". # Funnel stage Middle of funnel (Consideration) # Pain points The ad implies that many designers miss a crucial step in the website design process, which is A/B testing. This suggests that websites may not be performing as well as they could be due to a lack of optimization. # Value propositions - Comprehensive website design process - Unique design elements with custom animated illustrations - Data-driven optimization through A/B testing - Fully responsive design for optimal user experience # Benefits - Websites that actually grow businesses - Understanding client's goals, audience, and competitors - Planning site structure and writing copy that converts - Creating visual mockups with unique design elements - Optimizing website performance through A/B testing - Interactive and responsive design # Features - Research and strategy - Wireframes and copy - Framer development - Custom animated illustrations - A/B testing - Fully responsive design # Call to action Drop your thoughts in the comments. # Point of view - Brand 100% – The entire video is told from the brand's perspective, showcasing their website design process and expertise. # Storyline - 00:00–00:02 The ad opens with a shot of a man sitting at a desk, working on a computer. The text overlay reads, "How I create websites that actually grow businesses." This sets the stage for the ad, promising to reveal the process behind creating successful websites. - 00:02–00:06 The man turns to the camera and says, "Stay till the end, I'll reveal the hidden step most designers miss." This creates anticipation and encourages viewers to watch the entire ad to learn the secret. - 00:06–00:08 The ad transitions to show the first phase, "Research & Strategy," with the man pointing at his computer screen. This introduces the first step in the website design process. - 00:08–00:12 The man explains, "I start with workshops to understand the client's goals, audience, and competitors." This highlights the importance of understanding the client's needs and market. - 00:12–00:14 He continues, "This defines the whole site strategy." This emphasizes the comprehensive approach to website design. - 00:14–00:16 The ad moves to the second phase, "Wireframes & Copy," with the man sketching on a notepad. This introduces the next step in the process. - 00:16–00:18 The man says, "I plan the site structure and write copy that converts." This highlights the importance of planning and effective copywriting. - 00:18–00:21 The ad shows the man working in Framer, saying, "Then I jump into Framer and create multiple visual mockups." This introduces the design phase using Framer. - 00:21–00:25 He adds, "I also add custom animated illustrations to make it stand out." This emphasizes the unique design elements. - 00:25–00:27 The ad transitions to the third phase, "Framer Development," with the man back at his computer. This introduces the development phase. - 00:27–00:33 The man explains, "Once the concept is approved, I bring it to life in Framer, adding animations, interactions, and making it fully responsive." This highlights the interactive and responsive design. - 00:33–00:36 He concludes, "Finally, I hit publish and the site goes live." This marks the completion of the website design process. - 00:36–00:38 The ad reveals the secret part, "A/B Testing," with animated circles. This introduces the final step for optimization. - 00:38–00:43 The man says, "I design multiple homepage variations and Framer tracks which one performs best." This emphasizes the importance of A/B testing for performance. - 00:43–00:47 The man turns to the camera and asks, "What do you think of this workflow? Drop your thoughts in the comments." This encourages engagement and feedback from viewers.

# Ad summary This ad promotes Framer templates for design portfolios. The ad features a woman speaking directly to the camera, sharing that the secret behind amazing design portfolios is using a Framer template. She shows the Framer website with hundreds of templates, many of which are free. She encourages viewers to start browsing. # Brand positioning Framer is presented as a platform that offers a wide variety of website templates, particularly for design portfolios. The brand positions itself as a resource for creating impressive online portfolios easily, with many free options available. The brand aligns with a modern, design-conscious audience, offering tools that simplify the process of creating professional-looking websites. Framer pushes against the norm of building websites from scratch, offering ready-made templates that can be customized. The brand positioning is both functional (providing templates) and emotional (enabling users to create impressive portfolios). # Product Framer is a platform that provides website templates, specifically for creating design portfolios. The product is for designers and creatives who want to showcase their work online. The ad highlights that Framer offers hundreds of templates to choose from, many of which are free. The USPs include the ease of creating professional-looking portfolios and the availability of numerous free templates. The ad shows the Framer website interface, demonstrating the variety of templates available. The ad addresses the purchase barrier of time and effort required to build a portfolio from scratch, offering a quick and easy solution. # Visual style The ad has a UGC feel, with a mix of direct-to-camera shots and screen recordings. The editing style includes quick cuts and transitions to maintain a fast pace. The production quality is a hybrid of polished and scrappy, with a focus on showcasing the Framer website and templates. The pacing is consistent throughout the ad, with cuts timed to the voiceover. # Hooks Spoken: Female 1: The secret behind of the amazing design portfolios is probably a Framer template. Text overlay: 00:00–00:04 / the secret behind those amazing design portfolios / is probably a Framer template Visual: 00:00–00:02: A woman with long brown hair, wearing a pink shirt, is speaking directly to the camera. She is holding a small black microphone. The background is a blurred outdoor setting with yellow and white walls. / 00:02–00:04: The camera angle changes slightly, showing more of the background, including bicycles parked against a yellow wall. The woman continues to speak directly to the camera. # Funnel stage Middle of funnel (Consideration) # Pain points The pain point is the difficulty and time-consuming nature of creating a design portfolio from scratch. "The secret behind of the amazing design portfolios is probably a Framer template." # Value propositions - Create impressive design portfolios easily with Framer templates. - Access hundreds of templates, many of which are free, to create a unique portfolio. # Benefits - Create amazing design portfolios - Easy to use - Professional-looking results - Cost-effective (many free options) # Features - Website templates - Portfolio templates - Hundreds of templates to choose from - Many free templates # Call to action Start browsing # Social proof - None used. # Point of view - Customer 100% – The ad is presented from the perspective of a user sharing a tip, creating a relatable and authentic feel. # Storyline - 00:00–00:02 The ad begins with a woman sharing a "top portfolio tip." - 00:02–00:04 She reveals that the secret behind amazing design portfolios is using a Framer template. - 00:04–00:08 The ad transitions to a screen recording of the Framer website, showcasing the variety of portfolio website templates available. - 00:05–00:08 The woman emphasizes that the templates won't look the same because there are hundreds to choose from. - 00:08–00:18 The ad highlights that many of the templates are free, showing examples of free templates. - 00:18–00:20 The woman encourages viewers to start browsing the templates.

# Ad summary This ad showcases a design portfolio. The creator highlights the unique features of the portfolio, including the dock-themed navigation, case study design, personality, sense of humor, and the concept of a "bin of ideas." # Brand positioning This ad presents a design portfolio that is unique, creative, and full of personality. The brand aims to occupy a space in the consumer's mind as a source of innovative and visually appealing design. The brand aligns with values of creativity, humor, and individuality. The brand pushes against the norm of traditional, serious design portfolios by incorporating playful elements and a sense of humor. The brand positioning is both functional, showcasing the design skills and capabilities, and emotional, conveying the personality and creativity behind the work. The brand aims to be seen as a source of inspiration and a reflection of the designer's unique perspective. # Product The product is a design portfolio that showcases the designer's skills, creativity, and personality. It is for individuals or companies looking for unique and visually appealing design solutions. The portfolio features a dock-themed navigation, case study designs, and a "bin of ideas" concept. The USPs include the designer's personality, sense of humor, and innovative approach to design. The portfolio can be used to showcase the designer's work to potential clients or employers. The ad addresses the purchase barrier of not knowing the designer's style or capabilities by providing a comprehensive overview of their work. The ad tells the viewer that this portfolio is worth trying or buying because it offers a fresh and creative perspective on design. # Visual style The ad has a UGC feel with a mix of selfie-style shots and screen recordings. The editing style includes quick cuts and static shots. The production quality is a hybrid of polished and scrappy, which supports the intended tone of authenticity and creativity. The pacing is relatively consistent, with cuts timed to the music. The audio-visual sync is noticeable, with text and product actions timed to the music beats and voiceover lines. # Hooks Spoken: 00:00–00:02 The coolest design portfolio you'll see this year. Text overlay: 00:00–00:02 THE COOLEST DESIGN PORTFOLIO YOU'LL SEE THIS YEAR Visual: 00:00–00:02 The shot is a close-up of a young woman with long brown hair, light skin, and a lip piercing. She is wearing a light purple t-shirt and standing in front of a yellow tiled wall. The camera is handheld and slightly shaky, giving it a selfie-style feel. The lighting is bright and natural. The woman is speaking directly to the camera, smiling slightly. # Funnel stage Middle of funnel (Consideration) # Pain points The ad addresses the pain point of potential clients or employers not knowing the designer's style or capabilities. The ad aims to solve this by providing a comprehensive overview of their work, showcasing their unique features, personality, and design skills. # Value propositions - The dock-themed navigation offers a user-friendly and visually appealing way to explore the portfolio. - The case study design demonstrates the depth and quality of the design work. - The bin of ideas concept showcases the creative and experimental nature of the designer's process. - The CV design provides a comprehensive overview of the designer's skills and experience. # Benefits - Unique and creative design - Personality and sense of humor - Comprehensive overview of design skills # Features - Dock-themed navigation - Case study design - Bin of ideas concept - CV design # Call to action Comment WANT for the link # Social proof - None used. # Point of view - Customer 0% – None used. - Brand 0% – None used. - Expert 0% – None used. - External source 0% – None used. - Customer 100% – The ad is presented from the perspective of a creator showcasing their own design portfolio. # Storyline - 00:00–00:02 00:00–00:02 The creator introduces the design portfolio, claiming it's the coolest design portfolio you'll see this year. The message is to grab the viewer's attention and set a high expectation for the portfolio's quality and uniqueness. The perspective is from the creator, who is confident and enthusiastic about their work. The tone is bold and attention-grabbing. - 00:02–00:04 00:02–00:04 The creator presents the portfolio on a laptop screen. The message is to visually introduce the portfolio and its interface. The perspective is from the creator, showcasing their work. The tone is informative and inviting. - 00:04–00:07 00:04–00:07 The creator highlights the dock-themed navigation of the portfolio. The message is to showcase a unique feature of the portfolio's design. The perspective is from the creator, pointing out the innovative design element. The tone is descriptive and appreciative. - 00:07–00:11 00:07–00:11 The creator showcases the case study design within the portfolio. The message is to demonstrate the depth and quality of the design work. The perspective is from the creator, highlighting the detailed case studies. The tone is informative and professional. - 00:11–00:17 00:11–00:17 The creator emphasizes the personality and sense of humor incorporated into the portfolio. The message is to convey the unique character and style of the designer. The perspective is from the creator, showcasing their personal touch. The tone is playful and engaging. - 00:17–00:23 00:17–00:23 The creator presents the concept of a "bin of ideas" within the portfolio, referring to it as "the playground." The message is to highlight the creative and experimental nature of the designer's process. The perspective is from the creator, sharing their personal approach to design. The tone is imaginative and inviting. - 00:23–00:25 00:23–00:25 The creator summarizes the portfolio, highlighting the CV design and everything it encompasses, and includes a call to action to comment "WANT" for the link. The message is to encourage engagement and provide access to the portfolio. The perspective is from the creator, inviting viewers to explore their work. The tone is direct and actionable.

# Ad summary This ad showcases five ideas you can vibe code in Framer Workshop. The ad shows examples of pixelation, cursor effects, personal inventory, retro pong game, animated SVG paths, digital notebook, and games combined with vectors 2.0. # Brand positioning Framer Workshop is presented as a cutting-edge design platform that empowers users to create minimalist, luxury, and forward-thinking designs. The brand aligns with values of innovation and creativity, pushing against the norms of traditional design tools by offering a versatile and user-friendly environment. Framer Workshop aims to occupy a space in the consumer's mind as a go-to platform for bold brands, avant-garde designers, and style pioneers shaping what comes next. The brand positioning is both functional, offering a range of design tools and features, and emotional, inspiring creativity and innovation. # Product Framer Workshop is a versatile design platform that enables users to create a wide range of digital projects. It offers features such as pixelation effects, cursor effects, personal inventory design, retro pong game creation, animated SVG paths, digital notebook functionality, and the ability to combine games with vectors 2.0. The platform is designed for designers, creatives, and innovators looking to push the boundaries of digital design. Framer Workshop addresses the barrier of complexity often associated with design tools by providing a user-friendly interface and a range of creative options. The ad highlights the platform's ability to bring unique and innovative ideas to life, making it a worthwhile tool for anyone looking to explore the future of design. # Visual style The ad has a polished and modern aesthetic, with a focus on showcasing the platform's capabilities through screen recordings. The editing style is quick and dynamic, with smooth transitions between different design examples. The production quality is high, giving the ad a professional and sophisticated feel. The pacing is consistent, with cuts timed to the music beats, creating a visually engaging experience. # Hooks Spoken: 00:00–00:02: 5 ideas you can vibe code in Framer Workshop Text overlay: 00:00–00:02 5 ideas / 00:00–00:02 you can vibe code / 00:01–00:02 in Framer Workshop Visual: 00:00–00:02: A computer screen displays a design interface with a pixelated image of two people. The background is a solid orange color. Below the screen is a small electronic device with pixelated displays. # Funnel stage Top of funnel (Awareness) # Pain points The ad addresses the pain point of complexity often associated with design tools, offering a user-friendly interface and a range of creative options. # Value propositions - Framer Workshop offers a versatile design platform with a user-friendly interface, enabling users to create a wide range of unique and innovative designs. # Benefits - Versatile design platform - User-friendly interface - Wide range of creative options - Ability to create unique and innovative designs # Features - Pixelation effects - Cursor effects - Personal inventory design - Retro pong game creation - Animated SVG paths - Digital notebook functionality - Games combined with vectors 2.0 # Call to action None used. # Social proof - None used. # Point of view - Brand 100% – The ad is presented from the official voice of the brand, showcasing the platform's features and capabilities. # Storyline - 00:00–00:02 The ad opens with a display of various design ideas created using Framer Workshop. - 00:02–00:04 The ad transitions to showcasing cursor effects, highlighting the platform's ability to create interactive and engaging designs. - 00:04–00:06 The ad then features a personal inventory design, demonstrating the platform's versatility in creating organized and visually appealing interfaces. - 00:06–00:08 Next, the ad showcases a retro pong game created within Framer Workshop, emphasizing the platform's ability to create interactive and nostalgic experiences. - 00:08–00:10 The ad transitions to animated SVG paths, highlighting the platform's capability to create dynamic and visually stunning animations. - 00:10–00:13 The ad then features a digital notebook, demonstrating the platform's ability to create intuitive and user-friendly interfaces for note-taking and creative expression. - 00:13–00:16 Finally, the ad showcases games combined with vectors 2.0, emphasizing the platform's ability to create complex and engaging gaming experiences.

# Ad summary This ad demonstrates how to use Framer to quickly create a website. The ad shows how to use the wireframer to generate a base website, then adjust the font size, add visuals, add a header and footer, add a dark mode, and add testimonials and stats sections. The ad also shows how the website is responsive and how to add cool animations. # Brand positioning Framer is presented as a tool that empowers users to quickly and easily create websites without needing to design from scratch. The brand positions itself as a solution for those who want to build better sites, faster, by providing a platform that simplifies the design process. Framer aligns with values of efficiency and user-friendliness, offering a functional approach to web design that contrasts with the traditional, more complex methods. # Product Framer is a design tool for websites that allows users to build better sites, faster. It features a wireframer that generates a base website based on user descriptions. Users can adjust font sizes, add visuals, and customize sections such as headers, footers, testimonials, and stats. The tool also supports dark mode and responsive design, ensuring websites look good on any device. Framer enables users to add animations, providing a solid base for creating professional and visually appealing websites. # Visual style The ad has a clean and modern aesthetic, with a mix of real-life shots and screen recordings. The editing style is quick and efficient, with cuts timed to the voiceover. The production quality is polished, giving the ad a professional feel. The pacing is consistent, maintaining a steady rhythm throughout the video. # Hooks Spoken: Stop designing website from scratch. Use this method instead. Text overlay: Stop designing / Website / from scratch / Use this method instead Visual: 00:00–00:03: A man with dark hair wearing a black sweater, dark jeans, and a green baseball cap is sitting on a black leather couch in a well-lit living room. He is holding a dark mug and drinking from it. Behind him is a large, light-colored bookshelf with various decorative items. He stands up and walks towards a desk. # Funnel stage Middle of funnel (Consideration) # Pain points The ad addresses the pain point of spending too much time and effort designing websites from scratch. # Value propositions - The wireframer allows you to quickly generate a base website without designing from scratch. - The responsive design ensures your website looks good on any device. - The ability to add cool animations makes your website visually appealing. # Benefits - Build better sites, faster - Solid base for your website # Features - Wireframer - Adjust font size - Add visuals - Add header and footer - Dark mode - Add testimonials and stats sections - Responsive design - Cool animations # Call to action None used. # Social proof - None used. # Point of view - Brand 100% – The entire video is presented from the brand's perspective, showcasing the features and benefits of Framer. # Storyline - 00:00–00:03 The ad opens with a man sitting on a couch, drinking from a mug, and then standing up to walk to his desk. - 00:03–00:03 The man walks to his desk and puts on his glasses, setting the stage for the product demonstration. - 00:04–00:05 The ad transitions to a screen recording of the Framer website. - 00:05–00:06 The user opens Framer and creates a new project. - 00:06–00:10 The user goes to the wireframer and describes what they want to create. - 00:10–00:12 The wireframer generates the base website. - 00:12–00:15 The user adjusts the font size and adds visuals. - 00:15–00:17 The user adds a header and footer to the website. - 00:17–00:20 The user adds a dark mode to the website. - 00:21–00:23 The user adds testimonials and stats sections. - 00:23–00:25 The user adjusts the sections to their liking. - 00:25–00:28 The ad shows that the website is already responsive. - 00:28–00:31 The ad shows how to add cool animations. - 00:31–00:32 The ad concludes by stating that you now have a solid base for your website.

# Ad summary This ad promotes Framer, a website building platform that allows users to design websites without code. The ad highlights the platform's features, including AI-assisted design, templates, Figma integration, layout tools, components, animations, and Workshop, an AI companion that builds anything. # Brand positioning Framer is presented as a user-friendly website building platform that empowers individuals to create professional-looking websites without needing to know how to code. The brand emphasizes design freedom and ease of use, positioning itself as a tool for bringing bold ideas to life quickly. Framer aims to occupy the space of accessible, powerful design, aligning with values of creativity and innovation. It pushes against the traditional norm of coding knowledge being a barrier to entry in web design, offering a functional and empowering solution for users who want control over their online presence. # Product Framer is a website building platform that allows users to design and publish websites without needing to code. It offers a range of features, including AI-assisted design for generating starting layouts, thousands of free and premium templates, and the ability to import designs from Figma. The platform provides smart layout tools for controlling page structure, powerful components for faster design, and advanced interactions and animations for bringing ideas to life. Framer also includes Workshop, an AI companion that can build custom components and widgets. The platform emphasizes total design freedom and control over even the smallest details, making it suitable for users who want to create unique and professional websites at their own pace. # Visual style The ad has a polished and modern aesthetic, with a mix of clean product demos and visually engaging website examples. The editing style is fast-paced, with quick cuts and smooth transitions that keep the viewer engaged. The production quality is high-end, giving the ad a professional and trustworthy feel. The pacing is consistent throughout, with cuts timed to the music and voiceover lines. The ad uses a mix of black and white and color visuals, creating a dynamic and visually appealing experience. # Hooks Spoken: 00:00–00:02: With Framer, you don't need to know how to code. Text overlay: 00:00–00:02: With Framer, you don't need to know how to code. Visual: 00:00–00:00: A laptop sits on a desk in a dimly lit room with blue lighting. The laptop screen displays a website design with the word "Festivalmm" at the top and a collage of images below. / 00:00–00:01: A smartphone lies on a white desk surrounded by a notebook, pen, glasses, and keyboard. The phone screen displays a website design with the text "We help ambitious teams turn bold visions into lasting impact." / 00:01–00:02: The smartphone from the previous shot remains on the desk, displaying a different section of the website. # Funnel stage Middle of funnel (Consideration) # Pain points The ad addresses the pain point of needing to know how to code in order to design and build a website. "With Framer, you don't need to know how to code." # Value propositions - Total design freedom - Faster website creation - User-friendly platform - AI-powered assistance # Benefits - Design websites without coding - Create professional-looking websites - Bring bold ideas to life - Control over the smallest details - Build and ship at your own pace # Features - AI-assisted design - Thousands of free and premium templates - Import designs from Figma - Smart layout tools - Powerful components - Advanced interactions and animations - Workshop: on-demand AI companion # Call to action Get started for free # Point of view - Brand 100% – The entire ad is delivered from the official voice of the brand, showcasing product claims and demos. # Storyline - 00:00–00:00 The ad opens with a shot of a laptop displaying a website design, immediately establishing the context of web design. - 00:00–00:02 00:00–00:02: A voiceover introduces Framer and its key value proposition: no coding knowledge is needed. This is conveyed from the brand's perspective, aiming to alleviate a common barrier to entry in web design. - 00:02–00:04 00:02–00:04: The voiceover continues, stating that users only need to know what good looks like. This reinforces the idea that design skills are more important than coding skills, positioning Framer as a tool for visual creators. - 00:04–00:07 00:04–00:07: The ad transitions to showcasing the Framer canvas, emphasizing that all the design happens within the platform. This provides a visual demonstration of the product's interface and capabilities. - 00:07–00:12 00:07–00:12: The ad highlights different ways to start a design project: from scratch, with AI-generated layouts, or using templates. This showcases the platform's flexibility and caters to different user preferences. - 00:12–00:19 00:12–00:19: The ad demonstrates the option to import designs from Figma, appealing to users who already use that tool. This expands Framer's appeal to a wider audience of designers. - 00:19–00:36 00:19–00:36: The ad showcases various features and capabilities of Framer, including layout tools, components, interactions, and animations. This provides a comprehensive overview of the platform's functionality. - 00:36–00:48 00:36–00:48: The ad introduces Workshop, Framer's AI companion, which can build custom components and widgets. This highlights the platform's advanced capabilities and its ability to handle complex design tasks. - 00:48–00:54 00:48–00:54: The ad emphasizes that Framer brings everything together to give users the site they dreamed of, faster than ever. This reinforces the platform's value proposition of ease of use and speed. - 00:54–00:59 00:54–00:59: The ad concludes with a call to action, encouraging viewers to start building and shipping at their own pace with Framer. This reinforces the platform's user-friendly approach and its focus on empowering creators.

# Ad summary This ad demonstrates how to create a scrolling effect on a website using Framer. # Brand positioning Framer is presented as a user-friendly website builder that allows users to create websites with cool scrolling effects in less than a minute. The brand is positioned as a tool that simplifies complex web design tasks, making them accessible to a broader audience. The brand aligns with values of simplicity, efficiency, and innovation, pushing against the norm of complex coding and time-consuming web development processes. The brand positioning is functional, focusing on the simplicity and speed of creating websites with unique scrolling effects. # Product Framer is a website builder that allows users to create websites with unique scrolling effects. The product is for anyone who wants to create a website with cool scrolling effects quickly and easily. The ad demonstrates how to create a scrolling effect in less than a minute using Framer's workshop plugin. The USP is the speed and simplicity of creating websites with unique scrolling effects. The ad shows how to create a scrolling effect by opening Framer, clicking on the plugins menu, selecting workshop, creating a scroll video component, putting it in the desktop breakpoint, uploading the video, setting it to fixed, and making the height a bit bigger. The ad addresses the purchase barrier of complex coding and time-consuming web development processes. # Visual style The ad has a polished commercial aesthetic with quick cuts and smooth transitions. The production quality is high-end, which supports the intended tone of simplicity and efficiency. The pacing is consistent throughout the ad, with cuts timed to the voiceover lines. # Hooks Spoken: This website is going viral for its super cool scrolling effects. Text overlay: website / for / scrolling / effects Visual: 00:00–00:03: Split screen. Top: A website with a cartoon character on an orange background. Bottom: A woman with long brown hair, wearing a black shirt, standing in front of a blue neon light, speaking into a microphone. # Funnel stage Middle of funnel (Consideration) # Pain points The ad addresses the pain point of complex coding and time-consuming web development processes. The woman says that she will show how to build the same thing in Framer in less than a minute. # Value propositions - Create websites with cool scrolling effects in less than a minute # Benefits - Create websites with unique scrolling effects - Create websites quickly and easily - Simplify complex web design tasks # Features - Website builder - Workshop plugin - Scroll video component - Desktop breakpoint - Fixed height # Call to action None used. # Social proof - None used. # Point of view - Customer 100% – The entire video is told from the perspective of a customer demonstrating how to use the product. # Storyline - 00:00–00:03 The video starts with a woman introducing a website that is going viral for its super cool scrolling effects. - 00:03–00:05 The woman then says that she will show how to build the same thing in Framer in less than a minute. - 00:05–00:25 The woman then demonstrates how to create a scrolling effect in Framer by opening Framer, clicking on the plugins menu, selecting workshop, creating a scroll video component, putting it in the desktop breakpoint, uploading the video, setting it to fixed, and making the height a bit bigger. - 00:25–00:27 The woman then says "boom" and shows the scrolling effect in action.

# Ad summary This ad features an illustrator who uses Framer to create his online portfolio. He highlights the ease of use, free templates, and customization options, and encourages viewers to comment 'Framer' to receive a link and promo code. # Brand positioning Framer is presented as a user-friendly web design tool that simplifies the process of creating online portfolios and websites, particularly for individuals with limited web design experience. The brand aims to occupy a space in the consumer's mind as an accessible and easy-to-use tool that empowers users to create visually appealing and functional websites without the stress and complexity typically associated with web design. Framer aligns with values of simplicity, creativity, and empowerment, promoting a lifestyle where users can easily showcase their work online. The brand pushes against the norm of complex and daunting web design processes, offering a functional and emotional solution that makes web design easy and enjoyable. # Product Framer is a web design tool that simplifies the process of creating online portfolios and websites. It offers a range of free templates that users can easily adapt to their style and customize to fit their brand. The tool allows users to add images, update copy, and change colors to their liking. Framer is designed to make web design easy and accessible, even for those with zero web design experience. The ad highlights the tool's ability to create mind-blowing results without the stress typically associated with web design. Framer also offers animations to elevate portfolios. # Visual style The ad has a casual, UGC-style aesthetic with a mix of static shots and quick cuts. The production quality is a hybrid of polished commercial and UGC feel, which supports the intended tone of authenticity and relatability. The editing rhythm is fairly consistent, with cuts timed to the music beats and voiceover lines. The pacing is moderate, with around 15-20 cuts per minute. # Hooks Spoken: Male 1: Web design scares me and I have no idea what I'm doing Text overlay: 00:00–00:34 WEB DESIGN MADE EASY With Framer / 00:00–00:02 web design scares me and I have no idea what I'm doing Visual: 00:00–00:01 The shot shows a man in a light blue t-shirt and a black beanie sitting in a chair in front of a white desk. He has a mustache and is looking at the camera with a slightly confused expression, shrugging his shoulders. The background is a room with white walls, a wooden ceiling, and a cartoon sticker on the wall. Text overlay reads 'WEB DESIGN MADE EASY With Framer'. / 00:01–00:02 The shot changes to a wider angle, showing the man sitting at his desk with a computer monitor and keyboard. The background includes a brick wall, a window, and various items on the desk. The man is looking at the monitor with a thoughtful expression. # Funnel stage Middle of funnel (Consideration) # Pain points The central frustration is the daunting task of creating an online portfolio, especially for those with zero web design experience. 'as an illustrator with zero web design experience creating an online portfolio is such a daunting task' # Value propositions - Easy web design: Framer makes web design easy, even for those with zero web design experience. - Customizable templates: Framer offers free templates that you can easily adapt to your style and customize to fit your brand. - Stress-free portfolio creation: Framer allows you to create a professional-looking portfolio without being completely stressed out. # Benefits - Makes web design easy - Mind-blowing results - Elevates portfolio - No stress # Features - Free templates - Customization options - Ability to add images - Ability to update copy - Ability to change colors - Animations # Call to action comment "FRAMER" # Social proof - "I never really thought I could make my portfolio look this good and not be completely stressed out" – Male 1 (Customer) - "I absolutely love how the animations elevate my portfolio" – Male 1 (Customer) # Point of view - Customer 100% – The entire video is told from the perspective of a customer who is sharing his experience with the product. # Storyline - 00:00–00:02 The ad begins with the speaker stating that web design scares him and that he has no idea what he's doing. This is intended to create a sense of relatability and empathy with the audience, positioning the speaker as an ordinary person facing a common challenge. The perspective is from the speaker, an illustrator, who is expressing his initial apprehension about web design. The tone is honest and slightly humorous. - 00:02–00:07 The speaker elaborates on his lack of web design experience and the daunting task of creating an online portfolio. This reinforces the problem and sets the stage for the solution. The perspective remains from the speaker, who is sharing his personal experience and challenges. The tone is slightly frustrated and overwhelmed. - 00:07–00:11 The speaker introduces Framer as a solution that makes web design easy, highlighting its mind-blowing end results. This marks a shift in the narrative from problem to solution. The perspective is still from the speaker, who is now presenting Framer as a positive and effective tool. The tone is optimistic and enthusiastic. - 00:11–00:22 The speaker details Framer's features, such as free templates, customization options, and the ability to add images, update copy, and change colors. This provides concrete evidence of Framer's value and ease of use. The perspective is from the speaker, who is now acting as a product demonstrator. The tone is informative and persuasive. - 00:22–00:27 The speaker expresses his satisfaction with Framer, stating that he never thought he could make his portfolio look so good without being stressed out. This serves as a testimonial and reinforces the product's benefits. The perspective is from the speaker, who is now sharing his personal success story. The tone is grateful and impressed. - 00:27–00:34 The speaker highlights the animations that elevate his portfolio and encourages viewers to comment 'Framer' to receive a link and promo code. This serves as a call to action and incentivizes engagement. The perspective is from the speaker, who is now acting as a brand advocate. The tone is inviting and encouraging.