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.

Let’s keep in touch ✌️

Let’s keep in touch ✌️

Let’s keep in touch ✌️