Przejdź do treści
Wszystkie realizacje

Sklep internetowy

Mary Syll Productions

Przygotowaliśmy serwis Mary Syll prezentujący audiobooki do nauki języka niderlandzkiego oraz ofertę autorki.
Poniżej pokazujemy naszą pracę nad stroną: widoki na komputerze i telefonie, układ strony głównej, przyciski, kolory i typografię.
Widok strony internetowej Mary Syll Productions na komputerzeWidok strony internetowej Mary Syll Productions na telefonie

Case study

Mary Syll Productions — sklep z audiobookami do nauki niderlandzkiego

Sklep Mary Syll przedstawia materiały do nauki języka niderlandzkiego i prowadzi do zakupu audiobooków z ebookami. Prace nad projektem i wdrożeniem WordPress/WooCommerce prowadziliśmy na początku 2021 roku. Współpraca obejmowała również późniejszą obsługę techniczną działającego sklepu.

Zadanie: pomóc wybrać materiał do poziomu nauki

Przy sprzedaży materiałów edukacyjnych użytkownik potrzebuje wiedzieć nie tylko, co kupuje, lecz także czy produkt odpowiada jego umiejętnościom. Dlatego strona główna rozdziela dwa punkty wejścia: naukę od podstaw oraz utrwalanie niderlandzkiego. Dalej pokazuje produkty opisane poziomami i formatem materiałów.

Na pierwszym ekranie znalazły się słuchawki, jednoznaczne wskazanie tematu audiobooków i przycisk prowadzący do zakupów. Nawigacja oddziela sklep od informacji o autorce, bloga i kontaktu. Oferta edukacyjna pozostaje głównym tematem strony.

Zakres pracy Testin

  • przygotowanie projektu i zakodowanie sklepu opartego na WordPressie oraz WooCommerce,
  • prezentacja audiobooków i ebooków z podziałem według poziomu nauki,
  • opracowanie widoków strony głównej, oferty i interfejsu mobilnego,
  • późniejsze aktualizacje techniczne oraz prace przy wysyłce potwierdzeń zamówień.

Rozwiązanie: wyraźny temat i uporządkowane produkty

Fioletowo-niebieski gradient wyróżnia otwarcie strony i sekcję newslettera. Pomiędzy nimi zastosowano jasne tło oraz powtarzalne karty produktów. Oznaczenia poziomów pozwalają porównać materiały w jednym układzie, a widoczny koszyk wskazuje handlowy charakter serwisu.

W archiwalnym widoku pierwsza publikacja ma przycisk dodania do koszyka, a kolejne są oznaczone jako zapowiedzi. Projekt uwzględnia więc zarówno sprzedaż dostępnego materiału, jak i prezentację przygotowywanych części. Nie należy odczytywać tego widoku jako aktualnego katalogu produktów.

Od wdrożenia do obsługi sklepu

Na początku lutego 2021 roku sklep był już zakodowany, a końcowe prace dotyczyły konfiguracji płatności. W kwietniu sklep już funkcjonował. Późniejsza współpraca obejmowała również utrzymanie: w marcu 2026 roku wykonaliśmy aktualizacje i prace przy konfiguracji wysyłki potwierdzeń zamówień.

Rezultatem jest sklep dla marki edukacyjnej oraz udokumentowane prace serwisowe po wdrożeniu. Materiały poniżej pokazują historyczny wygląd strony głównej i jej wersji na komputer oraz telefon.

Sprzedaż własnych materiałów edukacyjnych

Przy podobnym projekcie warto ustalić formaty plików, sposób prezentacji poziomów i obsługę wiadomości po zakupie. Zobacz ofertę sprzedaży produktów cyfrowych oraz opieki nad działającym WordPressem.

STRONA GŁÓWNA

Strona główna serwisu Mary Syll Productions

ELEMENTY UI

#232323
#a7a7a7
#7a7a7a
#615797
Projekt przycisku dla Mary Syll Productions Projekt przycisku dla Mary Syll Productions
Typografia projektu Mary Syll Productions Typografia projektu Mary Syll Productions

PODSTRONY

Mary Syll

Warto tutaj zobaczyć realizację: https://marysyll.com/

ZOBACZ TAKŻE

PorozmawiajmyWhatsApp · Testin