Nowa strona dla firmy CES to rozbudowany projekt łączący w sobie funkcjonalność wielojęzycznego serwisu firmowego z katalogiem produktów i usług. Tak jak w przypadku niemal każdej witryny korporacyjnej, tutaj również znajdziemy obszerny blog, listę zrealizowanych projektów z galerią zdjęć i mapą ich lokalizacji oraz aktualne oferty pracy z możliwością aplikacji na wybrane stanowisko.
Zapraszamy do zapoznania się z możliwościami systemu ICEberg CMS, która wykorzystaliśmy w tym wdrożeniu.
Strona główna przed i po realizacji
Wcześniejsza kreacja strony
Nowy projekt
Na pierwszym ekranie, w przeciwieństwie do dotychczasowej dużej ilości tekstowych informacji w wielu boksach, w nowej kreacji umieściliśmy jeden, duży slajder, w którym zastosowana została animacja "zoom". Zamiast wstawienia filmu, który mógłby spowodować niepotrzebne obciążenie przy ładowaniu strony, każdy element na liście slajdów jest delikatnie powiększany dzięki czemu strona sprawia wrażenie żywej i nowoczesnej już w pierwszej odsłonie.
Główne kategorie oferty i najnowsze aktualności
Dla naszego klienta ważne było, aby już na pierwszym ekranie pojawiły się wyraźnie zaznaczone główne kategorie oferty produktowej i usługowej. Prezentacja ich wraz z dopasowanymi indywidualnie ikonami pojawia się nie tylko na stronie głównej, ale również na podstronach opisujących ofertę i w katalogu produktów. Dzięki zastosowaniu tzw. komponentów można ten sam element zaprezentować niemal w każdym miejscu na stronie zachowując jedno miejsce edycji.
Kolejnym elementem strony jest lista najnowszych informacji. Jest to jeden z kilku widgetów prezentujących artykuły z konkretnej kategorii czy tematyki. Dla wygody oraz ograniczenia nadmiernego przewijania strony na urządzeniach mobilnych zastosowaliśmy tutaj funkcjonalność przesuwania ("swipe") - na wąskich ekranach tylko jeden element jest widoczny od razu a następne można przeglądać przesuwając palcem w poziomie.
Dekoracyjne sekcje dzięki indywidualnie dopasowanym komponentom
Strona główna stworzona została w oparciu o kilka różnych elementów graficznych, które mogą na pierwszy rzut oka wydawać się statycznie zaprojektowanymi treściami. W przeciwieństwie do innych systemów CMS nasz panel administracyjny umożliwia stworzenie wielu różnorodnych komponentów, których każdy element może być edytowany przez administratora. Ikona, zdjęcie, treść tekstowa czy przycisk to tylko niewielka ilość możliwości jakie wykorzystaliśmy przy konfiguracji tego narzędzia. Dzięki temu również na stronach produktów czy ofertowych można w szybki sposób przygotować ciekawą treść pasującą graficznie do całej kreacji.
Dodatkowe widoki slajdera, animowane liczby
Nasz moduł slajdera pozwala na stworzenie dowolnej ilości tzw. "widoków", dzięki którym można użyć go do prezentacji treści nie tylko w jednym układzie. Konfiguracja pozwala również na wyświetlanie wielu zdjęć na raz, ukrycie czy pokazanie dodatkowego przycisku oraz wybór animacji przejścia lub zmianę kolorów tła i tekstu. Taka ilość kombinacji daje naprawdę duże możliwości prezentacji ważnych, przyciągających uwagę treści na stronie.
Elementem uzupełniającym jest kolejny komponent - tym razem pozwalający na prezentację liczbowych osiągnięć firmy. Animowane odliczanie to popularny, jednak wciąż aktualny efekt wzbudzający zaufanie dla marki.
Lista galerii realizacji i rozbudowana stopka serwisu
Wieloletnie doświadczenie naszego klienta zostało zaprezentowane przy użyciu widgetu listy galerii z możliwością przesuwania do kolejnych, wcześniej zrealizowanych projektów. Dzięki zastosowaniu modułu galerii w połączeniu z widgetem prezentującym ich kafelki w chronologicznej kolejności wystarczy dodać nowy projekt aby pojawił się on na stronie głównej czy w innym, dowolnie wybranym miejscu na stronie.
Stopka w systemie ICEberg CMS 5 może składać się z dowolnej ilości pól przygotowanych w szablonie w sposób najbardziej odpowiadający wymaganiom klienta.
Katalog produktów różnorodnych typów w wielu wersjach językowych
Dzięki zastosowaniu rozbudowanego modułu katalogu produktów, który posiada między innymi możliwość stworzenia dowolnej ilości różnych szablonów, konfiguracji atrybutów, powiązań między produktami, dodania treści opisowych czy załączników, powstał nie jeden a kilka katalogów produktów różniących się od siebie niemal wszystkimi parametrami.
Część produktów posiada tylko krótkie informacje wraz ze zdjęciem i formularzem kontaktowym. Inne zostały wzbogacone o obszerne tabele specyfikacji oraz warianty, które pozwalają na przeglądanie parametrów produktów w różnych opcjach bez konieczności przechodzenia na inne podstrony.
Na listach produktów mogą pojawić się zarówno pojedyncze elementy, zgrupowane warianty jak i całe kategorie = katalogi produktów. Każdy produkt może pojawić się w dowolnej ilości katalogów poza tym, który jest przypisany mu jako główny.
Sekcje opisowe w katalogu produktów, tak jak w całym serwisie, mogą zostać wzbogacone o elementy takie jak komponenty czy widgety list np. zdjęć z galerii. Dzięki temu nawet obszerne teksty techniczne można podzielić i wyróżnić tak, aby ułatwić ich przyswajanie.
Specyfikacja, zwłaszcza w przypadku produktów występujących w wielu wariantach, może być prezentowana w formie tabeli tworzonej na podstawie łatwo uzupełnianych, predefiniowanych pól atrybutów. Pola te, zostały pogrupowane i przypisane do odpowiednich szablonów tak, aby również w panelu administracyjnym edycja była jak najbardziej czytelna.
Każdy wariant może mieć pola indywidualne oraz pola stałe dla produktu. Pól, które są identyczne w każdym wariancie nie trzeba uzupełniać wielokrotnie - wprowadzane są raz, dla wzorcowego produktu głównego. Oprócz poszczególnych atrybutów warianty mogą posiadać również dodatkowe dokumenty, zdjęcia czy video oraz być powiązane z różnymi produktami w modelach cross-selling czy up-selling.
Formularze kontaktowe powiązane z zawartością
Rozbudowane formularze kontaktowe w ICEberg CMS 5 pozwalają m.in. na dodanie pól reprezentujących zawartość, która aktualnie jest przeglądana. W przypadku katalogu produktów takie pole zawierać może listę wariantów, co pozwala na wysłanie bardziej precyzyjnego zapytania ofertowego.
Formularze pojawiają się na wielu podstronach takich jak kontakt czy opisowe treści oferty, ale są również pomocne w rekrutacji czy zbieraniu zgłoszeń serwisowych.
Filmy w tle wśród licznych komponentów graficznych
Dla ułatwienia publikacji materiałów filmowych dodaliśmy do systemu komponent pozwalający na umieszczenie video jako samodzielnego elementu lub jako tło dla treści tekstowych.
Komponenty takie jak "treść ze zdjęciem" zyskały dodatkowe opcje pozwalające na używanie, bądź ukrycie dodatkowe dekoracyjnej ramki oraz zmianę jej kolorystyki. Poprzez uzupełnienie tytułu i podtytułu, włączenie bądź rezygnację z marginesów na stronie klienta można było stworzyć treści, które nie wymagały dodatkowego kodu html. Edycja treści nie wymaga znajomości znaczników czy styli.
Widget zdjęć z galerii, dzięki któremu mogliśmy w łatwy sposób stworzyć kalendarium pozwolił na prezentację najważniejszych wydarzeń z historii firmy - każde zdjęcie na tej "osi czasu" opatrzone zostało datą i krótkim opisem.
Lokalizacje na mapie i wizytówki
Widgety wizytówek i lokalizacji na mapie pozwalają na stworzenie bazy kontaktów i lokalizacji edytowanych w jednym miejscu a prezentowanych na wielu podstronach. Łączenie wizytówek lub lokalizacji w grupy i kategorie ułatwia wyświetlanie list powiązanych kontaktów czy map zbiorczych.
Każdy widget w systemie ICEberg CMS 5 wstawiany być może do dowolnego pola z edytorem tekstowym przy użyciu tzw. "widget pickera" - ikonki, która otwiera popup, w którym wybierzemy lub dokonamy rekonfiguracji wybranego widgetu zmieniając m.in. źródło informacji czy tryb wyświetlania.
