Eclara is a white-label education platform. An academy buys it, puts its own name on it, and runs students, tests, payments and its website from one admin panel. As the sole designer, I redesigned the entire admin experience.
The product had grown one page at a time for years. Fourteen sidebar items sat at equal weight, some pages could only be reached through text links, and a second product (the franchise system) had been added with its own conventions.
I grouped pages by the job they serve. Pages that finish the same task became one workspace, with tabs, tables you can act on directly, and side drawers instead of new pages.
34 pages became 6 workspaces with no features removed, and support got its own ticketing screen. The redesign is live, and it became the base for EachCanTeach.
A white-label product can’t be designed for one customer. The same panel serves an academy with twelve students and one with several thousand, an owner who lives in the wallet and one who only creates tests. Requirements kept arriving mid-project, each valid and each from a different kind of user, so much of the work was discussion, rework and finding a structure that worked for all of them.
BeforeAfterI listed every screen and the job it served, and the same pattern kept appearing: one job, many pages. Registering, upgrading and finding a student took six pages. Turning on part of the academy’s website meant finding the right one of ten. The question list even needed a legend across the top to explain its own icons.
One rule: if two pages exist to finish the same job, they become one screen. Lists and forms share a view, so a new record appears immediately, and secondary tasks open in side drawers so you never lose your place.
NoteThe number of meetings is not included, for morale reasons.
The old testing module was spread across five menu items, mostly forms and tables. The new Question Bank shows the subject and topic tree with question counts, plus the questions themselves in all five languages, on the same page. Creating a test became one table where each row carries its own actions, and packaging tests for sale became a three-step wizard beside the live bundle list.
BeforeAfter
Each comparison applies the same decision at a different scale: fewer pages, more done in place. Drag the handle to compare.
BeforeAfter
BeforeAfter
BeforeAfter
BeforeAfter
BeforeAfter
BeforeAfter
The redesign is live. The same features now sit in about a sixth of the pages, so each academy’s staff learns one pattern and reuses it across every module. It also became the foundation for EachCanTeach.
Related tasks share one screen, so switching between them is a click, not a page load.
Row actions replace “open, edit, save, go back” for tasks done dozens of times a day.
A centre or bundle is created beside the list it will join, so you keep your place.
White-label design isn’t a styling problem. It’s about holding many businesses in one structure without any of them feeling like an afterthought.
Online olympiad exams for Classes 1 to 12: website, student dashboard, mobile and exam screen.
