Przejdź do treści

SorryMemory

Serwis szkoły językowej online, który prowadzi użytkownika od wyboru kursu do zapisu.

SorryMemory — strona główna, lista kursów, O nas i wersja mobilna na czterech urządzeniach

Sytuacja wyjściowa

Wiele języków, grup odbiorców i wariantów kursów, które trzeba było zamienić w prostą ścieżkę wyboru i zapisu.

SorryMemory to szkoła językowa online oferująca kursy angielskiego, niemieckiego i hiszpańskiego dla dzieci, młodzieży i dorosłych. Oferta obejmuje zajęcia indywidualne i grupowe, różne poziomy zaawansowania oraz kursy przygotowujące do egzaminów.

Projekt zaczynał się od stworzenia kompletnego serwisu od podstaw. Naszym zadaniem było przejście od analizy potrzeb i UX/UI do wdrożenia rozwiązania, które w spójny sposób prezentuje ofertę i prowadzi użytkownika do zapisu na wybrany kurs.

  1. Rozbudowana oferta

    Różne języki, grupy wiekowe i formy zajęć wymagają czytelnej struktury kursów.

  2. Różni użytkownicy

    Inaczej kursu szuka rodzic dziecka, inaczej maturzysta, a inaczej dorosły uczący się dla siebie.

  3. Zapis na kurs

    Serwis musi przeprowadzić użytkownika od wyboru oferty do formularza i płatności.

  4. Zarządzanie treścią

    Oferta kursów i informacje o szkole muszą być łatwe do aktualizowania po stronie zespołu.

Wyzwanie

Największym wyzwaniem było zaprojektowanie całego doświadczenia od zera. Serwis musiał jednocześnie porządkować rozbudowaną ofertę, wspierać sprzedaż kursów i zachować spójny charakter marki.

  1. Zaprojektować UX od podstaw

    Nie poprawialiśmy pojedynczego elementu istniejącego systemu, tylko projektowaliśmy całe doświadczenie użytkownika.

  2. Uporządkować ofertę kursów

    Wiele wariantów kursów trzeba było przedstawić tak, żeby użytkownik szybko znalazł właściwą opcję.

  1. Połączyć wizerunek ze sprzedażą

    Serwis powinien budować charakter szkoły, ale jednocześnie prowadzić użytkownika do konkretnego działania.

  2. Ułatwić dalszą obsługę

    Zespół potrzebował CMS-a umożliwiającego wygodne zarządzanie treścią po uruchomieniu strony.

Rozwiązanie

Zaczęliśmy od analizy potrzeb i zaprojektowania doświadczenia użytkownika. Na tej podstawie przygotowaliśmy makiety i kompletne projekty interfejsów w Figmie.

Następnie wdrożyliśmy serwis na WordPressie i przygotowaliśmy CMS do dalszej pracy z treścią. Całość została zaprojektowana jako jeden spójny proces, od prezentacji szkoły i oferty po wybór konkretnego kursu.

Obecny serwis prowadzi użytkownika od wyboru języka i kursu do formularza oraz płatności. Uzupełniają go m.in. informacje o metodach nauki, opinie, FAQ i treści wspierające decyzję o zapisie.

Przed uruchomieniem przeprowadziliśmy testy i przygotowaliśmy serwis do publikacji.

  • Analiza potrzeb, makiety i projekt UX/UI w Figmie
  • Development serwisu na WordPressie
  • CMS przygotowany do wygodnego zarządzania treścią
  • Czytelna ścieżka od oferty kursów do zapisu
  • Testy i uruchomienie gotowego serwisu
Technologie
WordPress
Narzędzia UX/UI
Figma
Rola w projekcie
UX/UI, development i wdrożenie całego serwisu

Serwis w praktyce

Użytkownik wybiera język i interesujący go kurs, poznaje szczegóły oferty, a następnie może przejść bezpośrednio do formularza i płatności. Cała ścieżka odbywa się w jednym serwisie, bez rozdzielania części informacyjnej od procesu zapisu.

Rezultat

Powstał kompletny serwis internetowy zaprojektowany i wdrożony jako spójna całość od pierwszego etapu. Łączy prezentację szkoły, rozbudowaną ofertę kursów i ścieżkę prowadzącą użytkownika do zapisu.

  • Jedna spójna ścieżka

    Od poznania oferty po wybór kursu i zapis użytkownik pozostaje w jednym serwisie.

  • Uporządkowana oferta

    Różne języki, grupy odbiorców i warianty zajęć tworzą czytelną strukturę kursów.

  • Spójny UX/UI

    Warstwa wizualna i funkcjonalna zostały zaprojektowane razem od początku projektu.

  • Łatwa obsługa treści

    CMS pozwala rozwijać i aktualizować zawartość serwisu po jego uruchomieniu.

Tworzysz serwis, który ma nie tylko pokazywać ofertę, ale też sprzedawać?

Opowiedz nam o ofercie i o tym, jak użytkownik ma z niej korzystać. Pomożemy zaprojektować serwis, który prowadzi od pierwszego kontaktu z marką do konkretnego działania.