Creative Reels Masterclass – Cinematic Landing Page for Online Education

Creative Reels Masterclass – Cinematic Landing Page for Online Education

Creative Reels Masterclass is a cinematic landing page designed for an online education program teaching creative video editing for short-form content.
The goal was to craft an emotionally engaging digital experience that blends storytelling, AI-generated visuals, and conversion-driven UX to reflect the spirit of the course and drive sign-ups.

Client

Web Factory School

Year

2024

Category

EdTech | Landing Page

CHALLENGE

CHALLENGE

With the rise of AI tools in creative industries, the client was launching a 3-day online masterclass on creative video editing for short-form content (Reels, Shorts, TikTok).

The key goal was to design a landing page that not only informs but emotionally immerses users into the cinematic storytelling world — reflecting both the educational value and the creative spirit of the course.

Additionally, the client wanted to highlight performance statistics and address an audience eager to embrace both traditional storytelling and emerging AI-driven design tools.

With the rise of AI tools in creative industries, the client was launching a 3-day online masterclass on creative video editing for short-form content (Reels, Shorts, TikTok).

The key goal was to design a landing page that not only informs but emotionally immerses users into the cinematic storytelling world — reflecting both the educational value and the creative spirit of the course.

Additionally, the client wanted to highlight performance statistics and address an audience eager to embrace both traditional storytelling and emerging AI-driven design tools.

CHALLENGE

With the rise of AI tools in creative industries, the client was launching a 3-day online masterclass on creative video editing for short-form content (Reels, Shorts, TikTok).

The key goal was to design a landing page that not only informs but emotionally immerses users into the cinematic storytelling world — reflecting both the educational value and the creative spirit of the course.

Additionally, the client wanted to highlight performance statistics and address an audience eager to embrace both traditional storytelling and emerging AI-driven design tools.

MY APPROACH

MY APPROACH

My design direction was driven by the intersection of cinema and digital creativity.

Key steps in my UX/UI process:
Establishing an emotional visual theme based on cinema culture: theater-red color palette, retro TV sets, and vertical screen formats resembling smartphone Reels
Incorporating AI-generated graphics to underline the course topic and align with the zeitgeist of AI-assisted creativity
– Structuring the page as a narrative journey, blending storytelling theory with visual design to lead users toward conversion
– Showcasing real engagement metrics from the course author’s social media accounts to build trust
– Adding an editorial-style block: “How the Film Industry Influenced Short-Form Videos”, written with the help of AI, providing educational value and SEO weight

My design direction was driven by the intersection of cinema and digital creativity.

Key steps in my UX/UI process:
Establishing an emotional visual theme based on cinema culture: theater-red color palette, retro TV sets, and vertical screen formats resembling smartphone Reels
Incorporating AI-generated graphics to underline the course topic and align with the zeitgeist of AI-assisted creativity
– Structuring the page as a narrative journey, blending storytelling theory with visual design to lead users toward conversion
– Showcasing real engagement metrics from the course author’s social media accounts to build trust
– Adding an editorial-style block: “How the Film Industry Influenced Short-Form Videos”, written with the help of AI, providing educational value and SEO weight

MY APPROACH

My design direction was driven by the intersection of cinema and digital creativity.

Key steps in my UX/UI process:
Establishing an emotional visual theme based on cinema culture: theater-red color palette, retro TV sets, and vertical screen formats resembling smartphone Reels
Incorporating AI-generated graphics to underline the course topic and align with the zeitgeist of AI-assisted creativity
– Structuring the page as a narrative journey, blending storytelling theory with visual design to lead users toward conversion
– Showcasing real engagement metrics from the course author’s social media accounts to build trust
– Adding an editorial-style block: “How the Film Industry Influenced Short-Form Videos”, written with the help of AI, providing educational value and SEO weight

DESIGN SOLUTION

DESIGN SOLUTION

The final landing page combined bold cinematic visuals with conversion-driven UX flow:

– Strong above-the-fold hook with video-driven imagery
– Clear course breakdown with learning outcomes
– Social proof through engagement numbers and testimonials
– Deep red color palette evoking cinema seats and movie premieres
– Smooth mobile responsiveness for social media-savvy audiences

Additionally, I applied the same visual identity across presentation materials for the lessons, ensuring brand consistency throughout the entire learning journey.

The final landing page combined bold cinematic visuals with conversion-driven UX flow:

– Strong above-the-fold hook with video-driven imagery
– Clear course breakdown with learning outcomes
– Social proof through engagement numbers and testimonials
– Deep red color palette evoking cinema seats and movie premieres
– Smooth mobile responsiveness for social media-savvy audiences

Additionally, I applied the same visual identity across presentation materials for the lessons, ensuring brand consistency throughout the entire learning journey.

DESIGN SOLUTION

The final landing page combined bold cinematic visuals with conversion-driven UX flow:

– Strong above-the-fold hook with video-driven imagery
– Clear course breakdown with learning outcomes
– Social proof through engagement numbers and testimonials
– Deep red color palette evoking cinema seats and movie premieres
– Smooth mobile responsiveness for social media-savvy audiences

Additionally, I applied the same visual identity across presentation materials for the lessons, ensuring brand consistency throughout the entire learning journey.

BUSINESS IMPACT

BUSINESS IMPACT

The landing page achieved a 74% conversion rate, exceeding industry benchmarks for digital education products.

User feedback highlighted that the page created a strong emotional desire to “learn how to shoot and edit short-form videos like a mini movie”, perfectly aligning with the masterclass positioning.

The landing page achieved a 74% conversion rate, exceeding industry benchmarks for digital education products.

User feedback highlighted that the page created a strong emotional desire to “learn how to shoot and edit short-form videos like a mini movie”, perfectly aligning with the masterclass positioning.

BUSINESS IMPACT

The landing page achieved a 74% conversion rate, exceeding industry benchmarks for digital education products.

User feedback highlighted that the page created a strong emotional desire to “learn how to shoot and edit short-form videos like a mini movie”, perfectly aligning with the masterclass positioning.

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.