+48 514 087 878 
office@spaceit.tech 
ul. Wschowska 8, 01-239 Warszawa Ta strona korzysta z ciasteczek, aby zapewnić Ci najlepszą możliwą obsługę. Informacje o ciasteczkach są przechowywane w przeglądarce i wykonują funkcje takie jak rozpoznawanie Cię po powrocie na naszą stronę internetową i pomaganie naszemu zespołowi w zrozumieniu, które sekcje witryny są dla Ciebie najbardziej interesujące i przydatne.
ClickImage
Wydajna platforma e-commerce SaaS dla firm i osób prywatnych, która umożliwia dodawanie hotspotów do obrazów na swoich stronach internetowych
- DevOps services
- QA
- Web Development
Opis Projektu
Powszechnie znana jest prawda, że obraz jest wart tysiąca słów. Po prostu patrząc na ujęcie, osoba może łatwo i bez wysiłku uchwycić obszerne informacje. W ten sposób hotspoty stały się jednym z najważniejszych narzędzi do tworzenia bardziej atrakcyjnych i bogatych w informacje nieruchomych obrazów. Nasz zespół stworzył wysoce funkcjonalną platformę SaaS umożliwiającą użytkownikom dodawanie kontekstowych wyskakujących okienek do wymaganych obrazów i wyświetlanie wszystkich niezbędnych danych jednym kliknięciem myszy. Rozwiązanie składa się ze strony docelowej, panelu administracyjnego, SPA, back-end API i DB, XML Parser oraz modułu aktualizacji. Zintegrowaliśmy z produktem systemy płatnicze i analityczne. Ponadto nasi specjaliści dodali ogromną bibliotekę ikon.
| Industry: | Ecommerce |
| Platforms: | Web |
| Role: | Software developer, IT consultant |
| Tech Stack: | React.js, JS, JQuery, HTML, CSS, PHP Laravel, AdminLTE |
Przedstawienie problemu
Nasz klient jest założycielem wiodącej platformy do zatwierdzania banerów. Zgłosił się do nas z pomysłem na zbudowanie responsywnej aplikacji webowej, która zwiększy sprzedaż i zautomatyzuje działania marketingowe różnych serwisów e-commerce, począwszy od bloga sklepowego po masowe marketplace'y. Jego głównym celem było zapewnienie firmom kompleksowego rozwiązania zachęcającego klientów do interakcji i zaangażowania poprzez dodawanie konfigurowalnych hotspotów (dla internetu) lub stuknięć (dla urządzeń mobilnych) do dowolnego obrazu i szybkie dostarczanie cennych informacji, w tym feedu produktowego i filmów promocyjnych.
- Zbudować MVP w 3 miesiące
- Stworzyć informacyjny landing page
- Udostępnić rozbudowany panel administracyjny
- Zaimplementować kanał zakupowy i narzędzia analityczne
- Wprowadzić solidny system płatności
Wyzwania techniczne
Ponieważ projekt nie był zwykłą platformą eCommerce z zestawem standardowych funkcji, musieliśmy sprostać kilku wyzwaniom. Po pierwsze, zadaniem naszego zespołu było sprawienie, aby skrypt działał dobrze na dowolnej stronie internetowej. Było to raczej trudne bez dostępu do wszystkich witryn e-commerce w sieci. Aby rozwiązać ten problem i umożliwić łatwe debugowanie podczas tworzenia skryptu, stworzyliśmy rozszerzenia przeglądarki, które dodają skrypt testowy do strony odwiedzającego, umożliwiając nam w ten sposób przetestowanie naszego rozwiązania na dziesiątkach witryn. Ponadto wbudowany skrypt nie musiał wpływać na wydajność i czas ładowania strony. Aby spełnić to wymaganie, nasi specjaliści zbudowali zaawansowane algorytmy na podstawie danych pobranych z monitora wydajności wbudowanego w nasze testowe rozszerzenia przeglądarki, wykonując wszystkie niezbędne obliczenia. Po drugie, nasi projektanci zagłębili się w świat obrazów wektorowych, konfigurując kolory, kształty i krycia SVG. Poza tym stworzyliśmy nasze niestandardowe rozwiązanie do pobierania i analizowania plików XML plików produktowych Google Shopping. Wreszcie, ten produkt jest rodzajem rozwiązania międzyplatformowego i międzyusługowego. Musieliśmy więc zwrócić szczególną uwagę na kwestię integracji i monitorować wszelkie zmiany i konflikty. Nasz zespół dodał rozbudowany system powiadomień obsługujący szeroki zakres błędów. Pomimo wszystkich wyzwań, praca nad tym projektem sprawiała nam ogromną przyjemność i udało nam się dostarczyć produkt premium w ograniczonym czasie.
Podstawowa funkcjonalność:
- Konfigurowalny kreator obrazów
- Parser XML
- Jednorazowa implementacja skryptu
- Połączenie z kanałem produktowym
- Wielowymiarowy moduł subskrypcji
- Zintegrowany system płatności
- Rozbudowane opcje zarządzania poprzez panel administracyjny
Rozwiązanie
Nasz zespół opracował unikalną i solidną aplikację internetową, aby pomóc firmom e-commerce i osobom fizycznym zwiększyć sprzedaż i zautomatyzować działania promocyjne. Mogą tworzyć hotspoty, lokalizować je bezpośrednio na obrazach, dostosowywać je, wypełniać wszystkie niezbędne informacje o konkretnym produkcie, dodawać członków zespołu lub przenosić własność konta, dodawać linki do kanałów produktów Google itp.
Udostępniliśmy użytkownikom bezpieczne rozwiązanie umożliwiające samodzielne dostosowanie skryptu bez obawy o wyciek danych. Zależność od biblioteki ikon FontAwesome służy jako źródło zwykłych ikon dla hotspotów. Dodatkowo nasi specjaliści wprowadzili infrastrukturę backendową i chmurową, która kolejkuje źródła XML, analizuje je, wykonuje zaplanowane aktualizacje i sygnalizuje ewentualne błędy.
Wreszcie nasz system abonamentowy ułatwia monitorowanie procesu przekraczania limitów abonamentu poprzez powiadamianie użytkowników. W przypadku braku reakcji z ich strony, po prostu wstrzymuje synchronizację XML i informuje klientów o jej wstrzymaniu. Struktura panelu administracyjnego jest przejrzysta i pozwala administratorom przeglądać, edytować, tworzyć i usuwać plany abonamentowe bezpośrednio w głównym narzędziu administracyjnym platformy zamiast przechodzenia do pulpitu nawigacyjnego bramki płatności.
Wynik
- Skuteczna i wygodna aplikacja internetowa
- Łatwe w użyciu tworzenie hotspotów
- Możliwość tworzenia szablonów
- Konfigurowalne podpowiedzi i punkty aktywne
- Moduł aktualizacji dla zaplanowanych akcji i powiadomień
- Integracja z Chargebee i kanałem produktowym Google
- Implementacja GTM i GA
- Infrastruktura AWS
- Korzystny i funkcjonalny panel administracyjny do zarządzania użytkownikami, zespołami i planami abonamentowymi
- Informacyjny landing page