Apptoyou

Zaawansowana platforma online learning do nauki tworzenia aplikacji za pomocą narzędzia no-code Bubble.
Expertise
Zakres
Analiza, UX/UI, Development, Marketing
Platforms
Typ
Web
Industry
Branża
Education
Edukacja
OVERVIEW
O PROJEKCIE
O PROJEKCIE
OVERVIEW

Zostań No-Code developerem

Akademia Apptoyou.pl to platforma e-learning, która umożliwia osobom nietechnicznym wejście do świata IT i naukę tworzenia aplikacji za pomocą narzędzia no-code Bubble.io. To jedyny w Polsce kurs no-code, który posiada akredytację Bubble Bootcamps.

Dzielenie się ekspercką wiedzą w dziedzinie no-code developmentu oraz edukowanie środowiska IT o zaletach tego podejścia to jeden z ważniejszych punktów misji havenocode. Przez wiele miesięcy szukaliśmy odpowiedniego rozwiązania, aby robić to jeszcze efektywniej. Ponieważ żadna z dostępnych na rynku platform nie spełniała w pełni naszych oczekiwań, zdecydowaliśmy się na zbudowanie własnej, od podstaw, oczywiście w podejściu no-code. 

Jesteśmy dumni z tego, że projekt wdrożony został od zera przez absolwentów pierwszej, prowadzonej jeszcze osobiście przez Kamila Tarczyńskiego, odsłony kursu no-code, obejmującego podstawowe zagadnienia web developmentu oraz pracy na platformie Bubble.io. W momencie startu projektu, wszyscy zaangażowani deweloperzy mieli maksimum trzy miesiące doświadczenia w pracy w Bubble. Korzystając z doświadczenia i mentoringu CTO havenocode, w zaledwie 4 miesiące zbudowali w pełni spersonalizowaną platformę e-learningową.

OUR WORK
NASZA PRACA
NASZA PRACA
OUR WORK
Product discovery

Co, dla kogo i jak?

Projekt rozpoczęliśmy od warsztatów Product Discovery, w trakcie których ustaliliśmy m.in. buyer persony, user stories, cele biznesowe oraz wymagania funkcjonalne wobec platformy.

W wyniku wewnętrznej analizy i warsztatów, opracowano persony oraz określono grupy docelowe platformy: 

  • Osoby, które chcą zrobić zwrot w swojej karierze i pragną związać swoją przyszłość z IT, a barierą dla nich jest długi czas nauki tradycyjnego kodowania oraz wysokie ceny kursów programistycznych
  • UX/UI Designerzy - specjaliści, którzy chcą w szybki sposób samodzielnie wdrożyć zaprojektowane przez siebie produkty cyfrowe, bez konieczności zatrudniania do tego developerów
  • Digital Marketerzy - aby samodzielnie wdrażać strony produktowe i landing page dla realizowanych kampanii
  • Programiści - specjaliści IT chcący usprawnić i przyspieszyć swoją pracę lub znaleźć pracę w no-code
  • Testerzy manualni/QA, Specjaliści HR, Project Managerowie, IT sales i wszystkie inne zawody związane z IT, które chciałyby poszerzyć swoją wiedzę na temat technologicznych trendów oraz rozwiązań, które będą królować w najbliższej przyszłości.
UX Design

Aby uczyć się no-code, a nie samej platformy

Wychodzimy z założenia, że korzystanie z platformy musi być intuicyjne, szybkie i nie powinno wymagać dodatkowych instrukcji, a przedmiotem nauki powinno być budowanie aplikacji w no-code, a nie obsługa samej platformy. Nasz zespół dokonał analizy konkurencyjnych platform oraz usług firm trzecich, aby określić problemy oraz trudności, z jakimi borykają się ich użytkownicy.

Z dużą uważnością prześledziliśmy przepływ użytkowników przez każdą funkcjonalność aplikacji, dążąc do maksymalnego uproszczenia obsługi i eliminując wszelkie potencjalne zagrożenia już na etapie tworzenia diagramów z user flows. 

Następnie zespół UX/UI Design opracował makiety low fidelity i high fidelity desktop i mobile, które miały odzwierciedlać nowoczesny, dynamiczny wizerunek marki oraz umożliwić użytkownikom płynne poruszanie się po rozbudowanym interfejsie platformy. 

Projekt obejmował trzy części: 

  • stronę produktową z opisem oferty (kursy Specialist, Expert oraz Bundle) oraz modułem e-commerce umożliwiającym zakup kursów,
  • dashboard dla uczestników z dostępem do nagrań z lekcjami kursów, możliwością śledzenia postępów nauki oraz edycji swoich danych,
  • panel administratora, w którym można zarządzać kursami, użytkownikami oraz edytować opisy kluczowych elementów na stronie.

UI Design / Branding

Nowocześnie, dynamicznie, z delikatnym posmakiem lat 90.

Wyzwania: wygodna nawigacja po rozbudowanej platformie, efektowna prezentacja oferowanych kursów, efekt “wow”.

Projekt graficzny platformy oparto o paletę 3 głównych kolorów: fioletowy, żółty i turkusowy. Psychologiczne znaczenie tych kolorów reprezentuje wartości marki Apptoyou: technologiczny, profesjonalny fiolet przełamaliśmy harmonijnym, kojącym turkusem, aby na koniec doprawić szczyptą szaleństwa i zachęty do działania w postaci koloru żółtego. Połączenie tych trzech barw z fontem w stylu handwriting przywodzi również na myśl klimat retro i powracającą modę lat 90.

Logotyp Apptoyou jest kompozycją linii, przypominającą ikonę gotowego do kliknięcia kursora myszy. Symbolizuje gotowość do działania i chęć rozwoju, wprost nawiązując do wizualnych interfejsów narzędzi no-code, gdzie użytkownik raczej częściej posługuje się myszką, niż kodem.

Development

Kompleksowa platforma e-learning

Stosując podejście no-code, zbudowaliśmy od zera w pełni spersonalizowaną platformę e-learning, umożliwiającą prezentację i zakup kursów, naukę no-code developmentu dzięki kursom wideo w trybie on-demand oraz śledzenie postępów nauki a także zarządzanie treścią i produktami z poziomu panelu administracyjnego.

Platforma wdrażana była przez zespół trojga junior no-code deweloperów pracujących przy wsparciu CTO havanocode i współautora kursu - Kamila Tarczyńskiego.

Narzędzia i integracje

Projekt został zrealizowany został na platformie Bubble. Aby dostosować aplikację do naszych potrzeb, skorzystaliśmy z szeregu integracji z rozwiązaniami firm trzecich:

  • Przelewy24 oraz Stripe - do obsługi płatności,
  • Sendgrid oraz ActiveCampaign - do realizacji kampanii email marketingowych oraz automatyzacji komunikacji z użytkownikami,
  • Fakturownia.pl - do automatyzacji wystawiania faktur dla kupujących,
  • Calendly - do umawiania płatnych konsultacji z ekspertami,
  • Facebook Conversion API, Google Analytics, HotJar - do optymalizacji kampanii reklamowych oraz analizy zachowania użytkowników na stronie,
  • Vimeo - umożliwia odtwarzanie nagrań kursów w dashboardzie dla uczestników,
  • Facebook Chat Plugin - do ułatwienia kontaktu pomiędzy użytkownikami a obsługą klienta.

QA

Każda wdrożona funkcjonalność była skrupulatnie testowana w dziale QA, następnie przez pracowników havenocode oraz zaproszonych do współpracy ambasadorów. Po uruchomieniu platformy, braliśmy również pod uwagę sugestie i uwagi pierwszych użytkowników. 

Marketing

Nawet najlepszy produkt sam się nie sprzeda

Aby dotrzeć do przyszłych kursantów Apptoyou przeprowadziliśmy szeroką, precyzyjnie stargetowaną kampanię marketingową, obejmującą: 

  • działania SEM, SEO oraz kampanie PPC w mediach społecznościowych (Facebook, Instagram, LinkedIn), 
  • cotygodniowy newsletter o no-code, który zgromadził ponad 3000 subskrybentów, 
  • budowanie społeczności no-code w grupie No-code Polska na Facebooku (obecnie niemal 2000 użytkowników),
  • współpraca medialna i działania PR -  m.in. Just Join It, Antyweb.

Każdy kto ma odrobinę technicznego zacięcia jest w stanie budować aplikacje w no-code [ZOBACZ]
Jak budować aplikacje webowe w no-code? Ruszają pierwsze polskie szkolenia Bubble.io [ZOBACZ]

Czy technologia no code to przyszłość branży IT? [ZOBACZ]

Project Management

Głównym narzędziem zarządzania projektami była platforma ClickUp wspomagana komunikacją mailową i cotygodniowymi spotkaniami statusowymi zaangażowanych w projekt członków zespołu, na których, poza kwestiami organizacyjnymi, poruszane były tematy techniczne oraz rozwiązywane problemy i blokery, które napotykali deweloperzy podczas budowania aplikacji.

PODSUMOWANIE
SUMMARY
PODSUMOWANIE
SUMMARY

No-code bez granic

Apptoyou był dla nas projektem ważnym i z wielu powodów wyjątkowym. Dla wszystkich osób sceptycznie nastawionych do no-code stanowi dowód, jak uniwersalna jest to platforma i jak szeroki jest wachlarz oferowanych przez nią możliwości. Dla osób chcących wejść do świata programowania bez pisania kodu - jest namacalnym przykładem tego, jak szybko można zacząć przygodę z tworzeniem swoich własnych aplikacji. Dla nas natomiast, jest potwierdzeniem jakości stworzonych przez nas kursów, a także ogromnej wartości merytorycznej wiedzy, którą nasz CTO Kamil Tarczyński dzieli się z innymi.

No-code jest dla nas nie tylko kolejnym podejściem do szybszego tworzenia cyfrowych produktów. To sposób myślenia o programowaniu i wizja kierunku jego rozwoju w najbliższych latach. Poświęciliśmy i poświęcamy setki godzin, aby stać się ekspertami w dziedzinie no-code developmentu. Realizując projekty dla dziesiątek klientów z całego świata zdobyliśmy doświadczenie, którym teraz pragniemy podzielić się ze wszystkimi, którzy chcieliby związać swoją przyszłość z no-code lub interesują się tym tematem. Teraz robimy to na własnej platformie. Oczywiście zbudowanej w no-code!

testimonial

-
|
Hey!
I'd love to hear about your project!
We will answer your message within 24 hours. Yes, it’s THAT easy!
Emil Bednarczyk, havenocode NoCode and LowCode Development Agency CEO and Client Partner
Emil Bednarczyk
Client Partner / havenocode.io
M: +48 792 015 688
Hey!
I'd love to hear about your project!
We will answer your message within 24 hours. Yes, it’s THAT easy!
1
What are your main challenges that we can help you with?
2
What is your budget?
3
Do you need an NDA?
4
Fill in the details.
Thank you! Your message was sent succesfully. Read more about no-code on our blog.
read about no-code
Oops! Something went wrong while submitting the form.
Hej!
Opowiedz mi o swoim pomyśle!
Odpowiemy w ciągu 24 godzin. Tak, to TAKIE proste!
Emil Bednarczyk, havenocode NoCode and LowCode Development Agency CEO and Client Partner
Emil Bednarczyk
Client Partner / havenocode.io
M: +48 792 015 688
Hej!
Opowiedz mi o swoim pomyśle!
Odpowiemy w ciągu 24 godzin. Tak, to TAKIE proste!
1
W jakich wyzwaniach możemy Ci pomóc?
2
Jaki jest Twój budżet?
3
Czy potrzebujesz NDA?
4
Podaj nam więcej szczegółów
Dziękujęmy! Twoja wiadomość została wysłana. Jeśli chcesz dowiedzieć sie więcej o no-code, zapraszamy na nasz blog!
Czytaj o no-code
Wystąpił błąd, formularz nie został wysłany.
Zobacz inne case studies
See other case studies
Finance, Artificial Intelligence
Finanse, Sztuczna inteligencja
TaxRobot
An application enabling businesses to automate the process of obtaining tax credits for research and development activities in the United States.
READ CASE STUDY
ZOBACZ CASE STUDY
Real Estate, Rental & Leasing
Nieruchomości, wynajem i leasing
okazjonalny.info
Application enabling the purchase and management of documents to secure short-term lease agreements.
READ CASE STUDY
ZOBACZ CASE STUDY
Education
Edukacja
Apptoyou
Advanced online learning platform for creating applications using the no-code tool Bubble.
READ CASE STUDY
ZOBACZ CASE STUDY
Finance, Artificial Intelligence
Finanse, Sztuczna inteligencja
TaxRobot
Aplikacja pozwalająca przedsiębiorcom zautomatyzować proces uzyskiwania ulg podatkowych na działalność badawczo-rozwojową w Stanach Zjednoczonych.
READ CASE STUDY
ZOBACZ CASE STUDY
Real Estate, Rental & Leasing
Nieruchomości, wynajem i leasing
okazjonalny.info
Platforma umożliwiająca zakup oraz obsługę dokumentów zabezpieczających umowy najmu okazjonalnego.
READ CASE STUDY
ZOBACZ CASE STUDY
Human Resources
HR
BESTbuilders
Innowacyjna platforma z ofertami pracy dla firm i pracowników z branży budowlanej.
READ CASE STUDY
ZOBACZ CASE STUDY