Case study · Web Platform

Premier Optic Academy
Web Platform

Internal learning platform for the Premier Optic team: paths from onboarding to specialisation, short lessons, quizzes, trainer sign-off, XP and badges. A 45-chapter spec, WCAG 2.2 AA.

41 screens
5 roles
80% pass mark
WCAG 2.2 AA

Every new colleague, trained the same way

Premier Optic Academy is the internal platform the Premier Optic optical chain uses to train its staff, from day one through to specialisation. Before it, knowledge was passed on by word of mouth: every store trained slightly differently, and a new colleague learned from whoever happened to be free that day.

There was no way to measure what someone knew, nor to check that a procedure followed in one store matched the one in another. Academy turns the company's way of working into a structured, measurable path.

Before, a new colleague learned from whoever happened to be free that day.

A path, not a library of PDFs

Learners follow a clear path: onboarding for the first days, then tracks by area, each with modules and lessons. A lesson means content, guided practice and then a quiz, and the next lesson only unlocks once the current one is finished.

The default quiz pass mark is 80%. It isn't just an interface rule: the check that the quiz was passed and the case studies approved runs in the database before any points are awarded, so it can't be bypassed.

optical-academy.vercel.app
Premier Optic Academy — Three screens from the app: the onboarding path, a quiz and the profile.
Three screens from the app: the onboarding path, a quiz and the profile.

Roles that see different things

The app has five roles: advisor, optometrist, trainer, area manager and administrator. An optometrist sees everything an advisor sees plus their specialist content. Trainers review case studies and award badges, area managers follow the teams in their region, and administrators write and publish the content.

The separation lives in the database, not just in the interface. If a screen ever showed something by mistake, a user without the right would see an empty screen, not someone else's data.

Motivation that doesn't feel childish

Every correct answer earns experience points; learners level up, collect badges and earn certifications at the end of each track. Mentors — four characters, each covering an area: sales, optometry, customer experience and performance — guide them along the way.

The leaderboard ranks stores, not colleagues. A store's score is the sum of its team's points, so the incentive is for the whole team to grow, not for someone to win at the expense of the person next to them.

The specification before the code

The platform started from a 45-chapter functional specification, covering everything from roles and permissions to accessibility and backups, and from its own design system, checked automatically for contrast and Romanian diacritics. The result is 41 screens designed phone-first, because staff learn between customers, not at a desk.

Why this stack
Next.jsSupabaseTailwind CSS v4WCAG 2.2 AA

Next.js with Supabase, where access rules live in the database at row level: a role can only read the content meant for it. The interface is phone-first, with fonts and colours checked for contrast against WCAG 2.2 AA.

FAQ

Frequently asked questions

What is Premier Optic Academy?

The internal learning platform of the Premier Optic chain: onboarding, tracks by area, lessons, quizzes, certifications and a leaderboard between stores.

How do learners move from one lesson to the next?

The next lesson unlocks once the current one is finished, including its quiz, with a default pass mark of 80%.

Who has access to what?

There are five roles: advisor, optometrist, trainer, area manager and administrator. Each sees only the content meant for them, and the rule is enforced in the database.

Want a project like this?

Free 30-minute discovery call. We figure out together what fits your business — concrete, no empty promises.

🍪 Folosim cookies

Folosim cookies pentru a-ți oferi cea mai bună experiență pe site-ul nostru. Acceptând, ești de acord cu utilizarea cookie-urilor pentru analiză și marketing.