O CABAS.PL CABAS.pl o sobie mówi wielki internetowy ryneczek. To miejsce, które łączy lokalnych sprzedawców z całego kraju, oferujących swoje wyroby oraz klientów poszukujących regionalnych, kulinarnych specjałów. Projekt jest odpowiedzią na stale rosnące zapotrzebowanie rynkowe na żywność regionalną, produkowaną przez mniejszych producentów, zgodnie z tradycyjnymi recepturami, z najlepszej jakości składników, która ma być alternatywą dla masowo produkowanych artykułów spożywczych. Trend jest mocno zauważalny w sprzedaży tradycyjnej - stragany targowe przeżywają obecnie drugą młodość, coraz więcej ludzi wybiera także zakupy w osiedlowych sklepikach, zamiast w supermarketach. CABAS.pl jest pierwszym portalem, który przenosi lokalną sprzedaż straganową na szeroką skalę, docierając do klientów z c a ł e j P o l s k i, w y k o r z y s t u j ą c w i e l o k a n a ł o w ą s p r z e d a ż e-commerce i m-commerce. Z jednej strony sprzedawcy mogą w k o ń c u o f e r o w a ć s w o j e p r o d u k t y n a t e r e n i e c a ł e g o k r a j u, z drugiej strony smakosze otrzymują narzędzie, za pomocą którego będą mogli zaspokoić swoje potrzeby bez wychodzenia z domu. 34
4.1. ROZPOCZĘCIE WSPÓŁPRACY INNOWACJA TECHNOLOGIA MOBILNOŚĆ WARTOSC DODANA PROJEKTU Współpraca z CABAS.pl rozpoczęła się w wyniku planowanej inwestycji na kompleksowe zaprojektowanie i wdrożenie systemu. X-Coding IT Studio zostało wybrane jako rzetelny partner z bogatym doświadczeniem w docelowej branży funkcjonowania platformy. Pierwszy etap w projekcie to przede wszystkim analiza wymagań projektowych pod kątem dodatkowych funkcjonalności, powiększających przewagę konkurencyjną. Często wymagania opracowane w dokumentacji nie odzwierciedlają faktycznego potencjału platformy, dlatego w oparciu o standardy rynkowe i oczekiwania klientów szukamy szans w podniesieniu wartości dodanej dostarczanej przez serwis. W e f e k c i e j e s z c z e p r z e d r o z p o c z ę c i e m p r a c u d a ł o s i ę z w i ę k s z y ć a t r a k c y j n o ś ć s e r w i s u, a tym samym zwiększyć jego elastyczność na coraz szybciej rosnącym rynku sprzedaży FMCG on-line. 35
4.2. TECHNOLOGIA Biorąc pod uwagę wymagania funkcjonalne, a także potrzeby biznesowe, do wdrożenia platformy wybrany został silnik Magento w wersji Community. Wykorzystanie Magento pozwoliło zaimplementować pożądane funkcjonalności nie tylko optymalnie kosztowo, ale też w pełni skalowalnie, co przy osiągnięciu masy krytycznej będzie miało kluczowe znaczenie do utrzymania user experience na najwyższym poziomie. Magento jest obecnie najbardziej popularną i najszybciej rosnącą platformą ecommerce na świecie. Wsparcie producenta, plany rozwojowe i duża społeczność skupiona wokół tego narzędzia pozwala na znaczne obniżenie kosztów późniejszego rozwoju, ale także znacznie ułatwia utrzymanie bezawaryjnej pracy systemu. Dodatkowym atutem sklepu jest natywne wparcie dla urządzeń mobilnych dzięki wbudowanemu w system API, przez co zminimalizowaliśmy koszt wdrożenia komunikacji z aplikacjami zewnętrznymi. 4.3. MOBILNOŚĆ Nie sposób myśleć obecnie o uruchomieniu sprzedaży w kanale e-commerce bez odpowiedniego wsparcia dla urządzeń mobilnych. W tym wypadku była to kwestia tym bardziej kluczowa, jako, że mamy do czynienia z branżą FMCG, gdzie potrzeba zakupowa rodzi się bardziej pod wpływem impulsu niż długotrwałych poszukiwań..pl został przygotowany w technologii RWD w trzech różnych widokach: Mobile fir st regular screen, tablet, mobile, 36
dzięki czemu pozwala na wygodne zakupy nie tylko w domowym zaciszu, ale też podczas różnych codziennych czynności. Dla klientów, którzy preferują natywne aplikacje, CABAS.pl oferuje aplikację dla systemu Android dostępną w sklepie Google Play. Aplikacja umożliwia użytkownikom jeszcze bardziej sprawne poruszanie się po bogatej ofercie regionalnych sprzedawców. W przypadku wielu projektów, często konieczny jest wybór pomiędzy wdrażaniem wersji RWD lub wdrożeniem natywnych aplikacji. CABAS.pl oferuje oba rozwiązania, wychodząc naprzeciw oczekiwaniom zarówno klientów preferujących RWD j a k i z w o l e n n i k o m aplikacji mobilnych. 4.4. WDROŻENIE SYSTEMU PROJEKTOWANIE GRAFICZNE IMPLEMENTACJA TESTY / STABILIZACJA PROJEKTOWANIE GRAFICZNE P i e r w s z y m z a d a n i e m f a z y p r o j e k t o w e j b y ł o z a p r o j e k t o w a n i e g r a fi c z n e s y s t e m u na podstawie makiet funkcjonalnych, stanowiących wsad do projektu. Na etapie projektowania funkcjonalnego stanowiliśmy wsparcie merytoryczne, często weryfikując założenia z oczekiwaniami rynkowymi i dobrymi praktykami UX. 37
Przy każdym projekcie duży nacisk kładziemy na elementy graficzne. Z punktu widzenia sklepu internetowego, look&feel to jeden z ważniejszych czynników, często decydujący o tym, że klient zostaje lub porzuca witrynę. ORGANIZACJA PROJEKTU Prace od rozpoczęcia projektu do zakończenia pełnej funkcjonalności trwały 15 miesięcy. W tym czasie w prace projektowe zaangażowani byli projektanci interakcji, graficy, testerzy, manager projektu i oczywiście zespół programistów. Od początku prace nad systemem CABAS.pl wspierane były przez szereg systemów wspomagających pracę: repozytorium kodu (svn), system obsługi zgłoszeń (redmine), obsługa continous integration (jenkins), automatyzacja testów obciążeniowych (siege), project management (podio), oraz programy pozwalające na skuteczną komunikację Wrocław (siedziba X-Coding IT Studio) - Gdańsk (biuro CABAS.pl) - Warszawa (miejsce pracy sponsora): Skype, Hangouts, Team Viewer. Taka organizacja pracy zapewniła niezakłócony przebieg projektu, a także uporządkowała współpracę między zespołem projektowym a zamawiającym. INTEGRACJE Na etapie wdrożenia konieczne okazały się integracje z systemami ułatwiającymi pracę sprzedawców, ale także zachęcających klientów do częstszych zakupów, m.in.: integracja z bazami produktów: 38
»» Brand24, produktywsieci.pl, opisy produktow.pl integracja z serwisem dzielenia przelewów dla poszczególnych sprzedawców:»» Transferuj.pl MassPayment, integracja z Google Calendar z a r ó w n o w z a k r e s i e z a m ó w i e ń k l i e n t ó w, jak i dostaw sprzedawców, wtyczka napisana w JavaScript, pozwalająca zarządzać listami zakupowymi z poziomu zewnętrznych serwisów internetowych. Z t e c h n i c z n e g o p u n k t u w i d z e n i a, i n t e g r a c j ą b y ł o r ó w n i e ż w d r o ż e n i e a p l i k a c j i m o b i l n e j na system Android, z wykorzystaniem Magento API. Ważnym założeniem było wdrożenie komunikacji w taki sposób, by stanowiła szynę danych, do której w łatwy sposób będzie można podłączyć aplikacje zaprojektowane na inne systemy, na przykład Apple ios. SZYBKOŚĆ WITRYNY Ze względu na charakterystykę portalu, większość podstron składa się prawie w całości z dynamicznych treści, które są modyfikowane przez wielu sprzedawców, a nie, jak ma to miejsce w tego typu serwisach, przez administrację sklepu. Tym samym, w trakcie prac nad portalem jednym z wyzwań stało się zapewnienie krótkich czasów ładowania podstron. Z p r o b l e m e m p o r a d z i l i ś m y s o b i e, s t o s u j ą c z a a w a n s o w a n e m e c h a n i z m y, t a k i e j a k : Mod_Pagespeed oraz Redis w połączeniu z wielopoziomowym cache. Do tego konieczna była konfiguracja bazy danych w pełni wykorzystująca zasoby serwera, a także mechanizmy opóźnionego ładowania (ang. Lazy Loading). W efekcie udało się skrócić czas ładowania strony głównej z 10 do 1 sekundy bez zwiększania parametrów wydajnościowych sprzętu. W y m a g a n y m p r z e z k l i e n t a p o z i o m e m w y d a j n o ś c i s e r w i s u b y ł o u t r z y m a n i e r u c h u na poziomie 1 odsłony na sekundę (w szczycie 3 odsłony na sekundę). Po pracach o p t y m a l i z a c y j n y c h s e r w i s j e s t w s t a n i e w y t r z y m a ć r u c h n a p o z i o m i e c i ą g ł y c h 6 o d s ł o n na sekundę przy wykorzystaniu 2 z 3 dostępnych serwerów. 39
TESTY / STABILIZACJA Podczas prowadzenia projektów, bardzo dużą uwagę przykładamy nie tylko do poprawności projektu w sensie spełniania podstawowych założeń, ale też do niezawodności dostarczanego rozwiązania. W celu zapewnienia odpowiedniego poziomu jakości, wewnętrznie projekt był realizowany etapami, dzięki czemu łatwiej było nam zapanować nad dostarczaniem poszczególnych funkcjonalności. W każdym etapie z różną intensywnością w development zaangażowani b y l i n i e z a l e ż n i t e s t e r z y. W t e n s p o s ó b m o g l i ś m y w y k o n a ć p e ł n y c y k l p r o d u k c y j n y wdrożenie testy stabilizacja odbiór na mniejszych objętościowo produktach częściowych, w efekcie dostarczając spójną i stabilną całość. W testy akceptacyjne poszczególnych etapów zaangażowany był także klient i sponsor projektu, dzięki czemu mogliśmy na bieżąco utrzymywać także zgodność biznesową. C abas w licz bach 724 Przypadków użycia i 340 wymagań funkcjonalnych ponad 700 buildów jenkinsa. Niemal 5000 rewizji svn. 2 483 529 427 B dziennego backupu danych (i ciągle rośnie) 3 1365 89 40
4.5. DALSZY ROZWÓJ Jeszcze przed zakończeniem prac nad serwisem CABAS.pl sponsor projektu zauważył tworzącą się na rynku niszę na cykliczne dostarczanie produktów regionalnych w boxach niespodziankach (cudmiodbox.pl, sielskibox.pl) i zdecydował się wdrożyć w serwisie mechanizmy niezbędne do wypromowania wśród sprzedawców tej formy oferowania swoich produktów. Dzięki elastyczności Magento nasz zespół mógł przejść do prac wdrożeniowych nowej funkcjonalności nie zaniedbując przy tym pierwotnych założeń projektowych. Poza rozwojem funkcjonalności, zespół X-Coding IT Studio będzie także odpowiedzialny za prawidłową i wydajną pracę serwisu CABAS.pl.
X-Coding IT Studio x-coding.pl /XCodingITStudio /x-coding-it-studio sellbetter.pl sales@x-coding.pl Marek Kich CEO Maciej Harbuz CTO Konrad Kryłowicz Marketing Manager Małgorzata Pieczenko-Kruszyńska Graphic Designer