[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

210

working hours

months

designers

Industry:

Training

Produkt:

Webbplats

Novum.com

O projekcie

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.

Czytelna architektura landingpage

Zaprojektowaliśmy strukturę informacji, tak aby użytkownik zrozumiał propozycje wartości i wiedział, jak skorzystać z oferty.

Zrozumiałe przejście z papieru do cyfry

Ułożyliśmy informacje na różnych etapach ścieżki, tak aby uczniowie rozumieli, jak korzystać z materiałów papierowych i cyfrowych.

Zakres

Customer Journey Map
UX
Wireframes
Warsztaty

Model projektowy

Czas: 2 miesiące

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.

Magdalena Grabowska

Dyrektor Produktu

Zima udzieliła nam cennego wsparcia w onboardingu nowego produktu papierowo-cyfrowego. Pomogła usprawnić ścieżkę zakupową klienta, sfunkcjonalizować landing page produktu oraz uczytelnić instrukcję przejścia z części papierowej do cyfrowej.

Świetne wyczucie potrzeb, świeże pomysły i sprawne działanie. Jesteśmy bardzo zadowoleni ze współpracy.

Proces projektowy

Eksploracja

Wspólnie z klientem analizowaliśmy dane z wcześniejszych badań. Ich znajomość pomogła nam zrozumieć perspektywę użytkowników produktu. Zbadaliśmy ścieżkę, jaką przechodzą użytkownicy korzystając z cyfrowej wersji i problemy, jakie przy tym napotykają.

W fazie eksploracji przeprowadziliśmy również benchmarking.

Najważniejsze wnioski: 

Instrukcja w książce i landing page powinny być bazą wyjaśniającą ideę produktu. 
Proces zapoznawania się z produktem jest różny w zależności od ścieżki dotarcia oraz etapu, na którym korzysta się z rozwiązania.
Kontekstowe informacje powinny być zaprezentowane na każdym etapie produktu w sposób nieprzytłaczający odbiorcy.

Information Architecture and UX Design 

Punktem wyjścia dla tworzenia docelowego lejka była analiza Customer Journey dla dwóch person.

Lejek onboardingowy ma porządkować to, które informacje powinny być zaprezentowane na poszczególnych punktach styku użytkownika z produktem – t.j. w działaniach marketingowych, podczas sprzedaży i korzystania z produktu – oraz, w jaki sposób je prezentować.

Lejek onboardingowy 

Ścieżkę użytkownika podzieliliśmy na fazy, z których każda miała odpowiadać na zdefiniowane wcześniej pytania. W ten sposób powstały trzy poziomy zapoznania się z produktem, które znalazły odzwierciedlenie w lejku.  

Szczegółowo określiliśmy, jakiego rodzaju informacje powinien otrzymać użytkownik na danym etapie.

Design challenge

Papierowa instrukcja

Odblokowanie materiałów digitalowych

Z badań wynikało, że instrukcja znajdująca się w książce nie spełniała dobrze swojej roli, ze względu na dość chaotyczny sposób podania informacji oraz jej zaburzoną hierarchię.

Innovation in everyday language learning is necessary

Przygotowaliśmy rekomendację tego, jak powinien wyglądać Landing Page, który opowiada o produkcie i jego wartościach, pokazuje ekosystem produktu oraz wyjaśnia, jak z niego korzystać.

Skrótowe przedstawienie produktu oraz korzyści widoczne na pierwszy rzut oka

Opis produktu, jego wartość dla użytkownika, zdjęcie kontekstowe obrazujące moment korzystania z niego.
Zapoznanie się ze szczegółami i możliwość zakupu produktu.

Obrazowa instrukcja użycia  

Połączenie tekstu ze zdjęciami kontekstowymi, które ukazują, jak korzystać z ekosystemu produktów.

Przedstawienie możliwości aplikacji 

Skrótowe przedstawienie materiałów, jakie użytkownik może znaleźć w aplikacji, tak, by zachęcić go do ich eksploracji.

Odblokowanie dostępu 

Wyjaśnienie, jak w kilku krokach odblokować dostęp do cyfrowych materiałów.

Karta produktu

Opracowaliśmy również podstronę prezentującą każdy z przedmioto-zakresów, pokazującą szczegółowo to, co znajduje się w dostępnych materiałach drukowanych i cyfrowych.

‍

Promowanie korzyści finansowych płynących  z zakupu zestawu 

Prezentacja oferty zestawu danego przedmioto-zakresu w postaci zdjęć książek oraz mockupu aplikacji.

Przedstawienie tego, co zawiera konkretna publikacja oraz połączone z nią dodatki w aplikacji 

Atrakcyjna prezentacja zawartości przy pomocy zdjęć oraz opisu, wraz z przedstawieniem kontekstu użycia produktu.

Prezentacja wszystkich  

Zaprezentowanie całej oferty w sposób pozwalający na łatwe zapoznanie się z nią.

Rekomendacje UI

Podsumowanie

Efektem współpracy jest zestaw rekomendacji: jak opisać produkt, jak prezentować wszystkie jego elementy, jakiego rodzaju informacje powinien zawierać, w zależności od kontekstu jego użycia.

Klient zastosował większość rekomendacji. Wdrożone zmiany można zobaczyć stronie internetowej Nowe Era - Teraz Matura.