Nexa Academy — website concept for an online school

An online school doesn’t sell videos — it sells a career change, an expensive and scary decision. People compare five to seven schools, and they all promise the same thing: “top mentors”, “95% job placement”, “a new career from zero in 3 months”. Nobody believes those numbers anymore, while the real doubts go unanswered: can I do this with no experience, how many hours a week will it take, what exactly will I be able to do, and how much will it cost each month.

The site had four goals:

• Show the learning outcome before payment — through concrete skills and work, not job-placement promises.
• Help choose a course in a minute — among nine programs in five tracks, by level and duration.
• Handle the price objection — transparent plans, pay upfront with a discount or in interest-free installments from the school.
• Capture warm leads — through a free lesson and a countdown to the next cohort, not pushy “only 2 seats left”.

The idea — rewind. The whole landing page is built as a course player. The hero is a live mockup: drag the slider through 16 weeks and the student’s layout evolves from a gray wireframe to a polished UI, a responsive prototype and a finished case study stamped “Portfolio-ready”. The course section and a skills counter update alongside. The clip plays by itself when the player scrolls into view and stops at the first touch. On a phone the player sits right under the headline — the “wow” is visible without scrolling.

Tech aesthetic without stock. Deep indigo and violet, acid lime as the only accent, frosted-glass cards and gradient 3D spheres drawn in pure CSS. Section navigation reads like timecodes — “01 / Catalog”, “02 / Syllabus” — with a side section scale on wide screens.

A catalog that leads to an application. Filters by track, level and duration instantly rebuild a grid of nine courses; on a phone it becomes a horizontal swipe rail. The “Syllabus” button opens a course page right on the landing: a course passport with price, “What you’ll be able to do”, tools, a module accordion with the outcome of each module, and the final project.

The platform from the inside. The “How learning works” block is the student dashboard in HTML/CSS: a video lesson with timecodes, homework, mentor feedback, a live workshop and final-project progress. Switching steps highlights the relevant part of the interface.

Pricing without surprises. Plans recalculate for the selected course, an “installments / pay now −10%” toggle, a comparison table and an installment calculator with a slider for the number of payments. The countdown uses the real date of the next cohort.

Honesty as an argument. No invented placement stats: the FAQ says plainly that nobody can guarantee a job — the school guarantees a portfolio reviewed by a practitioner. The first week comes with a refund right.