PODRĘCZNIKTWOJEGOSUKCESU
PONIEWAŻTWOJEOSIĄGNIĘCIABUDUJĄNASZĄHISTORIĘ
-O F IRMIE -
Global4Nettozespółpasjonatów,którzyod2010rokuspecjalizująsięwzaawansowanychrozwiązaniache-
commercedlahandluidystrybucjiopartychnasystemieMagento.Działamykompleksowo:naszewdrożenia
obejmują przygotowanie makiet funkcjonalnych i projektów graficznych, badania użyteczności, audyt,
integrację systemówsprzedażowych (ERP,CRM,PIM,WMS) ihosting.Dzięki temunasiKlienciotrzymują
wpełnidopracowanyprodukt,któryspełniawszystkieichoczekiwania.
Osklepach internetowychwiemywszystko.Nieboimysięnowatorskichrozwiązań iodważnychkoncepcji
ponieważwierzymy,żetylkowtensposóbmożnaosiągnąćsukceswe-commerce.Nasząmisjąjesttworzenie
funkcjonalności,któreużytkownikomzapewniąprzyjemneiwygodnezakupy,aprzedsiębiorcomgwarancję
stabilności irozwojubiznesu.Każdegodniakonsekwentnie realizujemy tenplan,wytyczającnowe trendy
we-commerce.
Wyznajemyzasadę,żekomunikacjajestkluczemdosukcesu,dlategonasiKliencisąznaminakażdymetapie
realizacji, wpływając na jej ostateczny kształt. Wierzymy, że tylko w ten sposób możemy tworzyć
dopracowanepodkażdymkątemprojekty.
Naszedoświadczeniepotwierdzająlicznecertyfikaty:
• MagentoCertifiedDeveloper,
• MagentoCertifiedDeveloperPlus,
• MagentoCertifiedFrontEndDeveloper,
• ZendFrameworkCertificate,
• ZendCertifiedEngineer,
• SALESmanagoMarketingAutomationSpecialist,
• OracleCertifiedProfessionalJAVAProgrammer.
Za każdymnaszymprojektem stoi zespół profesjonalistów, którzymogąpochwalić się nie tylko bogatym
doświadczeniem, ale przedewszystkim nieszablonowympodejściem dowyzwań, jakie stawia przed nimi
Klient.Dowodemtegojestzbiórnaszychnajnowszychcasestudies,którymaszwłaśnieprzedoczami.
-NOVAMED-
Obecnanarynkuodponad20latmarkaNovamedjestlideremwdziedziniedystrybucjisprzętumedycznego.
W jej asortymencie znaleźć można produkty najwyższej jakości: są to zarówno elementy wyposażenia
gabinetówisaloperacyjnych,jakimniejszeakcesoriainarzędzianiezbędnelekarzomwcodziennejpracy.
NAJNOWSZEROZWIĄZANIA
Rozwiązaniadedykowanebranżymedycznejwymagają szczególnejuwagi,dlategozdecydowaliśmysięna
integrację sklepu z systemem Multistore. To zaawansowane narzędzie pozwala na prowadzenie
wielopłaszczyznowej sprzedaży poprzez tworzenie dowolnej liczby sklepów w obrębie jednego panelu
administracyjnego.Dziękitemubazaproduktówmożebyćdowolniedzielona,prezentującróżniącesięod
siebieparametry.Zabiegtenstosowanyjestrównieżzpowodzeniemwceluzapewnieniawyższychpozycji
wwyszukiwarkach.
RESPONSIVEWEBDESIGN
Wstyczniu2015przedstawicielefirmyGooglepotwierdzili,żestronyniespełniającewymogówwyświetlania
naurządzeniachmobilnychpozycjonująsięznaczniegorzej,wzwiązkuzczymwszystkieprojektywdrażane
przywspółpracyzGlobal4NetkodowanesąwResponsiveDesign.Rozwiązanietogenerujewielekorzyści:
§ zwiększenie szansy dotarcia do potencjalnych Klientów przy jednoczesnym obniżeniu kosztów
związanychzutrzymaniemstrony,
§ zachowanie jednolitego wizerunku marki poprzez automatyczne dostosowanie layoutu do
wszystkichurządzeńmobilnych,
§ możliwośćwprowadzaniapóźniejszychzmianwkrótkimczasie
§ efektywnaprezentacjaoferty,którasprzyjazakupom.
ZAAWANSOWANEULEPSZENIAWIZUALNE
Zadbanorównieżoodświeżenieszatygraficznejsklepu.Przywykorzystaniunowoczesnychrozwiązańudało
sięstworzyćestetycznyibardzointuicyjnywużytkowaniulayout,wobrębiektóregonaszczególnąuwagę
zasługują:
§ wzbogacenieposzczególnychelementówefektemlightbox,
§ dodanieefektówprzejściawruchomychmodułach,
§ automatyczneustawianiewysokościokien,
§ zmianawyglądupólwyboruorazzaznaczania
Warto dodać, że całość powstała przy wykorzystaniu technologii JavaScript, która nie wymusza ciągłych
aktualizacjistrony.Rozwiązanietonietylkoeliminujemożliweproblemytechniczne,aleprzedewszystkim
zwiększapłynnośćużytkowaniastronysklepu.
TECHNOLOGIAWSŁUŻBIEZAKUPOM
Solidne fundamenty techniczne i dopracowany layout to jednak nie wszystko. Nadrzędnym celem e-
commercejestułatwienieprocesuzakupowego,dlategozadbaliśmyoto,abyproceszamawianiaproduktu
zostałograniczonydojednegoetapu.Cowięcej,stronazostałazaprogramowanawtakisposób,żebykoszyk
niezrealizowanych zakupówzostałautomatycznie zapisanynakoncieużytkownika.Dzięki temunawetpo
opuszczeniu strony internetowej Klientmamożliwość powrotu do stworzonej wcześniej listywybranych
produktów.
Wszystkiezrealizowanezakupyzintegrowanozkoleizsystememmagazynowo-księgowymSAP.Dziękitemu
wyeliminowanyzostałetapprzepisywaniawinterfejsieprogramistycznymtakistotnychinformacji,jakdane
Klientów,zamówienia,aktualnecenyorazstanmagazynów.Umożliwitowprzyszłościm.in.natychmiastową
weryfikacjędostępnościproduktów,cowdziedziniedystrybucjisprzętumedycznegojestniezwykleważne.
DODATKOWEUDOGODNIENIA
Stronazostaładodatkowowzbogaconaonowemoduły,spośródktórychnaszczególnąuwagęzasługują:
§ „Ostatnioprzeglądaneartykuły“,
§ „Nowości“,
§ „Promocje“,
§ „Plikidopobrania“,
§ „Poradnikiiartykuły“
§ „FAQ“,
§ „Serwis“,
§ „Salonyfirmoweiwspółpraca“.
Dzięki temu powstała swojego rodzaju synergia treści, która wzbogaca dotychczas stricte zakupową
zawartość sklepu. W połączeniu z odświeżeniem panelu użytkownika strona www.novamed.pl zyskała
zupełnie nowy wymiar, którego celem jest przyciągnięcie nie tylko potencjalnych Klientów, ale również
pasjonatówbranżymedycznej.
Na szczególną uwagę zasługuje też integracja z wybranymi pośrednikami płatności online. Po wnikliwej
analizie najpopularniejszych rozwiązań wykorzystywanych w sklepach Novamed wdrożenie objęło
rozwiązaniaPayU,PayPal,płatnośćprzyodbiorzeoraztradycyjneprzelewy.Szczegółyprzesyłkiiewentualne
wątpliwości Klient może ustalać również za pomocą formularza kontaktowego, który dodano z myślą
ousprawnieniukomunikacjizadministracjąsklepu.Istniejerównieżmożiwośćzapisaniasiędonewslettera.
„Naszym priorytetem jest dostarczenie Klientom najdogodniejszych, spersonalizowanych
rozwiązań.PoanaliziepotrzebfirmyNovamedzasugerowaliśmyprzeprowadzenieintegracji
systemów SAP, co pozwoliło na dodatkową optymalizację procesów kosztowych oraz
uzyskanieefektusynergiiwprowadzonychudogodnień.“
AndrzejSzylar,CEOGlobal4Net
FOLLOWUP
Podczas wdrożenia dodano dynamiczne metatagi, opisy, tytuły oraz linki, a gotowa strona została
zintegrowana z systemem Google Analytics oraz AdWords w celu bieżącego monitorowania efektów
wdrożeniamodułu e-commerce. Pracownicy firmy Novamedwzięli również udział w szkoleniu zzakresu
obsługisklepuinternetowego.
Opisanepowyżejrozwiązaniasąjedynieczęściąsystemu,którymarkaGlobal4Netrozwijawodpowiedzina
zmieniającesięwarunkirynkue-commerceorazspecyficznezapotrzebowaniaKlientów.Ostatecznykształt
tworzonego projektu wynika z obopólnego zaufania oraz niezwykłego profesjonalizmu zarządu firmy
Novamed.
- SA INT-GOBAIN-
Saint-Gobaintoświatowyliderwdziedziniebudownictwa,którywyróżniasięnatlekonkurencjiszczególną
troskąośrodowiskonaturalne.Zlokalizowanew66krajachoddziałyfirmyskupiająspecjalistówzajmujących
się tworzeniem, produkcją oraz dystrybucją materiałów budowlanych wykorzystujących ekologiczne
rozwiązania. Rosnąca popularność tego typu technologii zaowocowała potrzebą stworzenia sklepu
internetowego,któryzaoferujeKlientomwięcej,niżtylkozakupy.Taknarodziłasięideastworzeniawpełni
responsywnejdomenywww.remontibudowa.pl.
PRZEDEWSZYSTKIMFUNKCJONALNOŚĆ
Czasy skomplikowanych rozwiązań w dziedzinie e-commerce minęły, dlatego postawiliśmy na prostotę
ifunkcjonalność. Naturalną decyzją byłowięc dla nasw tym przypadku rozpoczęcie od dodania licznych
modułów,którychzadaniemjestułatwienienawigacjiwtrakciezakupów:
• moduł „Nowości“, pozwalający na szybkie przeskanowanie oferty pod kątem nowo dodanych
produktów,
• zakładka „Ostatnio oglądałeś“, dzięki której użytkownik może w każdej chwili powrócić do
zamkniętychwcześniejkartzofertą,
• wyeksponowana za pomocą dodatkowych elementów graficznych zakładka „Koszyk“, pokazująca
aktualnystanzamówieniajużzpoziomustronygłównej,
• mapaprzedstawiającalokalizacjęposzczególnychsklepówstacjonarnych,któralinkujebezpośrednio
dolistyadresowejplacówekhandlowychmarkiSaint-Gobain,
• stronastartowa eksponująca zapomocąprostychgrafiknajważniejsze zpunktuwidzeniaKlienta
funkcjonalnościsklepu(m.in.odbiórosobisty,specjalnewarunkisprzedaży,promocjeiwyprzedaże).
Podczas licznych spotkań podjęta została również odważna decyzja o rozbudowaniu zakładki ofertowej,
dziękiczemuKliencizyskalimożliwośćszybkiegowyszukiwaniaproduktunapodstawienazwyproducenta.
Dokonaniewyborupowodujeprzeniesienienapodstronęzawierającąkrótkącharakterystykęwybranejfirmy
orazkompletnąlistęoferowanychproduktów.
INTELIGENTNAWYSZUKIWARKA
Znacznemu uproszczeniu został również poddany proces wyszukiwania produktów. Stworzony przez nas
systemumożliwiaprecyzyjneokreślaniekryteriówposzukiwań,którestopniowozawężająofertęzakupową.
Klientotrzymujedziękitemuwpełnispersonalizowanąofertę,któraspełniawszystkieJegooczekiwania.To
zkoleiznacznieskracaczasfinalizacjizakupu.
Wyszukiwarka została również rozbudowana o inteligentną opcję podpowiadania fraz. Oznacza to, że
użytkownik wpisując pierwsze litery poszukiwanego słowa zobaczy listę dostępnych produktów, których
nazwaskładasięztekiegosamegociąguliter.Cociekawe,wyszukiwarkazkażdąwpisanąfraząbędziesię
uczyćizapamiętywać,poszerzającprzytymswójzakressłówwyszukiwanych.Dostworzonejwtensposób
bazy ma również dostęp administrator sklepu, co pozwala na dodatkową analizę potrzeb Klientów
idynamicznedostosowywanieofertydonajczęściejposzukiwanychhaseł.
AUTORSKIEROZWIĄZANIA
Klienci marki Saint-Gobain są bardzo wymagającą grupą docelową, dlatego niektóre z dostępnych
funkcjonalności powstały ze szczególnym uwzględnieniem specyfiki branży budowlanej. Specjalnych
rozwiązańwymagałzwłaszczasystemdostaworazsynchronizacjidanych.
Owocemprzeprowadzonychpodtymkątemanalizjestpowstanieautorskiegomodułuintegracjiprzesyłek
kurierskich na podstawie dostarczonego API oraz integracja sklepu z systemami ERP i SAP. Integracja
odpowiada za takie funkcjonalności, jak zarządzanie zamówieniami iwysyłką oraz synchronizacja danych
Klientów. Wrezultacieudało sięnamstworzyć sprawny systempozwalającyna szybkiprzesył informacji
pomiędzysklepemadostawcami.
DWUSTRONNAKOMUNIKACJA
To nie wszystko. Świadomimożliwości, jakie oferujemarketing szeptany, zaoferowaliśmy użytkownikom
możliwość polecania zakupionych produktów. Analizy dowodzą bowiem, że Klienci e-sklepów są skłonni
zaufaćopiniomznajomychlubinnychużytkownikówwwiększymstopniu,niżtradycyjnymformomreklamy.
Wtensposóbzyskaliśmyrównieżdodatkowykanałinformacjinatematofertysklepu.
W ramach powyższego rozwiązania dodany został także moduł „Kontakt“. Formularz składa się
zindywidualnie dobranych parametrów, spośród których użytkownik może wybrać interesujące go
zagadnienie (np. zgłoszenie serwisowe, wycenę usługi lub dodatkowe pytania dotyczące oferty sklepu).
Istniejerównieżmożliwośćskontaktowaniasiębezpośredniozwybranymsklepemstacjonarnym.
BEZPIECZEŃSTWODANYCH
SzczególnąuwagęzwróconorównieżnakwestiębezpieczeństwadanychosobowychKlientów.Uruchomiony
przez nas sklep posiada certyfikat SSL, zapewniający bezpieczeństwo przesłanych danych oraz ich
integralność.
WIĘCEJNIŻTYLKOSKLEP
W efekcie naszej współpracy z firmą Saint-Gobain powstała rozbudowana, w pełni mobilna platforma
internetowa,łączącawsobiewielefunkcji.Uzupełnieniemwdrożeniabyłododatkowezintegrowaniesklepu
z Google Analytics, pozwalające na bieżący monitoring zainteresowania marką. Nowy sklep w pełni
odpowiadapotrzebomnawetnajbardziejwymagającychKlientów,pozwalającmarcenadotarciedojeszcze
większejilościosób.
- SUNLOOX-
ProfesjonalnyinternetowysalonoptycznySunLooxtoefektdynamicznegorozwojupowstałejw2006roku
sieci sklepów SunLoox oraz Loox Galeria Optyki. Wyróżnia go niezwykle bogata i ekskluzywna oferta:
wasortymencieznajdująsięokularysłoneczneioprawkitakichmarek,jakTomFord,ChristianDior,Guess
czyVictoriaBeckham.
Wrazzintensywnymrozwojemwzrosłorównieżzapotrzebowaniesklepunanowoczesneoprogramowanie
e-commerce,którepozwoliłybysprostaćoczekiwaniomnawetnajbardziejwymagającychKlientów.
INTELIGENTNEROZWIĄZANIA
Podążajączatrendami,wspólniezfirmąSunLooxzdecydowaliśmy,żepraceprzyprojekcienależyrozpocząć
od opracowania szeregu inteligentnych rozwiązań, które zapamiętają zachowania Klienta i zmodyfikują
ofertęzgodniezJegooczekiwaniami.Najważniejszeznichto:
• filtryumożliwiającesortowanieproduktówwedługposzukiwanychcech(cena,marka,koloritp.),
• inteligentna wyszukiwarka, która przy wykorzystaniu multiwariantów podpowiada Klientowi
poszukiwaną frazę na podstawie wpisywanych słów (lista najpopularniejszych produktów jest
dodatkowoudostępnianiaadministratorowisklepu),
• rozwinięciewyszukiwarkiomożliwośćsortowaniawyświetlonychwynikówwedługokreślonychcech
(cena,markaitp.),
• blok sugerujący akcesoria oraz inne alternatywne produkty, które mogą stanowić uzupełnienie
dokonywanegozakupu,
• zakładkawyświetlającaostatniooglądaneprodukty.
WYGODAUŻYTKOWANIA
Nowa strona sklepu została stworzona w oparciu o zasadę Mobile First, co pozwala na jej prawidłowe
wyświetlanieniezależnieodrodzajuwykorzystywanegourządzenia.Opróczzwiększeniawygodyużytkowania,
rozwiązanietoumożliwiarównieższybszeindeksowaniestrony,awrezultaciejejlepszepozycjonowanie.
ResponsiveWeb Design to nie jedyne rozwiązanie, które zostało zaprojektowane z myślą ointuicyjnym
nawigowaniu Klientóww procesie zakupowym. Spośród licznych funkcjonalnościwprowadzonychw celu
zwiększeniawygodyużytkowaniastronywartozwrócićrównieżuwagęna:
• menudzielącelistęproduktówwedługkluczakategoriiorazmarek,
• zakładkęznowościami,
• blok informacyjny w obrębie którego znajdują się dane kontaktowe wszystkich sklepów
stacjonarnych,
• dodatkową kartę informacji na temat oglądanego produktu (dostawa, gwarancje, zwroty, oceny
użytkownikówitp.),
• menuwyborumetodypłatnościorazdostawy,
• dodatkowąkartęszczegółowychinformacjinatematwybranegosklepu.
POMOCONLINE
WtrosceowymagającychKlientówmarkiSunLooxpodjęliśmyrównieżdecyzjęowzbogaceniustronysklepu
o możliwość bezpośredniego kontaktu z konsultantem. W tym celu, oprócz standardowej zakładki
„Kontakt“ zamieściliśmy również wysuwalne okno chatu. Po uruchomieniu domeny www.sunloox.com
pojawia sięw nim informacja „Kliknij, aby rozpocząć chat“, co stanowi swoiste zaproszenie do rozmowy
online.
„RozwiązaniatypuLiveChatzpowodzeniemzastępujądarmowąinfolinię,znacznieskracając
drogękomunikacjimiędzyużytkownikiemamarką.Przedewszystkimjednakpozwalająone
wyeliminować problemy związane z kolejkami w Punktach Obsługi Klienta oraz wysokimi
kosztami połączeń telefonicznych. Łatwo wyobrazić sobie, że sklep zyskuje w rezultacie
zadowolonegoKlienta,którybędziebardziejskłonnydozakupów.“
AndrzejSzylar,CEOGlobal4Net
POŁĄCZENIEZSOCIALMEDIA
Mówi się, że większa obecnośćmarki online wpływa również na jej popularność offline.Właśnie ztego
powodu podjęta została decyzja o uzupełnieniu gotowej domeny sklepu o zakładki linkujące domediów
społecznościowych firmy: fanpage SunLoox oraz bloga sunloox.com. Zabieg ten nie jest niczym nowym
wświeciee-biznesu,aleniewieluprzedsiębiorcówzdajesobiesprawęztego,żepozwalaonzwiększyćilość
potencjalnych kanałów dotarcia do Klientów oraz ocieplić często stricte sprzedażowy wizerunek marki.
Właśniedlategobyłtodlanasabsolutnieniezbędnyelementwdrożenia.
SPRAWNASPRZEDAŻ
Sklep SunLoox jest również w pełni zintegrowany z systemem ERP, którego zadaniem jest połączenie
wobrębiejednejplatformywiększościprocesówoperacyjnychfirmy.Pozwalaonnausprawnieniepracym.in.
poprzezautomatyzacjęczynnościfinansowych,synchronizacjędanych,aktualizacjęceniasortymentuoraz
zarządzaniedokumentacją.DlawielufirmywdrożenieprogramuERPjestnaturalnymkrokiemwspierającym
rozwójwkierunkue-commerce.
Opisanepowyżejrozwiązaniapozwoliłynastworzeniepięknej,nowoczesnejiwpełnispełniającejwymagania
Klientówstrony.Jesteśmypewni,żewykorzystaneprzeznasfunkcjonalnościsprawią,żezakupywsklepie
markiSunLooxbędąwyjątkowymprzeżyciem,któreprzełożysięnietylkonarosnącewynikisprzedażowe,
aleprzedewszystkimnapozytywnedoświadczeniaKlientów.
- ROTOMPOLSKA-
Firma Rotom od 30 lat jest jednym z liderów dystrybucji palet drewnianych, opakowań oraz nośników
logistycznych dla przedsiębiorstw w Europie. Jej międzynarodowy sukces to efekt starannego doboru
produktów stosowanych w transporcie i magazynowaniu oraz maksymalizacja wydajności procesów
logistycznych. Od 2013 roku rozwój marki w internecie wspierany jest prze firmę Global4Net. Jednym
zowoców tej współpracy jest serwis www.rotomshop.pl, który z powodzeniem umożliwia realizację
zamówieńwobrębieośmiuniezależnychrynkówEuropejskich.
WYBÓRTECHNOLOGII
Realizacjaprojektuwymagałasprawdzonychrozwiązań,dlategojednązpierwszychdecyzjibyłowdrożenie
Magento. Nie bez powodu platforma ta nazywana jest jedną z najszybciej rozwijających się na rynku e-
commerce. Dzięki wspraciu najlepszych developerów oraz samego producenta, oprogramowanie
gwarantuje:
§ skalowalność,
§ bezpieczeństwokodu,
§ wysokipoziombezpieczeństwabiznesowego,
§ elastycznymodellicencjonowania,
§ wsparciemerytoryczne,
§ wtyczkiułatwiającewdrożenienowychfunkcjonalności.
BEZPIECZNYSYSTEM
Wdrożenie rozbudowanego systemu e-commerce zawsze wiąże się z ryzykiem. Aby wyeliminować
potencjalne zagrożenia, konieczne jest wcześniejsze stworzenie szczegółowego projektu funkcjonalnego,
który zobrazuje mechanizm działania strony. Pozwala to również na szybką weryfikacją wyobrażeń
projektantazoczekiwaniamipotencjalnychużytkowników.
Napodstawieprzygotowanychprototypówprzeprowadzonezostałyrównieżbadaniareakcjiużytkowników
naróżnewariantyścieżkizakupowej.Pozwoliłyonenastworzenieprojektówgraficznychorazdokumentacji
produkcyjnej wraz z opisem procesów zachodzących w systemie. Ostatnim etapem tej części prac było
uszczegółowieniewizualizacjiorazfinalnaaceptacjaKlienta.
ROZWIĄZANIAPRZYJAZNEDLAKLIENTA
Przystosowanie systemue-commercedodziałania naośmiuniezależnych rynkach europejskichwiąże się
z odatkowymi wyzwaniami. Aby im sprostać, podjęto decyzję o dodatkowej zewnętrznej integracji oraz
rozbudowaniuwybranychfunkcjonalności:
§ kilkamodelipłatnościdlaKlientakońcowego,
§ możliwość zamawiania produktóww paczkach będącychwielokrotnością liczby sztuk wybranego
przedmiotu,
§ jednokrokowyproceszamówienia,
§ przygotowanie systemu importów, który pozwala na aktualizację oferty produktowej oraz
zarządzaniebieżącymasortymentem.
Przywdrożeniupowyższychrozwiązańwykorzystanyzostałrozproszonymiędzyplatformowysystemkontroli
wersji Mercurial, co pozwoliło na zwiększenie wydajności i skalowalności oraz umożliwiło wykonywanie
zaawansowanychoperacjinagałęziach.Oprogramowaniewspierane jestprzezsystemewidencji zgłoszeń
ActiveCollab,któregozadaniemjestzarównopomocwkomunikacjizKlientem,jakiplanowaniekolejnych
wydańoprogramowania.
Efektemkolejnego jużwdrożeniadlafirmyRotomjestfunkcjonalna inowoczesnaplatformainternetowa,
któraumożliwiazakupyniemalzkażdegozakątkaEuropy.Znieukrywanądumąmożemypowiedzieć,żenowy
sklepmarkitoprzykładrozwiązania,którenietylkowpłynełopozytywnienawynikisprzedaży,alerównież
pozwoliłonazaistnieniewświadomościwiększejilościKlientów.
-M ID IAPOL IS -
Arta-Techtostartupskupiającypasjonatównowoczesnychtechnologii.Szerokaofertafirmyobejmujeniemal
wszystkie gałęzie e-czytelnictwa: serwisowanie i oprogramowanie do czytników książek elektronicznych,
rozwiązaniainformatycznemającenaceluwsparciee-czytelnictwa,e-bookiorazplatformydoichdystrybucji.
Dwaostatnieelementystanowiłydlanasgłównąoś,wokółktórejstworzonyzostałsklepwww.midiapolis.pl.
POPIERWSZE:STRATEGIA
Celem wdrożenia projektu Midiapolis było umożliwienie łatwego i wygodnego zakupu treści cyfrowych.
Założenietoutwierdziłonaswprzekonaniu,żestrategiae-commercedlaArta-Techpowinnaopieraćsięna
ResponsiveWebDesign,copozwalanakomfortoweprzeglądaniestronysklepuzapomocąkażdego typu
urządzeniaprzyjednoczesnymzmniejszeniukosztówutrzymaniaorazczasuprzeznaczonegonaaktualizację.
W tym celu stworzono serwis Booxspace, którego zadaniem jest agregacja treści udostępnianych przez
poszczególnychdostawcówe-booków.Dlaadministratorówsklepusłużyonrównieżjakomiejscewymiany
danychorazzamówieńpomiędzydostawcamitreścicyfrowychasklepeminternetowymMagento.Platforma
oferujetakżemożliwośćzałożeniakontawchmurze,któredziękidodatkowejprzestrzenidyskowejpozwala
naprzechowywaniezakupionychplikówiprzeglądanieichzdowolniewybranegourządzenia.
PODRUGIE:SYSTEM
Liczne spotkania z Klientem oraz analizy prototypów strony zaowocowały również opracowaniem
optymalnych procesów sprzedażowych: tradycyjny sposób zakupów okazał się bowiem niewygodny dla
użytkownikówurządzeńmobilnych.W związku z tympodjętodecyzję o implementacji systemuone click
payment,któryskracaproceszakupowydojednegokliknięcia.Cowięcej,podającswojedanerozliczeniowe,
które potwierdzane są za pomocą kodu zabezpieczającego, użytkownik zyskuje również możliwość
dokonywaniawielokrotnychzakupów,bezponownejkoniecznościuzupełnianiaformularzazamówienia.
Zwieńczeniempowyższegoetapubyłoprzygotowanieprojektówgraficznychorazstworzenieszczegółowej
dokumentacji produkcyjnej zawierającej opisy procesów zachodzącychw systemie. Po akceptacji finalnej
wersjiprototypówprzygotowanezostałyrównieżdwiepropozycjegrafikistronygłównej,spośródktórych
Klientwybrałtę,nabaziektórejpowstałyprojektypozostałychpodstron.Gotowemateriałyzostałypocięte
izakodowanedoHTMLiCSS,aproduktfinalnypoddanododatkowejanaliziebędącejpodstawądodalszych
pracwdrożeniowych.
POTRZECIE:WDROŻENIE
Zgodnie z wcześniejszymi ustaleniami, wdrożenie zakładało szereg rozwiązań przyjaznych Klientom. Na
ostateczną wersję serwisu www.midiapolis.pl składają się w związku z tym zaawansowane integracje
pozwalającem.in.napobieraniedanychbezpośredniozzewnętrznegosystemuitworzenierozbudowanych
kont wchmurze, płatności zredukowane do jednego kroku oraz współdzielenie sesji umożliwiające
bezpośrednieprzeglądaniezakupionychplikówzapomocąróżnychurządzeń.
To jednak nie wszystko. Cały proces wymiany danych odbywa się za pomocą systemu kolejek, który
jednocześnie pozwala na skalowanie systemów dostarczających dane oraz chroni oprogramowanie
wprzypadku awarii modułów dostarczających dane lub dużej ilości zapytań do bazy. Dla zapewnienia
dodatkowej ochrony, wykorzystano również rozproszony międzyplatformowy system kontroli Mercurial,
pozwalający na zwiększenie wydajności oraz zaawansowane operacje na gałęziach. Wdrożenie zostało
poprzedzonedodatkowymitestami:
§ Integracyjnymi:sprawdzającymi,czydanesynchronizująsięwodpowiednisposóborazczysystem
jestpodatnynaawarie,
§ bezpieczeństwa:uwzględniającymipotencjalneatakiXSS,SQLInjectionorazCSFR,
§ funkcjonalnyminabaziescenariuszy,którestałysiępodstawądodalszychanaliz.
Wszystkieterozwiązaniasprawiają,żewdrożonysystemjestnietylkosprawnyipłynny,aleprzedewszystkim
bezpieczny,atoodzawszenajwiększypriorytete-commerce.
EFEKTYWSPÓŁPRACY
Efektemwspółpracy z firmąArta-Tech jestnie tylko solidnaplatforma sprzedażowa, ale również znaczna
rozbudowa mocy produkcyjnych. Najbardziej widocznym rezultatem jest jednak systematyczny wzrost
przychodówzdziałalnościoperacyjnejorazrzeszezadowolonychKlientów.
-INSPIREDBY-
InspiredBytowyjątkowyserwis,oferującymożliwośćsubskrybcjizestawówprezentowychkomponowanych
przez polskich celebrytów. W ofercie znajdują się nie tylko typowe dla tego rodzaju inicjatyw zestawy
kosmetyczne, ale również m.in. artykuły spożywcze, markowe akcesoria oraz biżuteria. W ramach
abonamentu Klienci mogą liczyć na produkty takich firm, jak Marc Jacobs, Astor, Adidas, Anatomicals,
E.Wedeliwieleinnych.Każdegomiesiącazestawytrafiajądotysięcystałychsubskrybentek.
ZAAWANSOWANYSYSTEMSUBSKRYPCJI
Działanie serwisu www.inspiredby.pl opiera się na systemie zamówień i regularnych wysyłek, które
dostarczanesądoKlientówwokreślonychodstępachczasu.Biorącpoduwagęfakt,żeposzczególnetypy
wysyłek charakteryzują się odmiennymi terminami dostarczania, podczas projektowania architektury
subskrypcjinależałowziąćpoduwagęznaczniewięcejelementówniżwprzypadkumniejzaawansowanych
systemów.
Efektemnaszychpracdeveloperskich jestrozbudowanastrukturazamówień,któraoferujeużytkownikom
pełnąkontrolęnadposzczególnymietapamiprzesyłkipoprzez:
§ zakładkę„mojekonto“,pozwalającaedytowaćzamówionasubskrypcjeorazsprawdzaćichaktualny
status,
§ odnośnik przekierowujący do panelu historii zamówień, udostępniającego wgląd warchiwum
subskrypcji,
§ przyciskprzekierowującydo zakładki zawierającejdanedotycząceaktualnych subskrypcji (istnieje
możliwośćabyzjegopoziomuanulowaćzamówieniaorazmonitorowaćstanwysyłki),
§ przyciskumożliwiającyzapisdonewslettera.
ZINTEGROWANESYSTEMYPŁATNOŚCI
Zaawansowanysystemsubskrypcjiwymagaodpowiedniejarchitekturypłatności,dlategoszczególnąuwagę
poświęciliśmy integracji zwybranymi pośrednikami online. Pownikliwej analizie najbardziej efektywnych
rozwiązań podjęto również decyzję o dodaniu możliwości otrzymywania informacji na temat przesyłki
również zapomocą formularzakontaktowego, cousprawniłokomunikację zadministracją sklepu. Istnieje
równieżmożliwośćzapisaniasiędonewslettera.
NOWOCZESNEROZWIĄZANIANAPOZIOMIELAYOUTU
Po dopracowaniu strony technicznej projektu rozpoczęto prace związane z wyglądem strony. Wtrosce
olepszą widoczność portalu oraz wyższe wyniki SEO jedną z naszych pierwszych decyzji było wdrożenie
rozwiazańzzakresuResponsiveWebDesign.Polegająonenazmodyfikowaniukodustronywtakisposób,
abydostosowywałasięonadozmiennychparametrówurządzeń,naktórychbędziewyświetlana.Nietylko
pozwala tonaprawidłowewyświetlaniedomenyna każdym rodzajuurządzenia, ale stanowi też znaczne
udogodnienie dla administratorów, pozwalając m.in. na wprowadzenia późniejszych zmian w wyglądzie
stronyprzyjednoczesnymobniżeniukosztówzwiązanychzjejutrzymaniem.
Kolejnymukłonemwkierunkunajnowszychtrendówzwiązanychwwebdesignembyłorównieżcałkowite
oparcie strony na rozwiązaniu Infinite Scroll, czyli przedstawieniu treści w formie jednolitego ciągu.
Największymjegoatutemjestprzedewszystkimwygoda:zagłębieniesięwtreśćstronyniewymagabowiem
odużytkownikażadnychdodatkowychakcjiopróczprzewijania(cojednocześniesprawia,żeInfiniteScroll
jestnajlepsząopcjąbudowystronyzmyśląourządzeniachmobilnych).Tojednakniewszystko:jakdowodzą
testyUX,usunięciezwidokustrony„przystanków“określającychjejkonieczwiększailośćobejrzanychtreści.
Wynikatochęcispontanicznegodoczytaniaoferowanychtreści,któradrzemiewkażdymznasizostałajuż
wielokrotnieudowodnionanp.przezpopularnyserwisspołecznościowyFacebook,któregostreampotrafi
zaangażowaćnawielegodzin.
Ciekawym rozwiązaniem zwiększającym atrakcyjność strony jest też przedstawienie aktualności oraz
dodatkowychmateriałóww formie sliderów, czyli ruchomych zdjęć, które przekierowują do podstron ze
szczegółowymi informacjami. Rozwiązanie to jest nie tylkowygodne z punktuwidzenia użytkownika (nie
wymaga przeszukiwania strony pod kątem określonych danych), ale również atrakcyjne wizualnie:
profesjonalnezdjęciairuchomeelementyprzykuwająwzrokisąwygodniejszewodbiorze.
Wszystkieopisanepowyżejwdrożeniapowstaływoparciuo technologię JavaScript, copozwoliłouniknąć
późniejszychpraczwiązanychzaktualizacjąstrony,zwiększając jednocześniepłynność jejdziałania.Dzięki
temuwyeliminowanazostałarównieżwiększośćewentualnychproblemówtechnicznych.
SOCIALMEDIAFIRST
Żyjąc w świecie mediów społecznościowych nie sposób pominąć ich w projekcie strony internetowej.
Wzwiązkuztym,jużzpoziomustronygłównejistniejemożliwośćprzeniesieniasięnafanpagemarkiorazjej
profilwserwisieTwitter.Rozwiązanietogenerujewielemożliwościsprzedażowychorazmarketingowych:
§ pozwalanapokazanieproduktówwodsłonielifestyle,cozwłaszczawprzypadkuofertykosmetycznej
znaczącowpływanawynikisprzedażowe,
§ ocieplawizerunekfirmypoprzezudostępnianiewpisówzawierającychrecenzjeKlientówiautorów
zestawów,
§ sprzyjarozwojowimarketinguszeptanegowokółoferowanychproduktówinadchodzącychpromocji
(według badań, tego rodzaju pomocja działa skuteczniej niż kampanie reklamowe: Klienci ufają
opiniominnychwwiększymstopniuniżprzekazommarketngowym),
§ zwiększailośćkanałówdotarciadopotencjalnychsubskrybentów,wliczającwtorównieżnowegrupy
odbiorców(każdemediumspołecznościowetozupełnienowagrupadocelowa,charakteryzującasię
innymicechami),
§ skracadrogękomunikacjipomiędzyKlientemamarką (wypełnianie formularzykontaktowych jest
czasochłonne, podczas gdy rozmowa poprzez komentarze/chat na fanpage zajmuje wwiększości
przypadkówkilkaminut).
Powyższezaletytotylkokroplawmorzubenefitów,jakieniskimkosztemmożnauzyskaćdziękiobecności
marki w social media. Dlatego właśnie w ramach integracji domeny z wtyczką społecznościową dodana
zostałarównieżmożliwośćwygodnegologowaniazapomocąkontaFacebook.DziękitemuKlientmożezłożyć
zamówieniebezpoświęcaniadodatkowegoczasunazakładaniekontairejestracjęwserwisie,awszystkie
jegodanezostająautomatyczniepobranezformularzy informacyjnych jegokontaspołecznościowego.Co
więcej, rozwiązanie to skraca sam proces dokonywania zamówienia, przyczyniając się do zwiększenia
prawdopodobieństwafinalizacjitransakcji.
- B ITTERSWEET PAR IS -
ObokmarkiBittersweetParisniemożnaprzejśćobojętnie:jejcharakterystycznecechytobezkompromisowe
projekty, żywiołowość, odniesienia do popkultury i zastosowanie materiałów wysokiej jakości. Dzięki tym
elementommarkaszybkozyskałarozpoznawalnośćizaufanieosóbnacałymświecie.Wielumłodymludziom
ubraniamarkipomagająwyrazićwyjątkowepoglądyiosobowości.
Niebanalnaofertasklepuwymagałarównieodważnychrozwiązań.GłównąosiąwspółpracyBittersweetParis
zmarkąGlobal4Net stało sięw związku z tymhasło „Let’smake theworldmore colorful and fun”, czego
owocemjestpowstanieprawdopodobnienajbardziejszalonegosklepuodzieżowegoonline.
PEŁNARESPONSYWNOŚĆ
Już podczas pierwszego spotkania ustalony został najważniejszy i jednocześnie najbardziej podstawowy
priorytet projektu: responsywność. Strony tworzone w standardzie ResponsiveWeb Design działają bez
zarzutów na każdym rodzaju nośnika, dzięki czemu zwiększony zostaje zasięg dotarcia do potencjalnych
Klientów.TorozwiązanieszczególnieistotnezwłaszczazpunktuwidzeniagrupydocelowejmarkiBittersweet,
którąwdużejmierzastanowiąwłaśnieużytkownicyurządzeńmobilnych.
Inne,warteuwagizaletykodowaniastronywRWDtorównież:
§ zwiększeniewalorówestetycznychstrony,
§ poprawawynikówSEO,
§ obniżeniekosztówzwiązanychzutrzymaniemstrony(wyeliminowanazostajepotrzebaposiadania
witrynywwersjistacjonarnejimobilnej).
MULTISTORE
MiędzynarodowyzasięgmarkiBittersweetstałsięrównieżinspiracjądowykorzystaniarozwiązańzzakresu
multistore.DziękinimadministratorzysklepuzyskalimożliwośćobsługiwieluKlientówwobrębie jednego
serwera, co w rezultacie pozwoliło na zmniejszenie kosztów przy jednoczesnym zwiększeniu prędkości
migracjidanych.Rozwiązanietojestteżzauważalniewygodniejszedlasamychużytkowników:dziękiniemu
mogąonim.in.wybieraćwersjęjęzykowąstronyorazwalutę,wktórejdokonanazostaniepłatnośćzazakupy.
NIETYLKOSKLEP
Nieoddziświadomo,żekluczemdosukcesuwsprzedażyjestprzekonanieKlientówdotego,żeoferowany
produktjestnietylkopiękny,alerównieżfunkcjonalny.Biorącdodatkowopoduwagęfakt,żebranżafashion
jest niezwykle wymagająca i zmienna, naturalnym rozwiązaniem było wzbogacenie profilu sklepu
ododatkowe funkcjonalności, które wyróżnią go na tle konkurencji. Wzwiązku z tym, w layout strony
wkomponowanezostałynastępująceelementy:
§ zakładka„Lookbook“,
§ odnośnikidomediówspołecznościowych,
§ miniaturyzdjęćprezentującychstylizacjezwykorzystaniemubrańBittersweetParis.
DziękinimjeszczeprzeddokonaniemzakupuKlientmaniepowtarzalnąokazjęabyprzekonaćsię,jakprodukt
prezentujesiępodczascodziennegoużytkowania.Cowięcej,zakładkiiodnośnikiprzekierowującedogalerii
zdjęćużytkownikówstanowiąrównieżodpowiednikreferencji:użytkownikwidzi,ileosóbzakupiłooglądany
produkt i czy są one zadowolone ze swojego wyboru (a, jak dowodzą statystyki iraporty branżowe,
wporównaniu z kosztownymi kampaniami reklamowymi to właśnie opinie innych użytkowników są
najbardziejefektywnymnarzędziempromocji).
DIABEŁTKWIWSZCZEGÓŁACH
W modzie liczą się detale, dlatego z równie szczególną uwagę przywiązano do pozornie niewielkich
elementów, które jednak znacząco usprawniły poruszanie się po stronie. Wśród nich znalazło się m.in.
dynamicznedoładowanieartykułóworazmożliwośćdodawaniazakupionychubrańdokoszykabezpotrzeby
opuszczania karty produktu. Dodatkowo, przy wsparciu Google PageSpeed Insights, gotowa strona jest
maksymalniezoptymalizowanapodkątemszybkościdziałania.
Podsumowując, witryna www.bittersweetparis.com to z pewnością najbardziej odważny projekt
zrealizowanydotądprzezGlobal4Net.Tobarwneibezkompromisoweurzeczywistnieniewizjideveloperów
orazwłaścicielimarkikażdegodniaulepszanejestonowefunkcjonalnościirozwiązania,któresprawiają,że
zakupysąprzygodą,którąKliencichcąprzeżywaćkażdegodnia.
- KONTAKT-
Wdrożeniee-commerce,poprawabłędówinieścisłości,którepowstaływwynikuwspółpracyzinnąfirmą,
zmianaaktualnegooprogramowanianaMagento...Nieważne, jaki jestTwójproblem:mygorozwiążemy.
Skontaktujsięznami!
GLOBAL4NETSP.ZO.O.
ALEJAARMIIKRAJOWEJ6B
53-041WROCŁAW
TEL.:+48717691428
MAIL:[email protected]