How does AI improve the marketing efficiency of the Web3 market? A practical guide from design to brand positioning

Market people who are proficient in using AI will stand out in this wave of technology and become "super individuals" with super productivity. This article is derived from the articles written by @kvncnls and @xkonjin, and is compiled and compiled by Techflow. (Summary: Google will "cooperate with MediaTek" to develop the next generation of AI chips to reduce dependence on Huida. Broadcom is dangerous? (Background added: Breaking the Huida monopoly? Google's most powerful AI model "Gemma 3" beats DeepSeek and OpenAI with 1 H100) The marketer of the future only needs two things: creativity and AI-enabled brains. As the upstream of marketing, brand storytelling and design are on the cusp of Web 3 projects. Today, share how Web3 marketing bigwigs use AI tools to play a trap "combination fist", tools are offered, and more "take-ism". Case 1: Designer's AI combination Monad's designer @kvncnls shared on Twitter the process of using AI design tools to make the Monad Testnet Banner, showing the process of using AI to put design ideas into a professional design drawing. This greatly contributes to the productivity of the design for future marketers. AI Design Tool Combination: @figma, @jittervideo, @LottieFiles, @cursor_ai, @greensock Case 2: Brand positioning methodology shared by top Web 3 Agency Hype, and GPT model linking Web 3 rise hacking @xkonjin collating @celestia brand positioners with Web 3 well-known Agency-@hypepartners Chief Marketer @emilyxlai's dialogue, sharing the brand positioning methodology, GTP model, and a table about the Web 3 well-known projects Celestia, EigenLayer, Symbiotic.fi brand positioning comparison, use the brand positioning framework in the table on this trap GPT model trap, in the development of brand strategy with half the effort, take away! GPT: Table: Case 1 How to Design a Testnet Banner with AI Tools: Using Monad as an Example Designer @kvncnls recently shared on Twitter how he used multiple AI design tools to create a unique banner page for Monad Testnet. He details the entire design process, including tool selection, creative sources, and how to achieve it. Here are the steps he shared, compiled into a practical how-to guide. 1. Decide on a theme and tool selection @kvncnls Wanting the design to revolve around the theme of a retro 80s game, the following AI tools were chosen: Visual Electric: An AI graphics generation tool for designers for consistent visuals. Jitter: An animation tool for designing motion effects. LottieFiles: Animation file export tool that supports lightweight JSON animations. Cursor: A code editing tool that can quickly achieve page interaction. Figma: Mainly used for wireframe design. Greensock (GSAP): Used to animate complex web pages. 2. Generate core visuals with Visual Electric @kvncnls Starting from the style of a retro 80s game in Visual Electric, the graphic design of the hero section was generated through AI cues. This tool helped him quickly build visual elements with cassette texture and vintage interactivity. Friendly reminder: such a professional prompt is not newbie can think of, it is recommended to save the template 3. Character Diagram Design To enrich the page content, he leveraged AI to generate character diagrams. These diagrams often contain different poses, angles, and expression variations of the characters, similar to the workflow of an illustrator. @kvncnls says he consumes all of his AI credits. 4. Title Design and Vectorization The title of the page "BREAK MONAD" is also generated by AI. Although he doesn't actually use it, he mentions that the resulting images can be imported into vecticon.co and vectorized into SVG format for later adjustments. 5. Design Adjustments and Background Removal After completing the preliminary design, he adjusted the resulting footage in different angles and poses. Then use Visual Electric's built-in "Remove Background" tool to clean up the excess and end up with clean footage. 6. Animation He imported the adjusted footage into Jitter to create a simple animation effect. Although the first draft of the animation has been completed, he wanted to add more complex interactive effects. 7. Implement the parallax scrolling effect To give the background sprite a parallax effect as the page scrolls, @kvncnls split the foreground and background animations into two separate animations and export them to the LottieFiles format. Subsequently, he added a scroll-triggered parallax effect to Cursor and disabled it on mobile for performance optimization. 8. Add themed effects To echo the title "BREAK MONAD", he added some "glitch/stutter" style screen effects to the page to further enhance the theme of the retro game. The video is linked to the original tweet at the end of the article. 9. Tips for combining tools Although Figma is his usual design tool, this time he said that he did not use Figma too much in the design of the hero part, but directly started with Visual Electric. Jitter and Cursor play an important role in animation and interactions. 10. Final release After a series of tweaks and optimizations, @kvncnls successfully launched Monad Testnet's banner page, full of 80s retro-style design. Through the sharing of @kvncnls, we can see the huge potential of AI tools in the design process—from visual generation to animation to interactive implementation, and the combination of these tools can make design more efficient and creative. Case 2 Branding and Positioning of Web3 Projects: How AI Can Help Brand positioning is a challenging task in the cryptocurrency and Web3 space, especially in an increasingly competitive market environment. Just as Amazon created...