The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Framer AI Course Website | Interactive E-Learning Landing Page
A premium AI education landing page built around Framer-style interactions, combining bold visuals, modern typography, and an engaging course discovery experience.
The website brings AI-powered design education to life through interactive course modules, vibrant animations, student testimonials, and clear enrollment sections. Every section is structured to help creative professionals understand the course, explore its benefits, and take the next step with confidence.
With a responsive layout, smooth navigation, and conversion-focused design, the experience helps strengthen credibility, increase course interest, and create a seamless journey from discovery to enrollment.
Tech Stack: Framer · Figma · Kajabi
Top Skills: Framer Development · UI/UX Design · Landing Page Design
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
The Fauna project page in Elias Vent puts oversized type above a close portrait crop. The project details sit between them.
Framer template: https://startfrom.co/templates/elias-vent
Hourfield is a 16-second 16:9 launch film for products that organise people's time: calendars, schedulers, booking and reservation apps, planners. Retype a few short lines, drop in your logo and rename the calendar's days and tiles (meetings, table bookings, classes, shifts): the week re-plans itself on screen and the film lands on your logo lockup. Our second version, Maréva, a fictional table-booking app, turns the working week into an evening of reservations on the same animation and timing.
Built end-to-end through the SVGator MCP server. The calendar that re-plans its own week, the orbit that swirls into a single dot and the lines centred by their real letter shapes (fonts measured, not eyeballed) were computed in Python and written straight into a live SVGator project as 780 editable keyframes; I directed every note and finished it in the canvas. Maréva was made the same way, on the same timeline. Everything stays a real layer: 50 live text layers, named elements (headline, logo, product-name, tagline) and one logo image animated in two moments.
Yes, there is a lot to edit: every line of the story, a whole week of calendar tiles, a palette in nine roles. A full rebrand takes longer than five minutes, and that is the honest trade: it shows how much a single SVGator file can carry, and how MCP makes a detailed, story-driven film practical to re-make, not just to watch.
Links:
▶ Template (SVGator)
▶ Demo video, A → B
Love the smooth flow and the text animation! Good luck!
Traditional corporate training often feels disconnected from everyday work. Skillio helps bridge that gap with personalized five-minute sessions, job-specific AI simulations, and instant feedback.
The mobile experience supports role-based learning across professions, with interactive chat and voice exercises that recreate realistic workplace situations. A lime-green, lavender, and deep-green palette, bold typography, and a flower-shaped performance chart make progress easy to understand and engaging to explore.
Explore the project on Dribbble:
https://dribbble.com/shots/27808131-Mobile-App-Powered-Employee-Training
Sweeet