Zaprojektowanie ciekawej i innowacyjnej strony internetowej dla projektanta, architekta czy agencji kreatywnej nie jest najprostszym zadaniem, jednak z pewnością nie należy też do tych najtrudniejszych. Sprawa komplikuje się jednak wtedy, gdy z projektem wpłyniemy na nieco inne wody. Istnieją tematyki, które ze względu na swoją specyfikę nie uraczą nas dużą ilością materiałów czy idealnie skrojoną treścią.

Strony internetowe związane z przemysłem projektuje się zdecydowanie trudniej, nie oznacza to jednak, że nie można zrobić tego dobrze, albo nawet zachwycić swojego odbiorcy. Dzisiaj skupię się więc na tego typu realizacjach.

Zgodnie z nowym założeniem tej serii, najpierw powiem Ci na co warto zwrócić uwagę podczas projektowania tego typu strony, a później pokażę ciekawe przykłady z tej branży. Oczywiście, nie każda z nich będzie zgodna z każdym istotnym z mojej perspektywy punktem. Niestety dobrze zaprojektowane strony związane z tą tematyką, to często projekty o bardzo dużych budżetach, a w związku z tym – także możliwościach na tworzenie materiałów, których Ty możesz nie mieć okazji wykonać dla mniejszego klienta. Nie załamuj się tym jednak i potraktuj je jako inspiracje do znalezienia własnego pomysłu.

Na co zwrócić uwagę podczas projektowania strony internetowej dla klienta związanego z przemysłem?

Największym problemem, jeśli chodzi o aspekt wizualny tego typu stron jest kwestia braku ciekawych materiałów graficznych, które mogłyby ją zdobić. W większości przypadków firmy nie posiadają dobrej jakości zdjęć, a ilość produktów jakie oferują jest zbyt duża, aby zorganizowanie profesjonalnej sesji zdjęciowej było opłacalne (szczególnie, że często produkty te są bardzo drogie, albo firma wcale nie posiada ich wszystkich na stanie). Rozwiązaniem są tutaj wizualizacje, jednak tworzenie ich nie będzie w zasięgu każdej firmy. Bardzo często pozostajemy jedynie z materiałami dostarczanymi przez firmy partnerskie (na przykład w katalogach), które – pochodząc z różnych źródeł, mogą być różnej jakości.

W związku z tym, projektując tego typu strony należałoby przede wszystkim zdobyć istniejące materiały już na etapie planowania, a nie zostawiać sobie tego do podmienienia na koniec. Warto mieć to podejście przy okazji każdego projektu, tutaj to jednak szczególnie istotne. Dzięki temu unikniesz niepotrzebnego zawodu, jeśli okaże się, że zdecydowana większość produktów nie jest na białym tle lub posiada zdjęcia słabej jakości (na przykład takie uniemożliwiające wycięcie ich z tła).

Mając świadomość materiału z jakim pracujesz, znacznie łatwiej będzie Ci się do niego dostosować – na przykład stosując odpowiedni filtr czy po prostu nie traktując zdjęć na liście produktów jako czegoś, co ma pełnić funkcję ozdobnika – czyli decydując się na ich znaczne zmniejszenie.

Co więc w zamian? Zdecydowana większość stron tego typu stawia na przyciągającą wzrok stronę główną – a w szczególności widok zaraz po jej wczytaniu. Postaraj się znaleźć w to miejsce grafikę, która przyciągnie wzrok i wywoła skojarzenia z promowaną branżą. Opcji mamy sporo, nie zawsze musimy opierać się na realnych zdjęciach. Firmy związane z przemysłem, to wbrew pozorom dość fotogeniczne dziedziny – przemysł, górnictwo, rolnictwo, transport – w serwisach stockowych aż roi się od ładnych zdjęć z nimi związanych.

Jeśli nie jesteś w stanie znaleźć zdjęcia odpowiadającego dziedzinie, w której pracuje Twój klient, zawsze możesz posłużyć się nieco większą finezją i postawić na skojarzenia dalsze albo grafiki abstrakcyjne.

Innym – dość charakterystycznym elementem stron internetowych związanych z tą tematyką jest inspiracja geometrią, liniami, siatkami czy planami. Bardzo często zdarza się, że twórcy takich stron wykorzystują proste geometryczne kształty, unikają cieni i stawiają na kolory związane z ich branżą – na przykład budownictwo będzie żółte.

Strony związane z przemysłem bardzo często tworzone są z myślą nie tylko o promocji marki, ale przede wszystkim po to, aby stanowiły bazę wiedzy dla potencjalnych klientów (głównie inżynierów, którzy projektują rozwiązania w oparciu o produkty firmy). W związku z tym oprócz ciekawych wizualnie efektów powinniśmy pomyśleć o użyteczności strony – zarówno na komputerze, jak i na komórce.

Nieodzownym elementem będą wszelkiego rodzaju tabele i specyfikacje – często nie obejdziesz się bez nich. Upewnij się, że są one czytelne i dostępne z poziomu każdego urządzenia. Pamiętaj, że osoba korzystająca z danych zawartych na stronie może musieć sprawdzić je szybko na budowie czy w czasie montażu – nie chcemy przerywać jej pracy wczytywaniem się efektów. Popularna jest także opcja pobierania specyfikacji w PDF – nie wymaga ona od Ciebie dużej ilości pracy, zwróć jednak uwagę, aby funkcja ta była łatwo dostępna.

W związku z tym uważam, że w tym wypadku powinniśmy ograniczać animacje i wszelkiego rodzaju ozdobniki na stronie. Idealnym balansem między względami wizerunku a użytecznością, będzie przygotowanie strony głównej z „efektem WOW” i pozostawienie podstron na których znajduje się ważna z punktu widzenia biznesu treść względnie prostych.

Kolejnym często pojawiającym się na tego typu stronach elementem z pewnością są także listy klientów czy firm współpracujących. Warto dobrze zaprojektować tą sekcję – szczególnie jeśli klient będzie samodzielnie wgrywał logo. Idealnie byłoby, gdyby nie musiały być one dodatkowo dopasowywane w żadnym programie graficznym.

Pod uwagę warto wziąć też fakt, że w menu prawdopodobnie znajdzie się sporo pozycji. Mogą to być kategorie produktów czy usług, które często posiadają także podkategorie. Warto dopasować zawartość do treści tak, aby jak najwięcej było dostępne już po jednym kliknięciu, ale zadbać także o czytelność – na przykład przez grupowanie treści.

Przykłady ciekawych stron związanych z przemysłem

Jedna z lepiej wyglądających stron związanych z przemysłem na które trafiłam. A to za sprawą świetnej tematyki i (jak zakładam) dobrego budżetu klienta, który pozwolił na wykonanie świetnej jakości zdjęć, filmów i wizualizacji 3D ofertowanego sprzętu. Na stronie nie zabrakło też inspiracji liniowością tabeli, która idealnie pasuje do tematyki i z pewnością wpadnie w oko grupie docelowej.

Na stronie znajdziecie sporo wizualizacji produktów, które poruszają się podczas przewijania strony w dół, ukazując nam ofertę w pełnej krasie, a przy okazji wykorzystując ich design do ozdobienia strony.

Firma Plex zajmuje się wsparciem firm w tworzeniu lepszych fabryk, dlatego to właśnie zdjęcia z nich (z przeróżnych dziedzin), towarzyszą nam na całej stronie. Strona zaprojektowana została bardzo nowocześnie. Zgrabnie łączy biel i czerń z kolorem marki (turkusowym). Dodatkowo znajdziecie tam naprawdę ogrom różnych pozycji w menu. Rozwiązaniem wartym uwagi jest z pewnością delikatne grupowanie pozycji w nim – dzięki temu całość jest bardziej czytelna.

Bardzo estetyczna strona firmy zajmującej się produkcją zielonej energii. Podobanie jak w przypadku poprzednich stron, na start wita nas sporej wielkości grafika – w tym wypadku film z kręcącym się wiatrakiem. To ciekawy pomysł, bo kilka klatek zapętlonego wiatraka nie będzie tak ciężkie, jak klasyczny film.

Strona ma charakter sprzedażowy, nie znajdziesz więc na niej zbyt wielu tabel czy nudno przedstawionych informacji, pojawiają się jednak zwykłe zdjęcia liczników czy innych sprzętów związanych z energetyką.

Ciekawie zaprojektowana strona, która w swojej budowie oparta została na siatce. Dzięki temu świetnie wiąże się tematycznie z tym, czego dotyczy – w tym wypadku wydobyciem węgla. Tematykę sugerują przede wszystkim zdjęcia, które akurat w tej dziedzinie z pewnością są imponujące i śmiało mogą stanowić ozdobę. Strona zręcznie łączy grafiki, zdjęcia i kolorystykę marki.

Na uwagę zasługuje także sekcja z klientami – przygotowana siatka znaków zakłada użycie ich w kwadracie, dzięki czemu zarówno poziome jak i pionowe logo wygląda na niej dobrze.

Na bardzo podobnej zasadzie stworzona została strona wizerunkowa firmy Detra (jest związana z tą omawianą wcześniej, stąd podobieństwo). W tym wypadku twórcy ponownie postawili na wykorzystanie atrakcyjnych wizualnie zdjęć sprzętu w ich naturalnym środowisku. Strona główna do złudzenia przypomina landingpage, podczas scrollowania którego poznajemy szczegóły na temat firmy.

Strona w działaniu podobna do Zmorpg 3D – także w tym wypadku mamy do czynienia z przedstawieniem informacji na temat firmy i produktów na zasadzie storytellingu, gdzie kolejne informacje ukazują nam się w różnego rodzaju konfiguracjach. Ponownie – możliwe jest to dzięki dobrej jakości ilustracjom (w tym wypadku wizualizacjom). Na stronie nie zabrakło także tabel, które (prawdopodobnie dla poprawy wyglądu) zostały domyślnie ukryte.

Simplex jest przekładem strony o bardzo dużej ilości produktów, które jednak zostały zwizualizowane, dzięki czemu stanowią spójną całość na stronie i mogą w pewnym stopniu pełnić funkcję dekoracyjną.

A Ty znasz jakieś ciekawe projekty związane z przemysłem? A może coś ciekawego wyszło spod Twojej ręki? Podziel się tym w komentarzu!