UAStart a project
Learnovo logo
Case study · Education07 / 39

Learnovo

Learnovo matches people who want to learn a skill with mentors who already work in it, then keeps the lessons, feedback and progress in one app. The page had to feel friendly and light, and show the product doing its job rather than describe it.

Project
Learnovo
Industry
EdTech · Mentorship
Scope
Web design · Build · Motion
Built with
HTML, CSS, GSAP, ScrollTrigger
Year
2026
Learnovo — A landing page for a mentorship platform that pairs learners with real experts for one-on-one lessons.
Overview

The product shows itself: a chat, a call, a progress card and a calendar

The brief

A mentorship platform needs a page that a career-switcher trusts in the first screen and a student understands without reading much. Soft grey cards, real photography and four small product screens carry the story; numbers and plans sit where people look for them.

What we did

The first screen opens like a photo being developed: the rounded frame grows from the centre, the heading rises word by word, the topic tags pop in and the two cards slide up while the counters run. In the features block the chat actually plays out with a typing indicator, the video call keeps a live timer, the lessons on the progress card check in one by one and the calendar is clickable and switches months. Long headings darken word by word as you scroll, the story photos float at their own speeds, the plan prices count up, the Popular badge has a soft shine and the footer wordmark rises letter by letter.

The live site

Scroll the site right inside the frame, or open it full screen.
webraw.studio/sites/learnovo/Open the site

The first screen

Homepage · Desktop 1440
Learnovo: first screen of the homepage

The full page

One long scroll, split into three columns — top to bottom, left to right.

Learnovo: full page, part 1 of 3
Learnovo: full page, part 2 of 3
Learnovo: full page, part 3 of 3

Details

Learnovo: A chat that plays out and a live video call
A chat that plays out and a live video callFeatures
Learnovo: Progress card and a working calendar
Progress card and a working calendarProduct
Learnovo: Story photos floating at their own speeds
Story photos floating at their own speedsStories
Learnovo: Plans with prices that count up
Plans with prices that count upPricing

Colour & type

Palette — from the project file

  • Ink#0A0A0A
  • Graphite#3B3B3B
  • Mist#F0F5F6
  • Sky#E2F2FC
  • Apricot#FFCE8A

Typefaces

AaUrbanistHeadings, text and the wordmark, SemiBold for headings.
AaSatoshiNavigation buttons, chat times and the calendar.
Next case

Perihel

Perihel — A landing page for a revenue forecasting platform that shows RevOps teams where the quarter lands weeks before it closes.
Start a project

Let’s launch.

Send a short brief or a link to your current site. You’ll get a clear plan, timeline and quote — no sales call required.

  • Reply within one business day
  • Design, build and launch by one team
  • One week of post-launch support included

Project brief

Takes ~2 min
What do you need?
Budget

Faster in a messenger?Write on Telegram@web_raw

Project brief

Takes ~2 min
What do you need?
Budget

Faster in a messenger?Write on Telegram@web_raw