[ation] center - training platform design
for manufacturers
dla podręcznika rozszerzonego o aplikację
A voice-controlled app concept that helps you create language habits and overcome resistance to speaking
Nowa Teraz Matura to ekosystem materiałów edukacyjnych, w których skład wchodzą fizyczne Vademecum i Zbiór zadań maturalnych, oraz cyfrowe narzędzia edukacyjne. Aby użytkownik zrozumiał wartość produktu oraz to, jak działa działa ekosystem, opracowaliśmy lejek sprzedażowo-marketingowy. Pozwoliło nam to precyzyjnie określić, co, kiedy i w jaki sposób komunikować użytkownikowi na poszczególnych etapach jego naukowej ścieżki.
Zaprojektowaliśmy strukturę informacji, tak aby użytkownik zrozumiał propozycje wartości i wiedział, jak skorzystać z oferty.
Ułożyliśmy informacje na różnych etapach ścieżki, tak aby uczniowie rozumieli, jak korzystać z materiałów papierowych i cyfrowych.
Customer Journey Map
UX
Wireframes
Warsztaty
Context of the project
Wraz z nowym rokiem szkolnym wydawnictwo Nowa Era planowało wprowadzić nowy produkt: Nowa Teraz Matura. Podstawą produktu miała być publikacja papierowa, a dostęp do cyfrowej wersji, umożliwiającej elastyczne formy uczenia się, był jej istotnym dodatkiem. Celem naszej współpracy miał być projekt, dzięki któremu uczniowie zrozumieją, jak korzystać z ekosystemu Nowa Teraz Matura.
Wyzwanie projektowe
Z badań przeprowadzonych przez klienta wynikało, że uczniowie nie rozumieją, jak korzystać z dodatkowych materiałów, ponieważ brakuje jasnego procesu onboardingowego.
Musieliśmy dowiedzieć się, jak powinien wyglądać proces, dzięki któremu uczeń bezproblemowo i szybko zacznie korzystać z całego ekosystemu Nowa Teraz Matura.
Cele projektu
Dostarczenie pełnej wartości
Istotne jest, by użytkownik korzystający z publikacji, mógł w łatwy i szybki sposób przechodzić do właściwej sekcji z cyfrowymi materiałami uzupełniającymi.
Zrozumiałe zakomunikowanie zasad korzystania z oferty
Produkty są komplementarne, jednak uczniowie muszą rozumieć, że materiały w aplikacji są dostępne dopiero po zakupieniu produktu bazowego, czyli publikacji papierowej.
Podbicie innowacyjności marki
Przestawienie Nowej Ery, jako marki wychodzącej naprzeciw potrzebom młodzieży oraz podkreślenie wartości płynących z nowego rozwiązania.
Winter has successfully designed a new design for our site that both improves and simplifies the UX of our platform.
The Zima team is efficient and focused on accomplishing its tasks.
For whom?
Recognize users of language learning applications, their habits and expectations. Who is our persona? Who most often learns the language on the phone?
What?
Analysis of market solutions to outline the concept. Look at the available technologies and find a new solution that meets the needs of the user.
In what way?
Gathering the concept and functionality into an easy to use voice interface. Design the interaction and user experience with the application.
Design challenge
Rita
Age - 24
Occupation - Student
English language level - Intermediate
info
Rita is a student who wants to improve her language skills, especially in English. She doesn't use the app with live native speakers because she thinks it's too expensive and interferes with her school schedule. Rita has an intermediate level of English and wants to continue developing her skills. At the same time, he feels insecure speaking English with other people.
quote
“I can't afford regular lessons with native speakers, and at the same time I don't feel confident enough to speak English fluently.”
Design process
The design was divided into phases:
Information Architecture and UX Design
and promote upcoming editions. Usually the [ation] center offers several dates of a given training, so it was important for us to clearly communicate to the user what date they reserve a place for. We have also taken care of the situation in which the user has to subscribe to the reserve list due to lack of available seats.
Selection of topics
Allows users to choose topics based on their needs and interests
2.
Natural Conversation
Friendly conversation allows you to improve pronunciation and strengthen language habits
3.
Transcription
Provides live transcription of conversations with clear visualization of pronunciation or interpretation errors
Our client offered several types of discounts, e.g. early birds discount or group discount for regular customers. Clear information about the packages and guidance throughout the process were crucial to ensure that the purchase was successful for the customer and did not generate errors that require servicing on the part of the seller.
Vocabulary
Teaches new words and phrases that make the conversation fluid and engage in learning
5.
Assessment of progress
It clearly shows progress and areas in which it is worth developing further
6.
Voz
UiA voice-activated contactless interface lets you use Alioom anytime, anywhere, without taking your phone out of your pocket.
Innovation in everyday language learning is necessary
In the Alioom project, we have taken the futuristic concept of a fluid conversation with AI that we believe is feasible at any time. We are already using voice assistants that learn to communicate better with users.
The younger generations are bluntly saying that the traditional method of teaching a language by reading and repeating does not work for them. They need more engaging experiences and a hands-on view of learning. Therefore, when designing the interface in Ailoom, we decided to eliminate unnecessary elements and focus on the conversation itself.
- Professional and serious style: clear, legible, with elegant typography.
contactless operation.
We wanted to approach the interface as a natural interaction field, not a clickable area. In conversation we use our voice, so it is logical that it is what we want to control in an application like Alioom. Colors derived from id brand
The main accent is based on the cornflower color, derived from the customer's brand. Complementary colors are blue, gray, and black for texts.- We avoid stock graphics, we use real photos provided by the customer. Photos are additionally distinguished by monochrome styling.
Visual reflection of the interaction with the application
required careful analysis and design dexterity. But the effect was worth the effort!
Branding
Training AI as a language teacher certainly requires further development of this technology. We look forward to the future, hoping that one day Alioom will hit the market as an innovative language learning tool. We would definitely use it;)
Our team worked in a design model
Rezultaty
Dwukrotne zwiększenie ruchu na stronie i utrzymanie konwersji
Taki efekt udało się osiągnąć w zaledwie trzy miesiące od wdrożenia pierwszej wersji nowej karty produktu.
Nagroda na EXAW Experience Awards
Nasz projekt został nagrodzony w pierwszym w Polsce konkursie UXowym – EXAW Experience Awards, zdobywając drugą nagrodę.