Development

Annoushka.com —
Fine Jewellery by Annoushka Ducas

Marka została założona w 2009 roku przez przedsiębiorczynię i projektantkę Annoushkę Ducas MBE i jest obecnie znana na całym świecie, posiadając butiki w Chelsea, Mayfair oraz w Mandarin Oriental Hong Kong, a także stoiska w niektórych z najbardziej znanych domów towarowych na świecie, w tym Harrods, Harvey Nichols i Liberty. W sercu projektów Annoushki leży jej zamiłowanie do opowiadania historii oraz charakterystyczne poczucie zabawy. W bliskiej współpracy ze swoim zespołem projektowym Annoushka dba o to, aby doskonałe rzemiosło i duch nowoczesności definiowały każdy stworzony przez nią element.

Główne założenia projektu

Bezproblemowa migracja

Jednym z głównych założeń projektu było bezproblemowe przeniesienie istniejących danych na nową platformę Magento Open Source. Klient nie dysponował scentralizowaną bazą danych o produktach, a zarządzał nimi właśnie w poprzednim systemie e-commerce. W związku z tym musieliśmy stworzyć connector pomiędzy SFCC (SalesForce Commerce) a Magento Open Source, umożliwiający automatyczną migrację produktów, klientów, kategorii i atrybutów. Przy okazji pomogliśmy klientowi przy uporządkowaniu typów produktów, atrybutów i ich opcji oraz danych klientów.

Poprawa wyników Google Core Vitals

Drugim bardzo ważnym elementem była poprawa parametrów Google Core Vitals. O tym, jak ważne w dzisiejszych czasach jest to, żeby serwis e-commerce spełniał wymogi Core Vitals, nikogo nie trzeba już przekonywać. Wpływa to bezpośrednio na wyniki wyszukiwarek, a co za tym idzie, sprzedaż.
Dlatego wraz z klientem zdecydowaliśmy się na użycie najnowszej wersji Hyva Themes wraz z Hyva Checkout i monitorowaliśmy wyniki na bieżąco, budując serwis e-commerce.
O wynikach możecie przeczytać niżej.

Prezentowanie produktów typu bundle

Specyfika branży jubilerskiej wymaga możliwości prezentowania zestawów produktów w sposób przejrzysty dla klienta. Zestawy, takie jak kolczyki czy naszyjniki, wymagają zaprezentowania w taki sposób, aby klient dokładnie wiedział, co kupuje, ile kupuje i jak będzie to na nim wyglądało. Musi też mieć możliwość wyboru rozmiaru każdego produktu osobno.
Przy zastosowaniu wewnętrznego modułu Alekseon Relations daliśmy klientowi możliwość sprzedaży każdej możliwej konfiguracji oraz łączenia ich za pomocą dowolnych artykułów.
O szczegółach w dalszej części.

Proste zarządzanie treścią

Bardzo ważna dla klienta była możliwość zarządzania treścią. Standardowy mechanizm CMS Page Builder jest dobrym narzędziem, ale musieliśmy go wzbogacić poprzez Hyva Widgets oraz nasze wewnętrzne rozwiązania, pozwalające umieszczać bloki CMS w dowolnych miejscach na stronie, takich jak przestrzenie między kafelkami produktów oraz strony produktów, bez potrzeby powielania bloków.

Co udało się osiągnąć

Głęboka analiza przedwdrożeniowa

Dzięki profesjonalnemu podejściu obu stron byliśmy w stanie przeprowadzić z klientem serię warsztatów, na których przeszliśmy przez wszystkie aspekty biznesu naszego klienta. Najpierw słuchaliśmy i skrzętnie analizowaliśmy wszystkie zawiłości, problemy oraz wyzwania, z jakimi boryka się Annoushka.
Następnie nasz zespół wdrożeniowy przeprowadził zespół klienta przez serię kilkuset slajdów, dzięki którym mogliśmy przygotować finalną, dopracowaną wycenę.
Faza discovery w Alekseon to punkt obowiązkowy. Bez tego nie jesteśmy w stanie zagwarantować w pełni przejrzystej wyceny oraz dowieść projekt bezproblemowo. Ten projekt pokazał dobitnie, że podjęliśmy dobrą decyzję, dodając to do strategii działalności naszej agencji.

Narzędzie do migracji z Salesforce Commerce do Magento Open Source

Stworzyliśmy w pełni zautomatyzowany zestaw skryptów, pozwalający w prosty i szybki sposób przenieść dane z jednej platformy na drugą. Zmigrowaliśmy:

Produkty (w różnych wariantach i konfiguracjach)
Kategorie
Atrybuty
Przypisania do kategorii
Klientów
Zamówienia
Narzędzie zostało stworzone w taki sposób, aby w łatwy sposób rozbudować je o nowe platformy.

Jeżeli myślisz o migracji na Magento Open Source, możesz być pewien, że proces migracji mamy w małym palcu.

Prezentacja różnych typów produktów

Produkty z branży jubilerskiej to często złożone zestawy, które trzeba zaprezentować w taki sposób, aby klient wiedział, co tak naprawdę kupuje.

W związku z tym musieliśmy wprowadzić różne typy produktów, które nie istnieją w natywnej, czystej wersji Magento Open Source, a nawet w Adobe Commerce.

Produkt Prosty

Tutaj mamy prosty produkt, w którym sprzedajemy pojedynczy produkt bez podziału na rozmiary. Nie ma tutaj żadnej filozofii, ale warto wiedzieć, że takie produkty też są. Przykłady takich produktów to wisiorki lub amulety.

Produkt Konfigurowalny

Kolejny typ produktu, który wszyscy znają z Magento Open Source. Służy do sprzedaży produktów w różnych rozmiarach. W przypadku tego projektu były to głównie pierścionki.

Produkt typu bundle - Bez wyboru rozmiarów

Przy produktach bundle zaczęła się największa zabawa. Standardowe wyświetlanie produktów Bundle w Magento Open Source jest dosyć ubogie. Musieliśmy wprowadzić zdjęcia produktów oraz ich opisy.

Produkt typu bundle - Z wyborem rozmiaru

Dodatkowo pojawiło się wyzwanie z wybieraniem rozmiarów. Tutaj również przez prosty trick w panelu administracyjnym jesteśmy w stanie wybierać, jaki atrybut pojawia się na liście rozwijanej. Może to być rozmiar, ale również kolor lub długość łańcuszka.

Personalizacja produktów

Produkty Grawerowane

W przypadku produktów grawerowanych, które są bardzo ważnym elementem przy produktach biżuteryjnych, nie zadowalało nas proste pole tekstowe. Chcieliśmy, aby klient sklepu mógł wybrać również czcionkę, dlatego stworzyliśmy piękny konfigurator.

Produkty z inicjałami

Annoushka posiada w swojej ofercie wisiorki z inicjałami. W związku z tym musieliśmy zbudować intuicyjny przełącznik pomiędzy literami, do czego użyty został moduł Alekseon Relations, o którym więcej poniżej.

Produkty składające się z liter w różnych cenach

Jednym z najczęściej zamawianych produktów są bransoletki oraz naszyjniki, składające się z diamentowych liter. Każda litera to inny koszt, dodatkowo w zależności od tego, czy duża, czy mała. Tutaj też z pomocą przyszli nasi programiści, którzy dorobili opcję konfigurowania produktów pod tym kątem.

Alekseon Relations - łączenie wszystkich możliwych produktów na stronie produktu

Alekseon Relations to jeden z naszych wewnętrznych modułów, z których jesteśmy bardzo dumni. Daje on naszym klientom możliwość łączenia dowolnych produktów przy użyciu dowolnych atrybutów. Wystarczy wskazać produkty, które są powiązane ze sobą oraz atrybut, który je łączy. Magento automatycznie wyświetla przełączniki na stronie produktu, pozwalające łatwo nawigować pomiędzy kolorami, literami, rozmiarami, a nawet materiałami, z których zrobione są produkty.

Lookbook

Prezentacja kilku produktów na jednym zdjęciu to kolejne wyzwanie, jakie przed nami stanęło.

Stworzyliśmy widget, dzięki któremu zarządzający sklepem może wstawić dowolne zdjęcie oraz oznaczyć na nim produkty, które są widoczne.

Na froncie generuje się on w postaci karuzeli, która reaguje na kliknięcia na zdjęciu. Dzięki temu jeden model może prezentować nieograniczoną liczbę produktów.

Animacje w CMS

Chcieliśmy wyróżnić sklep poprzez nadanie mu bardziej dynamicznego charakteru. Dzięki zastosowaniu animacji, dla każdego możliwego elementu w CMS Page Builder, klient jest w stanie tworzyć pięknie wyglądające strony, które “tworzą się” na oczach użytkownika.

Integracja z Marketing Automation

Wykonaliśmy pełną integrację z systemem Ometria. Istnieje wtyczka pomiędzy Magento Open Source a Ometria, ale musieliśmy ją zmodyfikować, aby spełniała wysokie wymagania klienta.
Wprowadziliśmy dodatkowe maile transakcyjne, rozwiązaliśmy problem z produktami Bundle oraz zintegrowaliśmy się z Hyva Checkout.

Dzięki zastosowaniu Hyva Checkout sprawiliśmy, że płacenie za produkty to teraz ogromna przyjemność. Checkout działa szybko i intuicyjnie zarówno na urządzeniach mobilnych, jak i na komputerach.

Wprowadziliśmy także opcję Gift Message do Checkoutu, której nie ma jeszcze w natywnej wersji.

Rewelacyjne wyniki PageSpeed

I wreszcie crème de la crème - wyniki w Google Page Speed. Osiągnęliśmy zielone kółeczka na wszystkich najważniejszych stronach sklepu, tj. Homepage, Product Page, Product Listing Page.