2025
ART DIRECTION
SAAS
How we showed that Semrush is ready for the new search era—from traditional SEO to AI discovery.
How I designed and coordinated Semrush’s global campaign page, connecting cinematic brand storytelling with product experiences for traditional SEO and AI discovery.
Role
Contributions
Timeline
2025
ART DIRECTION
SAAS
How we showed that Semrush is ready for the new search era—from traditional SEO to AI discovery.
How I designed and coordinated Semrush’s global campaign page, connecting cinematic brand storytelling with product experiences for traditional SEO and AI discovery.
Role
Contributions
Timeline
2025
ART DIRECTION
SAAS
How we showed that Semrush is ready for the new search era—from traditional SEO to AI discovery.
How I designed and coordinated Semrush’s global campaign page, connecting cinematic brand storytelling with product experiences for traditional SEO and AI discovery.
Role
Contributions
Timeline

context
The world of search has changed. People no longer “Google”—they ask AI.
To stay ahead of the curve, Semrush launched a global brand campaign showing that it provides solutions for both traditional SEO and LLM-powered discovery.
context
The world of search has changed. People no longer “Google”—they ask AI.
To stay ahead of the curve, Semrush launched a global brand campaign showing that it provides solutions for both traditional SEO and LLM-powered discovery.
context
The world of search has changed. People no longer “Google”—they ask AI.
To stay ahead of the curve, Semrush launched a global brand campaign showing that it provides solutions for both traditional SEO and LLM-powered discovery.
“
Win every search. From traditional SEO to AI discovery. Get seen with the world's most powerful digital brand visibility tools.



my role
Source of truth
As a Senior Web Designer, I was responsible for the visual and structural design of the main campaign page and the coordination of all connected web updates.
my role
Source of truth
As a Senior Web Designer, I was responsible for the visual and structural design of the main campaign page and the coordination of all connected web updates.
my role
Source of truth
As a Senior Web Designer, I was responsible for the visual and structural design of the main campaign page and the coordination of all connected web updates.
Key areas of ownership:
•
Designed and structured the main brand page
•
Updated 7 product pages
•
Added promo elements on 5 product pages
•
Designed a new block for the Semrush homepage
•
Curated 2 freelancers
•
Led the UI direction across 30 branded UIs (static and animated)
•
Collaborated with web developers and motion designers to implement advanced animations
Key areas of ownership:
•
Designed and structured the main brand page
•
Updated 7 product pages
•
Added promo elements on 5 product pages
•
Designed a new block for the Semrush homepage
•
Curated 2 freelancers
•
Led the UI direction across 30 branded UIs (static and animated)
•
Collaborated with web developers and motion designers to implement advanced animations
Key areas of ownership:
•
Designed and structured the main brand page
•
Updated 7 product pages
•
Added promo elements on 5 product pages
•
Designed a new block for the Semrush homepage
•
Curated 2 freelancers
•
Led the UI direction across 30 branded UIs (static and animated)
•
Collaborated with web developers and motion designers to implement advanced animations
challenge
Constant changes
The campaign evolved dynamically—both messaging and art direction changed several times during production.
challenge
Constant changes
The campaign evolved dynamically—both messaging and art direction changed several times during production.
challenge
Constant changes
The campaign evolved dynamically—both messaging and art direction changed several times during production.
This meant:
✍️
Rapid iterations of both copy and design
🔃
Redesigning the page mid-process after a new art direction was introduced
😵💫
Keeping visual consistency between multiple teams and assets under tight deadlines
This meant:
✍️
Rapid iterations of both copy and design
🔃
Redesigning the page mid-process after a new art direction was introduced
😵💫
Keeping visual consistency between multiple teams and assets under tight deadlines
This meant:
✍️
Rapid iterations of both copy and design
🔃
Redesigning the page mid-process after a new art direction was introduced
😵💫
Keeping visual consistency between multiple teams and assets under tight deadlines



design goals
Connect two worlds
The main challenge was to connect a vibrant, cinematic brand video with the more product-focused landing experience. The page needed to bridge two worlds—emotional storytelling and clear product messaging.
design goals
Connect two worlds
The main challenge was to connect a vibrant, cinematic brand video with the more product-focused landing experience. The page needed to bridge two worlds—emotional storytelling and clear product messaging.
design goals
Connect two worlds
The main challenge was to connect a vibrant, cinematic brand video with the more product-focused landing experience. The page needed to bridge two worlds—emotional storytelling and clear product messaging.
Visual goal:
Create a transition from dark → light, reflecting the shift from brand to product.
🌚
Dark section: mirrors the visual style of the campaign video (bold, energetic, cinematic)
🌝
Light section: aligns with Semrush’s product design system (clean, structured, focused)
Visual goal:
Create a transition from dark → light, reflecting the shift from brand to product.
🌚
Dark section: mirrors the visual style of the campaign video (bold, energetic, cinematic)
🌝
Light section: aligns with Semrush’s product design system (clean, structured, focused)
Visual goal:
Create a transition from dark → light, reflecting the shift from brand to product.
🌚
Dark section: mirrors the visual style of the campaign video (bold, energetic, cinematic)
🌝
Light section: aligns with Semrush’s product design system (clean, structured, focused)
The brand video
—————
The landing page acts as a bridge between emotional storytelling in the brand video and functional interaction with the product platform
—————

The product platform

The product platform

The product platform
design process
Step 1: Structure
I built the page as a narrative journey—from emotional impact to product value. It begins with a dark, cinematic section inspired by the campaign video, creating an immediate visual link and emotional pull. As the story unfolds, it transitions into a light, product-driven section, where clarity, usability, and conversion take center stage. This contrast helped connect storytelling and functionality while maintaining one cohesive experience.
design process
Step 1: Structure
I built the page as a narrative journey—from emotional impact to product value. It begins with a dark, cinematic section inspired by the campaign video, creating an immediate visual link and emotional pull. As the story unfolds, it transitions into a light, product-driven section, where clarity, usability, and conversion take center stage. This contrast helped connect storytelling and functionality while maintaining one cohesive experience.
design process
Step 1: Structure
I built the page as a narrative journey—from emotional impact to product value. It begins with a dark, cinematic section inspired by the campaign video, creating an immediate visual link and emotional pull. As the story unfolds, it transitions into a light, product-driven section, where clarity, usability, and conversion take center stage. This contrast helped connect storytelling and functionality while maintaining one cohesive experience.



Step 2: Collaboration
The campaign evolved quickly—both in message and direction. I worked closely with brand, marketing, content, and development teams to refine copy, maintain consistency, and deliver fast iterations. Together with developers, we implemented smooth on-page animations and tested new web technologies to achieve a modern, fluid experience.
Step 2: Collaboration
The campaign evolved quickly—both in message and direction. I worked closely with brand, marketing, content, and development teams to refine copy, maintain consistency, and deliver fast iterations. Together with developers, we implemented smooth on-page animations and tested new web technologies to achieve a modern, fluid experience.
Step 2: Collaboration
The campaign evolved quickly—both in message and direction. I worked closely with brand, marketing, content, and development teams to refine copy, maintain consistency, and deliver fast iterations. Together with developers, we implemented smooth on-page animations and tested new web technologies to achieve a modern, fluid experience.
Focus areas:
✍️
✍️
Copy refinement to support visual hierarchy and storytelling
🔧
🔧
Advanced animation experiments for performance and engagement
Step 3: Responsive experience
I designed the page to deliver a seamless experience across a wide range of devices—from extra-wide desktops (1920px+, 1920px) to standard desktops (1440px, 1024px), tablets (990px, 768px), and mobiles (575px, 375px). Each breakpoint was carefully refined to preserve the storytelling rhythm, visual hierarchy, and animation quality, ensuring that the campaign felt equally powerful and engaging on every screen size.
Step 3: Responsive experience
I designed the page to deliver a seamless experience across a wide range of devices—from extra-wide desktops (1920px+, 1920px) to standard desktops (1440px, 1024px), tablets (990px, 768px), and mobiles (575px, 375px). Each breakpoint was carefully refined to preserve the storytelling rhythm, visual hierarchy, and animation quality, ensuring that the campaign felt equally powerful and engaging on every screen size.
Step 3: Responsive experience
I designed the page to deliver a seamless experience across a wide range of devices—from extra-wide desktops (1920px+, 1920px) to standard desktops (1440px, 1024px), tablets (990px, 768px), and mobiles (575px, 375px). Each breakpoint was carefully refined to preserve the storytelling rhythm, visual hierarchy, and animation quality, ensuring that the campaign felt equally powerful and engaging on every screen size.
leading the UI direction
Took ownership of the UI direction
When the campaign started, the UI assets were a complete mix—dozens of disconnected fragments coming from different stakeholders, products, and teams. Each piece looked and felt different, and there was no clear logic behind how they should work together. I took ownership of bringing order to this chaos. I collected all available UIs, analyzed their structure and purpose, and compared them with the actual product interfaces and marketing content across all campaign pages. This deep analysis helped me identify common patterns, eliminate unnecessary complexity, and define a unified approach that made further design work faster and more consistent. After building this foundation, I distributed tasks among three core teams—motion, brand, and web—and coordinated two freelancers. Each group received clearly structured UI packages with references and design logic. Throughout production, I supervised art direction and quality, ensuring that all teams stayed visually aligned and that every UI piece felt part of the same design system. As a result, we transformed a fragmented set of assets into a cohesive, flexible, and scalable UI collection—one that not only supported the campaign but also reinforced Semrush’s overall brand consistency across web and motion experiences.
leading the UI direction
Took ownership of the UI direction
When the campaign started, the UI assets were a complete mix—dozens of disconnected fragments coming from different stakeholders, products, and teams. Each piece looked and felt different, and there was no clear logic behind how they should work together. I took ownership of bringing order to this chaos. I collected all available UIs, analyzed their structure and purpose, and compared them with the actual product interfaces and marketing content across all campaign pages. This deep analysis helped me identify common patterns, eliminate unnecessary complexity, and define a unified approach that made further design work faster and more consistent. After building this foundation, I distributed tasks among three core teams—motion, brand, and web—and coordinated two freelancers. Each group received clearly structured UI packages with references and design logic. Throughout production, I supervised art direction and quality, ensuring that all teams stayed visually aligned and that every UI piece felt part of the same design system. As a result, we transformed a fragmented set of assets into a cohesive, flexible, and scalable UI collection—one that not only supported the campaign but also reinforced Semrush’s overall brand consistency across web and motion experiences.
leading the UI direction
Took ownership of the UI direction
When the campaign started, the UI assets were a complete mix—dozens of disconnected fragments coming from different stakeholders, products, and teams. Each piece looked and felt different, and there was no clear logic behind how they should work together. I took ownership of bringing order to this chaos. I collected all available UIs, analyzed their structure and purpose, and compared them with the actual product interfaces and marketing content across all campaign pages. This deep analysis helped me identify common patterns, eliminate unnecessary complexity, and define a unified approach that made further design work faster and more consistent. After building this foundation, I distributed tasks among three core teams—motion, brand, and web—and coordinated two freelancers. Each group received clearly structured UI packages with references and design logic. Throughout production, I supervised art direction and quality, ensuring that all teams stayed visually aligned and that every UI piece felt part of the same design system. As a result, we transformed a fragmented set of assets into a cohesive, flexible, and scalable UI collection—one that not only supported the campaign but also reinforced Semrush’s overall brand consistency across web and motion experiences.

Hard work close up

Hard work close up

Hard work close up



results & takeaways
Campaign goals
As a large-scale global initiative, the campaign aimed to strengthen Semrush’s leadership in digital visibility and highlight its readiness for the AI-driven future of search.
results & takeaways
Campaign goals
As a large-scale global initiative, the campaign aimed to strengthen Semrush’s leadership in digital visibility and highlight its readiness for the AI-driven future of search.
results & takeaways
Campaign goals
As a large-scale global initiative, the campaign aimed to strengthen Semrush’s leadership in digital visibility and highlight its readiness for the AI-driven future of search.
Key objectives:
📈
Drive widespread awareness across organic and paid channels during the launch period
💰
Support growth in recurring revenue
🌍
Reinforce Semrush’s brand authority in AI-powered search and digital marketing
Key objectives:
📈
Drive widespread awareness across organic and paid channels during the launch period
💰
Support growth in recurring revenue
🌍
Reinforce Semrush’s brand authority in AI-powered search and digital marketing
Key objectives:
📈
Drive widespread awareness across organic and paid channels during the launch period
💰
Support growth in recurring revenue
🌍
Reinforce Semrush’s brand authority in AI-powered search and digital marketing
Results & takeaways
The completed campaign demonstrated how design can:
Results & takeaways
The completed campaign demonstrated how design can:
Results & takeaways
The completed campaign demonstrated how design can:
→
→
→
Visually connect storytelling and product
→
→
→
Adapt fast to shifting brand strategy
→
→
Unite multiple teams and directions under one consistent vision
For me, it was a deep dive into cross-team collaboration, high-speed design iteration, and modern web animation—proving how thoughtful design can drive brand transformation in the AI era.
For me, it was a deep dive into cross-team collaboration, high-speed design iteration, and modern web animation—proving how thoughtful design can drive brand transformation in the AI era.
For me, it was a deep dive into cross-team collaboration, high-speed design iteration, and modern web animation—proving how thoughtful design can drive brand transformation in the AI era.