Die neue Website für CES ist ein umfangreiches Projekt, das die Funktionalität einer mehrsprachigen Unternehmenswebsite mit einem Katalog von Produkten und Dienstleistungen kombiniert. Wie bei fast jeder Unternehmenswebsite finden wir auch hier einen umfangreichen Blog, eine Liste abgeschlossener Projekte mit einer Fotogalerie und einer Karte ihres Standorts sowie aktuelle Stellenangebote mit der Möglichkeit, sich auf eine ausgewählte Stelle zu bewerben.
Wir laden Sie ein, sich mit den Möglichkeiten von ICEberg CMS vertraut zu machen, das wir bei dieser Implementierung verwendet haben.
Homepage vor und nach der Implementierung
Wcześniejsza kreacja strony
Nowy projekt
Auf dem ersten Bildschirm haben wir im Gegensatz zu der vorherigen großen Menge an Textinformationen in mehreren Kästen eine einzige große Folie platziert, in der eine "Zoom"-Animation verwendet wurde. Anstatt ein Video einzufügen, das die Seite unnötig belasten könnte, wird jedes Element der Folienliste sanft herangezoomt, so dass die Seite auf den ersten Blick lebendig und modern wirkt.
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.
