Bajkowe Poddasze - od zera do gotowej aplikacji webowej i mobilnej z systemem subskrypcji

O projekcie

Klient:

Bajkowe Poddasze to aplikacja edukacyjna skierowana do dzieci i rodziców, umożliwiająca słuchanie bajek oraz angażującą pracę z materiałami edukacyjnymi. Webowa platforma gromadzi wartościowe treści przygotowane przez psycholożkę i edukatorkę, a jej celem jest wspieranie rozwoju emocjonalnego i intelektualnego najmłodszych.

Cel projektu:

Aplikacja web i mobile

Stworzenie kompletnego rozwiązania - aplikacji webowej i mobilnej - służącego do odtwarzania bajek i udostępniania materiałów edukacyjnych dla dzieci.

Interfejs bezpieczny dla Rodziny

Zapewnienie intuicyjnego, bezpiecznego i atrakcyjnego interfejsu dostosowanego do dzieci i rodziców.

Elastyczny CMS do zarządzania treściami

Zaprojektowanie elastycznego CMS-a umożliwiającego klientce samodzielne zarządzanie treściami (audio, PDF, kategorie, kolekcje).

Sklep i subskrypcja z dostępem do pełnej biblioteki.

Wdrożenie funkcjonalnego sklepu i systemu subskrypcji, pozwalającego na dostęp do całej biblioteki w modelu abonamentowym.

Panel „Moje Poddasze” z biblioteką treści

Udostępnienie panelu użytkownika – „Moje Poddasze” - z indywidualną biblioteką treści.

Doświadczenie klienta

fireup.pro prezentuje podejście rzadko spotykane: pełna transparentność, empatia i dbałość o każdy detal, zrozumienie wizji. Mam dziś spójny zestaw narzędzi – aplikację mobilną, webową i landing – które nie tylko spełniają moje potrzeby, ale też dają przestrzeń do dalszego rozwoju. Takiego partnera życzę każdemu twórcy.

Kasia Grzywa-Hilbrycht

Twórczyni Bajkowe Poddasze

Od wyzwania

Kluczowe wyzwania

Ekspercka treść w cyfrowym wydaniu

Przekucie eksperckiej wiedzy klientki w przystępną, technicznie dopracowaną platformę.

Intuicyjne narzędzie do publikacji treści

Zbudowanie systemu CMS umożliwiającego łatwe zarządzanie bajkami oraz plikami dodatkowymi.

Bezproblemowy dostęp do zasobów

Zapewnienie płynnego doświadczenia użytkownika w zakresie przeglądania, zakupu i korzystania z bajek oraz materiałów.

Różne modele dostępu

Uwzględnienie różnych ścieżek zakupowych - bez rejestracji oraz w ramach modelu subskrypcyjnego.

UX a elementy zabawy

Zaprojektowanie personalizowanego panelu użytkownika (tzw. „Poddasza”), gdzie dzieci będą mogły przechowywać swoje bajki i materiały.

Przez rozwiązanie

Etap analizy i planowania

Warsztaty produktowe pozwoliły precyzyjnie zdefiniować strukturę aplikacji i potrzeby końcowych użytkowników: rodziców oraz dzieci.
Zmapowano różne ścieżki użytkownika – od anonimowego zakupu pojedynczej bajki po pełną subskrypcję.
Przygotowano backlog funkcjonalności, który obejmował m.in. widoki bajek, panel użytkownika, płatności, subskrypcje i system rekomendacji.

Decyzje technologiczne

CMS z możliwością przypinania plików audio oraz materiałów PDF do bajek, dostosowany do potrzeb autorki treści.
Wdrożenie systemu płatności z subskrypcją miesięczną (i planami rozszerzenia na modele roczne).
Stworzenie systemu przypomnień e-mailowych o końcu subskrypcji oraz systemu faktur.
Aplikacja oparta o responsywną architekturę front-endową, umożliwiającą korzystanie z niej na desktopach i urządzeniach mobilnych.

Implementacja

Panel administracyjny: umożliwia dodawanie i edycję bajek, przypinanie plików audio i PDF, zarządzanie kontami użytkowników i subskrypcjami.
Sklep: widok bajek z podziałem na kategorie i kolekcje, możliwość zakupu pojedynczych bajek bez konta, system kodów rabatowych.
Subskrypcja: automatyczne przypisywanie nowych treści do konta subskrybenta, panel „Moje Poddasze” z listą ulubionych bajek i materiałów.
Bezpieczeństwo: mechanizmy płatności spełniające wymogi bezpieczeństwa, zgodne z obowiązującymi standardami.

Napotkane trudności i sposób ich rozwiązania

Złożoność powiązań między treściami – bajki musiały być powiązane z dodatkowymi plikami edukacyjnymi (PDF), co wymagało niestandardowego podejścia w CMS. Zastosowano elastyczny model danych i dostosowane widoki administracyjne.
Różnorodne ścieżki zakupu – aplikacja obsługuje zarówno użytkowników anonimowych, jak i zalogowanych. Wdrożono warunkowe logiki i osobne ścieżki zakupowe, aby zapewnić spójne doświadczenie dla obu grup.
Odtwarzanie audio w wersji mobilnej – pojawiły się problemy z odtwarzaczem w tle. Zespół zdecydował się na wdrożenie natywnego komponentu audio, który poprawił stabilność.
Użyteczność CMS – interfejs administracyjny musiał być dostosowany do nietechnicznego użytkownika. Poprzez testy z klientką wprowadzono uproszczenia i usprawniono proces dodawania bajek.

Po sukces

Efekty technologiczne

Narzędzie kontroli w rękach twórczyni

Sprawnie działający CMS, który pozwala klientce na samodzielne zarządzanie treściami i użytkownikami.

Fundament pod przyszły rozwój

Platforma gotowa na skalowanie - zarówno pod względem technologicznym, jak i biznesowym.

Przyjazna przestrzeń dla dużych i małych

Intuicyjny interfejs, który zapewnia komfort korzystania zarówno rodzicom, jak i dzieciom.

Bezpieczne transakcje bez zakłóceń

Stabilny system płatności, umożliwiający bezpieczne zakupy oraz automatyczne odnawianie subskrypcji.

Korzyści biznesowe

Wzrost sprzedaży bajek dzięki zróżnicowanym ścieżkom zakupu.

Możliwość prowadzenia kampanii promocyjnych z wykorzystaniem kodów rabatowych.

Większe zaangażowanie użytkowników poprzez panel „Moje Poddasze” i personalizację treści.

Automatyzacja procesów – m.in. zarządzanie dostępem do bajek czy cykliczne fakturowanie – pozwala oszczędzać czas i minimalizować błędy.

Zespół projektowy

Szymon

Frontend & Mobile Developer

Apliakcja mobilna

Konfiguracja stripa i webhooków

Cała infrastruktura serwisów zewnętrznych - stripe płatności, firebase auth (autoryzacja), firestore (baza danych)

Odpowiada za utrzymanie aplikacji, do dziś

Konfiguracja środowiska developerskiego oraz produkcyjnego

Tech stack

Next js & api

React Native

Contentful

Firebase

Wordpresss

Brevo

Stripe

Graphql

testflight

Twoja sukces to nasz sukces!

Zobacz, jak możemy wspólnie zbudować technologiczną przewagę dla Twojej firmy

Umów się na konsultację!

Innowacje i unikalne podejście

Przypomnienia mailowe i automatyzacja odnawiania subskrypcji

Subskrypcyjny system sprzedaży treści edukacyjnych

Elastyczny CMS z obsługą multimediów i materiałów PDF

System „Moje Poddasze” jako personalizowana biblioteka bajek

Mamy zespół, który naprawdę zna się na rzeczy — pomożemy Ci znaleźć rozwiązanie, które działa.

Wnioski i rekomendacje

Solidne planowanie to podstawa sukcesu - dokładne zaprojektowanie struktur danych i powiązań między modułami ułatwia rozwój i minimalizuje ryzyko błędów.

Sprawdzone technologie przynoszą realne korzyści - wdrożenie Stripe przebiegło bezproblemowo i potwierdziło skuteczność stosowania znanych, dopasowanych rozwiązań.

Projekt nie kończy się na MVP

Bajkowe Poddasze to żywy projekt, który nadal rozwijamy. Prowadzimy jego utrzymanie, w ramach którego: Zapewniamy wsparcie technologiczne i customer support, Monitorujemy działanie aplikacji i identyfikujemy obszary do dalszej optymalizacji, Wdrażamy nowe funkcje zarówno w wersji webowej, jak i mobilnej

Kierunki dalszego rozwoju obejmują:

Wdrożenie playlist w aplikacji webowej – pozwalających użytkownikom grupować bajki tematycznie lub tworzyć ulubione kolekcje Funkcja force update w aplikacji mobilnej – gwarantująca, że użytkownicy zawsze korzystają z najnowszej wersji Tryb offline – umożliwiający odtwarzanie wcześniej pobranych bajek bez dostępu do internetu