# Ad summary
The ad demonstrates how to create a mouse effect in Wix Studio. It shows how to add a background image, change it to a black and white visual, add a gradient, switch the settings to advanced, set the size in percentages, align it to the center, set the blend mode to difference, go to the animation panel, add a mouse effect, apply track animation, and adjust the axis and easing.
# Brand positioning
Wix Studio is presented as a platform that empowers users to easily and effectively create advanced design interactions. By showcasing the effortless implementation of a trendy mouse effect, the brand promotes itself as a user-friendly yet powerful tool for web design innovation. The brand aligns with a modern, tech-forward lifestyle, positioning itself against traditional, complex coding methods by offering a simplified, design-focused approach.
# Product
Wix Studio is a web design platform that allows users to create interactive and visually appealing websites without needing extensive coding knowledge. The platform features an array of tools and settings to customize designs, including options to add and manipulate images, adjust blending modes, and implement mouse-tracking animations. Key features highlighted in the ad include the ability to add a background image, switch to a black-and-white visual, overlay a gradient, adjust settings to advanced, set sizes in percentages, align elements, and apply mouse-tracking animations. By focusing on the ease of creating a visually engaging mouse effect, the ad suggests that Wix Studio is an accessible tool for achieving sophisticated web design.
# Visual style
The ad uses a clean, instructional visual style, focusing on screen recordings of the Wix Studio interface. Editing is fairly quick, with cuts timed to emphasize each step of the tutorial. The production quality is polished, creating a professional and trustworthy tone. Visual motifs include close-ups of the UI elements and clear text overlays to guide the viewer. The pacing is consistent, matching the step-by-step nature of the tutorial, with cuts roughly every 2-3 seconds. Audio-visual sync is maintained by timing the text and product actions with the voiceover.
# Benefits
- [object Object]
- [object Object]
- [object Object]
# Features
- [object Object]
- [object Object]
- [object Object]
- [object Object]
- [object Object]
- [object Object]
- [object Object]
- [object Object]
- [object Object]
- [object Object]
- [object Object]
# Call to action
Go try it on Wix Studio
# Point of view
- [object Object]
# Storyline
- 00:00–00:02 The video introduces the goal of recreating a mouse effect and shows an example of the effect in action.
- 00:02–00:03 The screen switches to the Wix Studio interface, beginning the demonstration.
- 00:03–00:04 The narrator and the interface instruct the viewer to add a background image to the design project.
- 00:04–00:06 The interface shows how to change the added image to a black-and-white visual, following the instructor's lead.
- 00:07–00:09 The screen demonstrates how to add a black-and-white gradient on top of the background image, with the narrator instructing the viewer.
- 00:10–00:11 Following the step-by-step demonstration, the video shows the viewer how to switch the settings to advanced, enabling more customization options.
- 00:11–00:13 The narrator guides the user through setting the size in percentages, providing specific measurements and placement options in the Wix Studio interface.
- 00:13–00:14 The video continues to show how to align the image to the center, both horizontally and vertically, using the Wix Studio tools.
- 00:15–00:17 The narrator directs the viewer to set the blend mode to 'Difference' in order to get the desired effect.
- 00:17–00:19 Continuing the tutorial, the narrator instructs the viewer to navigate to the animation panel within Wix Studio.
- 00:19–00:21 The screen demonstrates how to add a mouse effect, a key step in creating the interactive design.
- 00:21–00:23 The viewer is guided on how to apply track animation to the image, enhancing the responsiveness to mouse movement.
- 00:23–00:25 The final steps of the tutorial show how to adjust the axis and easing for the animation, fine-tuning the effect's behavior.
- 00:25–00:27 The video concludes with a display of the completed mouse effect, demonstrating the end result of following the tutorial.
- 00:28–00:30 The video closes with a call to action, urging viewers to try the effect on Wix Studio, reinforcing the brand's focus.