Blog

Aktualizacja wyglądu sklepu opartego na Umbraco

4
min czytania
Down arrow button

Blog >

Aktualizacja wyglądu sklepu opartego na Umbraco
Case Study

W oparciu o system Umbraco v7 zaktualizowany został wygląd sklepu internetowego dla firmy Verge Sport. Do głównych działań należało rozszerzenie możliwości edycji z poziomu panelu administracyjnego i zoptymalizowanie prędkości działania platformy poprzez usprawnienie bloków i dodanie do nich opóźnionego ładowania.

Odświeżony został widok produktu i listy produktów jak również górna nawigacja wizytówki sklepu i samego sklepu. Wyzwaniem w zadaniu było zapoznanie się z funkcjami systemu CMS jak i zaadoptowanie go do spełnienia nowych celów klienta.

FIRMA VERGE SPORT I JEJ ZAPOTRZEBOWANIE

Firma Verge Sport to wiodący producent odzieży sportowej, oferujący wysokiej jakości produkty dla różnych dyscyplin sportowych. Ich innowacyjna odzież zapewnia wygodę i wydajność sportowcom, a szeroki asortyment obejmuje kolarstwo, bieganie, triathlon i więcej. Verge Sport dąży do zastosowania nowych technologii i materiałów, współpracuje z profesjonalistami i dba o ekologię. Innowacyjność jest kluczowym elementem filozofii Verge Sport.

Firma stale poszukuje nowych technologii, które mogą poprawić wydajność sportową i zapewnić komfort użytkownikom. Współpracuje również z profesjonalnymi sportowcami, aby zapewnić im odzież dopasowaną do ich indywidualnych potrzeb i wymagań. Verge Sport zajmuje się także tworzeniem własnych sklepów dla klientów, dzięki którym klienci sami mogą projektować i sprzedawać własne ubrania w formie sub-sklepu, nazwa tego serwisu to “Team Store”.

WYZWANIA PRZY TWORZENIU SKLEPU INTERNETOWEGO

Firma Verge Sport, będąc czołowym graczem w branży odzieży sportowej, musiała stawić czoła kilku wyzwaniom związanym z zarządzaniem witryną internetową i poszukiwaniem ulepszeń, które poprawią jej obecność w Internecie oraz wygodę dla użytkowników. Jednym z głównych wyzwań był przestarzały układ strony internetowej i niewystarczająca elastyczność systemu zarządzania treścią. Skutkowało to brakiem możliwości zaprezentowania w nowoczesny sposób materiałów promocyjnych sklepu. Istniały również problemy z wydajnym i przyjemnym przeglądaniem produktów przez użytkowników.

Aby sprostać tym wyzwaniom, Verge Sport wyznaczył sobie jasne cele. Firma chciała unowocześnić układ i wygląd swojej strony internetowej, upewniając się, że jest ona zgodna z tożsamością marki i zapewnia intuicyjną obsługę. Firma potrzebowała rozwiniętego systemu zarządzania treścią, który umożliwiłby zespołowi marketingowemu na skuteczne aktualizowanie i zarządzanie treścią witryny, w tym informacjami o produktach, obrazami i promocjami.

DLACZEGO UMBRACO? - WYBÓR SYSTEMU ZARZĄDZANIA TREŚCIĄ

Umbraco jest elastycznym, łatwym w obsłudze i rozbudowanym systemem zarządzania treścią, który znajduje zastosowanie w różnych projektach internetowych, umożliwiając użytkownikom tworzenie i zarządzanie dynamicznymi witrynami zgodnie z ich indywidualnymi potrzebami. Umbraco CMS oferuje przede wszystkim elastyczność i skalowalność wymaganą do sprostania zmieniającym się potrzebom Verge Sport, jak i używa technologii Microsoft .NET, w których specjalizuje się nasza firma.

Zalety i wady sklepu opartego na systemie Umbraco

Plusy:

  • Prostota obsługi i intuicyjny interfejs administracyjny,
  • Elastyczność w projektowaniu układu i wyglądu strony,
  • Możliwość rozwijania panelu zarządzania, tworzenia unikalnych i spersonalizowanych rozwiązań,
  • Rozbudowany system zarządzania treścią,

Minusy:

  • Wymaga zaawansowanej znajomości platformy .NET,
  • Znikoma społeczność w porównaniu do konkurencyjnych CMSów jak np. Wordpress, co skutkowało utrudnieniem w rozwiązywaniu niektórych problemów,
  • Ciężkie do przeprowadzenia aktualizacje systemu,
  • Mała ilość rozszerzeń w porównaniu do konkurencji.

WYKONANE ULEPSZENIA STRONY

Wykorzystując możliwości Umbraco CMS, rozpoczęliśmy kompleksowe przeprojektowanie strony, aby ożywić wygląd i styl strony internetowej. Ściśle współpracowaliśmy z Verge Sport, aby stworzyć atrakcyjny wizualnie i przyjazny dla użytkownika interfejs, który skutecznie prezentował szeroką gamę odzieży sportowej.

Wdrażając usprawnioną i intuicyjną strukturę nawigacji, zapewniliśmy odwiedzającym łatwe poruszanie się po różnych sekcjach witryny i szybki dostęp do potrzebnych informacji. Ulepszenia wpłynęły również na skalowalność, dzięki której mogło zostać zaprezentowanych więcej informacji w przystępny sposób. Zostały także dodane możliwości edycji materiałów promocyjnych dzięki zwiększonej i ulepszonej ilości bloków edycji w panelu zarządzania treścią. Przykładowe zmiany prezentują się jak poniżej.

Przed zmianami:

Screen prezentujący menu główne strony Verge Sport przed zmianami

Po zmianach:

Screen prezentujący menu główne strony Verge Sport po zmianach
Screen prezentujący stronę Verge Sport w wersji mobilnej przed zmianami i po zmianach

Przed zmianami:

Screen prezentujący stronę produktu dla Verge Sport przed zmianami

Po zmianach:

Screen prezentujący stronę produktu dla Verge Sport po zmianach

Strona została również uzupełniona o materiały promocyjne do produktów. Zdjęcia zostały zoptymalizowane pod kątem prędkości ładowania za pomocą opóźnionego ładowania wraz z animacją podczas scrollowania strony:

Screen prezentujący 3 mężczyzn w odzieży Verge Sport

Zostały dodane animacje do slidera, jak i został on rozszerzony o możliwość dodawania automatycznie odtwarzających się filmików, które prezentują się w taki oto sposób:

Przykładowe zmiany materiałów promocyjnych, możliwe do uzyskania po rozszerzeniu możliwości edycji na przykładzie strony głównej:

Ulepszenie układu strony internetowej skupiło się na unowocześnieniu projektu, zwiększeniu komfortu użytkowania i dostosowaniu strony internetowej do tożsamości marki Verge Sport. Dzięki współpracy między naszą firmą programistyczną a Verge Sport z powodzeniem przekształciliśmy ich stronę internetową w atrakcyjną wizualnie i przyjazną dla użytkownika platformę, która urzeka odwiedzających i zachęca ich do odkrywania i angażowania się w szeroką gamę ofert odzieży sportowej.

JAK PRACE WPŁYNĘŁY NA FUNKCJONOWANIE SKLEPU

Współpraca między naszą firmą programistyczną a Verge Sport w celu rozszerzenia panelu Umbraco CMS i ulepszenia układu ich strony internetowej przyniosła wiele korzyści. Zaawansowane możliwości zarządzania treścią umożliwiły ich zespołowi marketingowemu efektywne zarządzanie i aktualizowanie zawartości witryny, co skutkowało znacznym odświeżeniem i unowocześnieniem wyglądu strony. Strona prezentuje się teraz dużo lepiej, a nawigacja po niej stała się intuicyjna. Partnerstwo Verge Sport z naszą firmą jest przykładem tego, jak skuteczna współpraca może przynieść znaczące wyniki i przyczynić się do długoterminowego wzrostu. Jeżeli chcesz rozpocząć z nami podobną współpracę kliknij tutaj: https://www.skmgp.com/pl/contact

O autorze
Michał Pietrus

Michał jest front-end developerem w SKM Group. Specjalizuje się w przekształcaniu projektów w responsywne interfejsy internetowe. Z pasją do kodowania, poświęca się tworzeniu przyjaznych dla użytkownika interfejsów. Michał specjalizuje się również w zarządzaniu stronami za pomocą CMS, takich jak Plentymarkets i Wordpress. Michał jest szczególnie zainteresowany zdobywaniem nowej wiedzy i stawianiem czoła nowym wyzwaniom.