MARKETING SCHOOL SALES PAGE

MARKETING SCHOOL SALES PAGE

Explore Full Project

An online education platform specializing in social media marketing, known for its energetic approach and ambitious launch goals. They were preparing to promote a new course focused on project marketing and automation — using short video content.

Note: The full case is presented as a scrolling video here to preserve the interactive nature and motion-first experience of the design.

Client

Margo Bylinina

Year

2021

Category

UX/UI Design | Interactive Scroll Website | EdTech

CHALLENGE

CHALLENGE

The client needed a bold, animated website that would:

  • Impress at first glance (visual "wow-effect");

  • Keep users engaged on a scroll-heavy, text-rich landing page;

  • Maintain clarity while showcasing a complex offer with multiple benefits;

  • Increase conversions without relying on traditional sales tactics.

It was 2021 — bold UI motion wasn't mainstream, and most websites were still static. We needed to go beyond standard layouts and create an interactive visual experience.

The client needed a bold, animated website that would:

  • Impress at first glance (visual "wow-effect");

  • Keep users engaged on a scroll-heavy, text-rich landing page;

  • Maintain clarity while showcasing a complex offer with multiple benefits;

  • Increase conversions without relying on traditional sales tactics.

It was 2021 — bold UI motion wasn't mainstream, and most websites were still static. We needed to go beyond standard layouts and create an interactive visual experience.

CHALLENGE

The client needed a bold, animated website that would:

  • Impress at first glance (visual "wow-effect");

  • Keep users engaged on a scroll-heavy, text-rich landing page;

  • Maintain clarity while showcasing a complex offer with multiple benefits;

  • Increase conversions without relying on traditional sales tactics.

It was 2021 — bold UI motion wasn't mainstream, and most websites were still static. We needed to go beyond standard layouts and create an interactive visual experience.

MY APPROACH

MY APPROACH

  • I led the UX concept and full art direction, including a creative direction for photoshoot — built around deep red and burgundy tones to stand out and reflect the course’s intensity and confidence.

  • Structured the long-form content in a way that encourages gradual discovery, using split sections, micro-interactions, and visual breaks to retain attention.

  • Added interactive scroll mechanics with layered animations and movement triggers that bring the content to life — every scroll feels like progress.

  • Introduced playful illustrations and universal UI patterns to balance readability with excitement.

  • I led the UX concept and full art direction, including a creative direction for photoshoot — built around deep red and burgundy tones to stand out and reflect the course’s intensity and confidence.

  • Structured the long-form content in a way that encourages gradual discovery, using split sections, micro-interactions, and visual breaks to retain attention.

  • Added interactive scroll mechanics with layered animations and movement triggers that bring the content to life — every scroll feels like progress.

  • Introduced playful illustrations and universal UI patterns to balance readability with excitement.

MY APPROACH

  • I led the UX concept and full art direction, including a creative direction for photoshoot — built around deep red and burgundy tones to stand out and reflect the course’s intensity and confidence.

  • Structured the long-form content in a way that encourages gradual discovery, using split sections, micro-interactions, and visual breaks to retain attention.

  • Added interactive scroll mechanics with layered animations and movement triggers that bring the content to life — every scroll feels like progress.

  • Introduced playful illustrations and universal UI patterns to balance readability with excitement.

DESIGN SOLUTION

DESIGN SOLUTION

  • Built in Tilda no-code with heavy use of custom motion blocks and parallax layers;

  • Icons, shapes, and section transitions were designed to resemble a game-like UX;

  • Visual rhythm was created with alternating blocks, animation delays, and anchored CTA buttons;

  • Rich photography + interactive storytelling made the page feel alive and dynamic — like a teaser to the course itself.

  • Built in Tilda no-code with heavy use of custom motion blocks and parallax layers;

  • Icons, shapes, and section transitions were designed to resemble a game-like UX;

  • Visual rhythm was created with alternating blocks, animation delays, and anchored CTA buttons;

  • Rich photography + interactive storytelling made the page feel alive and dynamic — like a teaser to the course itself.

DESIGN SOLUTION

  • Built in Tilda no-code with heavy use of custom motion blocks and parallax layers;

  • Icons, shapes, and section transitions were designed to resemble a game-like UX;

  • Visual rhythm was created with alternating blocks, animation delays, and anchored CTA buttons;

  • Rich photography + interactive storytelling made the page feel alive and dynamic — like a teaser to the course itself.

BUSINESS IMPACT

BUSINESS IMPACT

  • 87% of visitors completed the page and submitted interest forms

  • Customer support load dropped by 2x due to well-structured FAQ and clarity

  • Students commented they were "excited to learn just from seeing the website"

  • The same visual identity was extended into branded course presentations

  • 87% of visitors completed the page and submitted interest forms

  • Customer support load dropped by 2x due to well-structured FAQ and clarity

  • Students commented they were "excited to learn just from seeing the website"

  • The same visual identity was extended into branded course presentations

BUSINESS IMPACT

  • 87% of visitors completed the page and submitted interest forms

  • Customer support load dropped by 2x due to well-structured FAQ and clarity

  • Students commented they were "excited to learn just from seeing the website"

  • The same visual identity was extended into branded course presentations

LET’S CONNECT

LET’S CONNECT

LET’S CONNECT

LET’S CONNECT

Eligible to work in the EU (no sponsorship required).

Go Back To Top

Eligible to work in the EU (no sponsorship required).

Go Back To Top

Create a free website with Framer, the website builder loved by startups, designers and agencies.