Design work: Education
E-learning app design for online courses, from class list to certificate
An app for people taking online courses, designed under the project name Edulite: the home screen, the course list, a course page and the certificate, and the identity around the app.
- Project
- Edulite
- Type
- Online course app
- Our work
- Mobile app design, brand identity
- Platform
- Mobile app, shown on iPhone
Shown as design work, under its project name. We claim no client result for it.
What the online course app had to do
A learner opens a course app for one of two reasons: to find a class, or to carry on with one. The app has to make both quick, and to mark the finish when it comes.
The design opens on new courses, with the subject filters just below. Each course card carries its lesson count, its tutor and the people taking it. The learner’s own courses sit in one list, each with a colored bar, and a finished course ends in a certificate to download.
- Find a class fastNew courses first, then the filters.
- Carry on with oneThe learner’s courses in one list.
- Mark the finishA certificate to download at the end.
What we designed for the e-learning app
App screens
Home, my courses, a course page and the certificate.
Visual elements
Color, type, icons and cards for the app’s screens.
Brand identity
The mark and wordmark, and their use on a round sign.
Branded items
The identity applied to a polo shirt and to pens.
The services behind this work: mobile app design and UI/UX design. Planning something similar? Read our guide to mobile app development cost.
Before you brief anyone
Planning an e-learning app? Answer these before the screens
Map finding and resuming a course, then define complete, before the screens.
Request a scoping callDecide the two journeys first: finding a course and resuming one.
A learner returning mid-course should be back in the lesson in one tap, while a new user needs the catalog and its subject filters.
Settle what each course card carries.
Lesson count, tutor and the number enrolled help a learner choose, but only while the data behind them stays current, so agree early who maintains it.
Define what counts as complete.
Certificates and progress markers give a course an end, and each depends on a rule for when a lesson is finished. Our education page covers how we approach learning products.
Scope design and development as separate steps.
Video, payments and offline access belong to e-learning app development, which is priced on its own, and our guide to mobile app development cost shows what drives it.
Questions about e-learning app design
If something here does not answer it, ask the founder directly.
Talk to the people who do the work
A 30 minute scoping call with the team that would take the project on. We reply within 12 hours.
Prefer email?info@redliolabs.com
What screens does an online course app need?
At least a home screen for finding classes, a list of the learner’s own courses, a course page and a way to mark the finish. The Edulite design covers those four: new courses with subject filters, a my courses list with a colored bar for each course, a course page and a certificate to download.
What makes a good education app design?
It gets a learner into the right lesson quickly and keeps the path back into a course short. Edulite does this with course cards that carry the lesson count, the tutor and the people taking the course.
How much does it cost to build an e-learning app?
Video, payments, offline access and the number of platforms move the figure most, so we quote after scoping, not before. Our guide to mobile app development cost explains each driver.
Was a brand identity part of the Edulite design?
Yes. The mark and wordmark appear on a round white sign on a building, on a white polo shirt with blue trim and on two fountain pens in blue and gold.
Do you design education apps?
Yes. Edulite is design work we show under its project name, and our mobile app design service covers learning apps for schools, training providers and course platforms.
More mobile app design work like the e-learning app
Design work
Shoe store app design for sneakers, from browsing to checkout
A shopping app for a sneaker store, from the home feed to a placed order.
Design work
Skincare app design for shopping, with a face scan and suggested products
A skincare shopping app, with a face scan that ends in suggested products.
Design work
Real estate app design for browsing listings and saving favorites
A phone app for browsing property listings and keeping the ones you like.
Talk to us about an e-learning app
Thirty minutes with the designers who would do the work. Tell us who will use the app, where, and what it has to do first.
- We reply within 12 hours
- You talk to the people doing the work, never an account manager
- Peer-reviewed releases
- NDA before your first call
Mayursinh Jadeja
Founder, Redlio Labs