
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


The product shows itself: a chat, a call, a progress card and a calendar
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.
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.The first screen
Homepage · Desktop 1440
The full page
One long scroll, split into three columns — top to bottom, left to right.



Details




Colour & type
Palette — from the project file
- Ink#0A0A0A
- Graphite#3B3B3B
- Mist#F0F5F6
- Sky#E2F2FC
- Apricot#FFCE8A
Typefaces
Perihel



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
Brief sent.
Thanks — we’ll read it and come back with a plan, a timeline and a quote.
