Projects

Qalan

Business requirementsbecame an interface.

Qalan had clear business goals and requirements. But there was no design system, the colours did not work together and navigation was broken. We started with the entry points and built a new information architecture alongside a design system.

First, we connected the parts of the product.

Home focuses on today, Results brings together a child’s progress, Chat connects people with a mentor, and Profile holds account information and settings. The same system carries through to details, restrictions and feedback.

Qalan

Home

Today · children · news

Results

Tasks · diagnostics · breaks

Chat

Mentor · messages · reports

Profile

Account · language · help

Language first. Then the role.

Parents and students need different contexts. The role is set before entering a phone number; language is chosen before registration.

Language is chosen before registration.
Role selection explains how the parent’s view differs from the student’s.
An SMS cannot be sent until a number is entered.
The code can be found in the country list.
Search narrows the list to the relevant result.
No matches has its own response.

How the day went, and what lies behind it.

The overview starts with choosing a child. Tasks, diagnostics, cashback and breaks share one context, with details opened separately. An account with no child has its own state. The overview, history and diagnostics are shown as independent examples: their dates and statuses differ.

History shows the date, task count and daily status.
Grade statuses differ in both symbol and colour.
The balance can be checked against savings, withdrawals and transaction history.
Break dates are separate from task-completion history.
Having no child linked is different from having no learning results.
The detailed report repeats the same structure for each child. Topics and diagnostics expand within each group.
The empty report keeps its section and navigation in place.

Not everything is easy to explain in words.

A question can include a photograph of an exercise book. Before sending, it can be cropped and captioned; afterwards, the image and explanation remain one message.

A notebook photograph inside a cropping frame.
Extra space around the task can be removed before sending.
A specific question about the photograph, with the keyboard open and the message ready to send.
The caption tells the mentor exactly what is difficult.
The photograph and the whole question remain one message.

Text, voice or a file.

The message format fits the question. A recording can be cancelled, a voice message can be played, and a file shows transfer progress.

Cancellation stays beside the recording timer.
Playback can be paused.
Transferred data is shown beside the file’s total size.
After transfer, the file remains available in the conversation history.

Request a report in the chat.

A report needs a child and a date range. If no child has been added yet, the chat explains which section to use.

When no child is linked, there is a route to Results.
The request starts with choosing a child.
The date range is chosen separately from the child.

An answer may not be enough.

Help offers a way to find a question, expand an answer and explain what was missing. Support contact details stay nearby.

Search and question groups offer two ways to find an explanation.
People can rate the answer’s usefulness below it.
A negative rating opens up the reason instead of ending the conversation.
If the listed reasons are not enough, people can write their own comment.
Feedback is acknowledged where the answer appears.
Language can be changed in Profile while keeping the shared navigation.

Access is explained before the enquiry.

The restriction leads to an explanation of Premium. For a consultation, people can leave another phone number or use their registration number; a submitted enquiry receives a separate confirmation.

Feedback completes the journey.

After the explanation, people can say whether the answer helped and leave a comment. Survey completion is separate from filling it in.

A free-text comment adds to the usefulness rating.
Answers accepted: the survey is complete.

An architecture that connects the journeys.

We connected entry points to parents’ and students’ tasks and built a new architecture alongside a design system. Colour and navigation decisions became part of a shared structure, connecting a child’s results, conversations with a mentor and report requests.