Aprendara

Online courses

An open book whose pages form a rising arrow.

#3a86ff#ffbe0b#1b1f3b

Typefaces: Baloo 2 · Poppins

The brief

A course platform sells progress. The book turning into an arrow draws it, and the app shows what the student has already done and what comes next, which is what makes them renew.

The brand in use

Aprendara: trade-show booth and stationery

Project sheet

Industry	Online courses · Technology
Promise	Practical online courses, at your own pace.
Highlights	Short lessons · Real exercises · Certificate
Call to action	«Start free»
Website	Digital product with the headline «Learn today what you'll use tomorrow»
Services shown	Brand identity · Web design · Social media and content · Automation · Apps and software
Measured contrast	Text 15.4:1 · button 9.7:1 (the WCAG minimum is 4.5:1)

Website · Digital product

Learn today what you'll use tomorrow

The demo is a real, hand-written page published on this very site. Open it, inspect it and see how it behaves on your phone.

5,3 KB HTML and CSS
0 JavaScript libraries
6 sections

How it is built

Semantic HTML and CSS with brand variables. Changing the palette means changing four lines:

:root{
  --fondo:#fafafa;
  --tinta:#1b1f3b;
  --acento:#ffbe0b;
  --tinta-boton:#1b1f3b;
  --oscuro:#1b1f3b;
  --sobre-foto:#ffffff;
  --titulo:'Baloo 2',Georgia,serif;
  --letra:'Poppins',system-ui,sans-serif;
  --radio:16px;
}

The main button sends the customer to one next step:

Open the live demo

App or software

Course player with lessons and progress.

One screen for the customer and another for the team running the service, sharing the same brand system.

Automation

What happens when a customer arrives

A customer subscribes or renews
Payment is taken and the month's order is created
A shipping or access notice is sent
Before it expires, a renewal message goes out