Exoteach

The founders wanted a logo with an image, modern and a little playful, that tells the platform's story rather than just spelling its name.

Each direction starts from an idea: an X made of two chevrons, for progress and the three audiences (students, teachers, managers); an atom; a brain made of links between pieces of knowledge; a cube where an E traces a path and ends in a graduation cap; interlaced paper clips forming a heart, for paper copies. I showed them without explanation, so as not to steer first impressions, and the team ran them past the people around them.

Every direction came out in someone's top three at least once: the choice had to hold everywhere, from the favicon to the website.

The monogram brings the three letters of EXO together: the rounded E, the chevron X, the dot O. It got the most positive feedback, and to me it had the strongest, least common identity. I then refined it, gave it a turquoise-to-violet gradient, and made versions for light and dark backgrounds, in colour and in black and white, in full or as the symbol alone for the favicon.

The first page students see at every login, the home page has to make them want to carry on without becoming a catch-all, while every school has its own colours and features.

I crossed a school notice board, the announcement as a post-it, with a grid of blocks: analysis, today's missions, schedule. Tested with other combinations (messaging instead of the schedule), the page holds from one school to the next. Each section has its colour; each school dresses a polished template in its own.

A subject holds dozens of courses and thousands of exercises: with no order, students don't know where to start.

Each subject opens on its folders, then its lessons as cards: the type of material at a glance, the number of pages, the length, and a bar showing how far the student has got. Three tabs separate what you learn, what you practise and your progress.

Nested scrolling and scattered content: the interface asked for effort before any revising began.

The material in the centre, its pages and videos as thumbnails on the left, on the right the linked exercise sets, with a button to generate a new one. The AI assistant fits in a "Got a question?" field at the bottom of the panel: it answers in the context of the open course, with no chat window popping up.

A contextual banner took up the top of the screen to repeat information already on display.

I removed it, and moved the navigation from a top bar to a sidebar. It gives height back to the material. During an exercise set it disappears: what's left is the question, the timer and the progress.

A grade alone doesn't say whether you're improving, or where you stand in your year.

A set's page brings it all together: your grade against the average, the best and the lowest, your ranking, the time spent and the trend month by month. One button picks the set up where you left it.