Mężczyzna patrzy na monitor komputera, na którym wyświetlana jest strona internetowa z rowerzystami.
Blog

Aktualizacja wyglądu sklepu opartego na Umbraco

4
min czytania
27.10.2025
Down arrow button

Strona główna

Blog >  

  > 

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:

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

 Zrzut ekranu strony internetowej marki VERGE, specjalizującej się w odzieży sportowej, prezentuje na pierwszym planie wizualizację dwukolorowej koszulki kolarskiej (czerwono-granatowej) obok zdjęcia Anny Kiesenhofer, złotej medalistki Igrzysk Olimpijskich Tokio 2020, która dziękuje za bycie częścią "tej pięknej historii".

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:

Porównanie 'Przed i Po' redesignu strony internetowej marki odzieży kolarskiej, pokazujące transformację z ciemnego, przestarzałego layoutu w czysty, nowoczesny i jasny interfejs użytkownika.

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.

FAQ
Dlaczego sklep internetowy Verge Sport został zaktualizowany?
Arrow down

Sklep został zaktualizowany w celu unowocześnienia jego układu, poprawy nawigacji i zwiększenia komfortu użytkowania. Celem było dostosowanie strony internetowej do tożsamości marki Verge Sport oraz ułatwienie klientom przeglądania i dokonywania zakupów.

Dlaczego firma Verge Sport wybrała system CMS Umbraco?
Arrow down

Umbraco oferuje elastyczność, skalowalność i przyjazny dla użytkownika interfejs administracyjny. Umożliwia tworzenie dynamicznych stron internetowych i zapewnia narzędzia niezbędne do efektywnego zarządzania treścią, w tym informacjami o produktach, obrazami i promocjami.

Jakie ulepszenia zostały wprowadzone na stronie internetowej?
Arrow down

Ulepszenia obejmowały odświeżony widok produktów i listę produktów, ulepszoną nawigację, rozszerzone możliwości edycji w systemie CMS, zoptymalizowane ładowanie obrazów przy użyciu opóźnionego ładowania, animacje przewijania oraz automatyczne odtwarzanie filmów na suwakach.‍

Jakie są zalety i wady korzystania z Umbraco w sklepie internetowym?
Arrow down

Zalety: intuicyjny interfejs administracyjny, elastyczny układ graficzny, rozbudowany panel zarządzania, kompleksowe zarządzanie treścią. Wady: wymaga zaawansowanej wiedzy na temat platformy .NET, mniejsza społeczność niż WordPress, skomplikowane aktualizacje systemu, mniej dostępnych rozszerzeń.

Jak aktualizacje wpłynęły na sklep internetowy Verge Sport?
Arrow down

Aktualizacje poprawiły wygląd strony internetowej, nawigację i efektywność zarządzania treścią. Zespoły marketingowe mogą teraz skuteczniej aktualizować treści i zarządzać nimi, tworząc nowoczesną, atrakcyjną wizualnie i przyjazną dla użytkownika platformę, która zwiększa zaangażowanie klientów.

O autorze
Michał – front-end developer at SKM Group, expert in responsive web interfaces and CMS
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.

ZObacz Wszystkich Naszych Autorów

Komentarze

Nie ma jeszcze żadnych komentarzy. Bądź pierwszym, który je zamieści...

Napisz KOmentarz:

Oops! Something went wrong while submitting the form.