Kafelki na stronie internetowej

Jeżeli gubisz się w natłoku informacji na stronie, jeżeli twoi klienci szybko opuszają twoją stronę internetową, jeżeli treść jest nieatrakcyjna graficznie, to może warto rozważyć kafelki jako nawigacyjny layout?

Agregowanie informacji to współczesna bolączka każdej branży. Z jednej strony potrzeba opisania coraz bardziej złożonych procesów z drugiej presja odbiorców, którzy przebodźcowani nie reagują na dłuższe formy komunikacji zmusza do sięgania po różne formy ucywilizowania strumieni informacji.

Jedną z form jest wykorzystanie prostych graficznych symboli - "piktogramów", "ikon", które znamy z dziesiątek programów jakie posiadamy np. w smartfonie.

cdn.

Minimum treści maksimum estetyki w postaci zdjęć, ale i filmu, który w pigułce ujmuje kluczowy charakter serwisu. Estetyka kafelkowa o mocnym uzdjeciowieniu odpowiada instagramowo-facebookowej grupie docelowej, która konsumuje wzrokiem w sposób nie slow foodowy. Zdjęcia to też przełamanie sztampowej formy komunikacji "urzędów" ze społeczeństwem, szczególnie tym młodszym. To również, poprzez układ merytoryczny i nawiązania do kinematograficznej nomenklatury w dość nietypowy i intrygujący sposób.

W stabloidyzowanym świecie przekazu, kafelkowa strona przeznaczona dla klienta niemieckiego w dwojaki sposób odróżnia się na rynku, zarówno nowoczesną forma, w której krótki piktogramowy przekaz zastępuje rozbudowany opis, oraz kolorystyka w nietypowym zestawieniu, ale utrzymanej w ciemnej tonacji, czytelnej dla zawartych tekstów i pozwalających wydobyć zdjęcia w galerii.

Schludna, czysta wizualizacja oparta o ciekawe zdjęcia klienta. Kafelki w połprzeźroczystościach dodatkowo podkreślają kompozycyjne zalety zdjęć. Lakoniczność przekazu sprowadza się do niezbędnych informacji wspartych obrazkową formą komunikacji również w dziele ofertowym. Ikonograficzna forma komunikacji skraca drogę dotarcia do żądanej informacji.

Nowoczesna, o futurystycznym zacięciu wizualizacja, doskonale wkomponowuje się w główny trzon oferowanej przez firmę technologii. Wielorakość działań i bogactwo oferty dopełniają piktogramy, uzupełniając merytoryczny przekaz. Ciemne kolory tła konweniują z głównym zdjęciem zawierającym czarne elementy i w kontrze jasne tło. Ograniczona warstwa kolorystyczna wzmaga wrażenie uporządkowania i nie rozprasza użytkowników.

Wykorzystująca obowiązująca na popularnych portalach informacyjnych, wizualizacja kafelkowa. Asymetryczny układ i struktura ma na celu różnicowanie hierarchii wprowadzanych informacji.

Agencja Reklamowa Sukces - Zielona Góra

Kafelkowa wizualizacja w ograniczonej kolorystycznie formule, związanej ściśle z kolorami firmowymi. Proste piktogramowe przekazy poszczególnych działów mają nie przytłaczać oferty i realizacji firmy.

Surrealistycznej wizji wyznaczonej przez główny obrazek, tło strony, towarzyszy asymetrycznie dopełniające całość zestaw kafelkowych punktów menu. Idealnie wpasowująca się stylistyka kafelkowa w prostokątna wersję, przewodniego motywu z ludzikiem zbudowanym z kartonów, doskonale komponuje się zarówno w płaszczyźnie kolorystycznej jak i w analogii dotyczącej kształtów.

Transport Spedycja Grabowski

Strona kafelkowa z rozkładem informacji w postaci kolażu zdjęć i tekstów współdzielących niektóre zdjęcia, dzięki czemu widać więcej elementów danego ujęcia. Dominanta koloru czerwonego, wynikającego z barw firmowego logo, wsparta jest dopełniającymi szarościami, przechodzącymi w biele nawiązując do koloru floty firmowej. Prosty przekaz i szybkość dotarcia do informacji ma na celu zaoszczędzić czas internautom. Dostępne jest również menu klasyczne w górnych rejestrach strony.

Salon firmowy w Poznaniu

Collage poznańskiego rynku z parkietami (wiodącym produktem firmy Dąbex) stanowi clou strony. Delikatnie przykryte kafelkami w kolorze firmowym wprowadza potencjalnych klientów w asortyment i usługi, wspierając zarówno sam salon jak i stronę "matkę" z pełną ofertą produktową. Poprzez lokalny charakter, celem strony internetowej jest wykorzystanie lokalnego patriotyzmu jak i zalet geograficznej bliskości.

Dynamiki tej strony kafelkowej nadają specyficznie ukształtowane poszczególne kafelki. Lekkie pochylenie zdjęć, grungowe tło mają oddać aktywny charakter przedsięwzięcia za którym stoi "krew, pot i łzy". Ciemna, mocna kolorystyka to wymóg branży i oczekiwań interautów, którzy zostali przyzwyczajeni do takiego właśnie wizerunku crossfitu.

Czarno-białe i szare przestrzenie, poprzecinane gdzieniegdzie czerwonymi akcentami to wynik kolorystyki kluczowych produktów firmy i pochodna firmowego logo.

Tabloidyzacja komunikacji zaowocowała, kolejną, responsywną kafelkową stroną. Skierowaną na rynek polski z usługami pośrednictwa w kontaktach z chińskimi firmami stąd odpowiednie zdjęcie współczesnej chińskiej metropolii i delikatne czerwone akcenty na kluczowych kafelkach ofertowych. Piktogramy w tym przypadku, doskonale wpisują się w kontekst chińskiego pisma obrazkowego.

Responsywna oferta, bazująca na tabloidowym/kafelkowym przekazie informacji. Główne punkty usług w postaci obrazkowej. Całość dopięta delikatnym, "kobiecym" tłem. Duże zdjęcie w banerze wzmacnia wybrane punkty oferty, nie pozostawia poza tym wątpliwości co do charakteru działalności "Gejszy".

Responsywna, kafelkowa strona z pełnym panelem do zarządzania zawartością. Wypracowana stylistyka odnosi się do barowo kawowych skojarzeń, w ciemnym entourage by wzmocnić klimat przekazu. Nowością jest animacją produktów w jednym z kafelków, prowadzą one do określonego miejsca w katalogu produktów. Losowo dobrane tło strony dodatkowo poszerza wizualny zakres przekazu.

Nie jesteśmy jedyni, którzy kładą kafelki w Niemczech, dla odróżnienia te są wirtualne, oparte o dość surrealistyczną koncepcje betonowej fali w mało naturalnej, ziemskiej atmosferze. Zbiega się ta wizja z "innością" samego produktu, który przełamuje nieco tradycyjne pojęcia w budownictwie. Innowacyjnością i prostotą otwiera nowe możliwości w "stawianiu ścian". Collage bezpośrednio nawiązuje do fali i w swojej wymowie okrasza ją emanacja męskiej, budowlanej wyobraźni podlana żółtym sosem z logo firmy. Pozostałe elementy wpisują się w opracowaną przez nas koncepcje utabloidyzowanego przekazu informacji.

Gabinet Stomatologiczny Danadent

Responsywna, kafelkowa strona gabinetu stomatologicznego. Webdesign oparty o kluczowe zdjęcie, szefowej w trakcie pracy, na tle gabinetu. Ze względu na mnogość kolorów i elementów wyposażenia, które tworzą estetycznie, asymetryczne, dynamiczne formy, które ze względu wymogły kafelki w postaci piktogramów, a półprzeźroczystym tle tak by zdjęcie głównej osoby nie było oderwane od całości.

Korporacyjna wizytówka ze wsparciem "struktury stron rozproszonych". Modernistyczna wizja kafelkowa, dopasowująca się do urządzeń mobilnych, o surowym przekazie w postaci losowo wybranych zdjęć w tle, podkreśla mocny, męski charakter ekstremalnych warunków do jakich przeznaczony jest oferowany asortyment produktów. Prosty graficzny przekaz nawigacji na poszczególnych podstronach wspierają dodatkowe elementy graficzne szczególnie produkty za pomocą zdjęć przybliżają charakter asortymentu, dalej prowadząc na platformę produktową, którą w kolejnych krokach wzmacniają strony satelity skoncentrowane na wąskim asortymencie.

Szajner Consulting

Projekt, pod względem struktury, inspirujący się układem iPada. Pozostając w kafelkowo-piktogramowej konwencji, wykorzystuje proste skojarzenia zobrazowane w postaci ikon zwieńczającej poszczególne działy. Kolorystyka brązowo-złota, oddaje ciepły charakter przekazu, ale z pewną nutą powagi i dystansu, podkreślającego profesjonalizm usług. Prosta forma i ascetyczna grafika ma na celu koncentracje klienta na treści zawartej na stronie. Minimalizm wynika z grupy docelowej, dla której popularne "chwyty" marketingowe mogą być przeciwskuteczne.

Naklejki Sangraf

Kafelkowa odsłona internetowej witryny producenta naklejek. Wykonana wraz ze zdjęciami. Celowym zabiegiem było uwspólnienie formy prezentacji poszczególnych działów i tak te stricte produktowe są dużymi kafelkami z podobnie wykadrowanymi zdjęciami, z małą głębią ostrości. Dzięki czemu obrazki przedstawiające różne produkty sprawiają wrażenie uporządkowania, szczególnie w kontekście kafelków nawigacyjnych nie produktowych zaprezentowanych w formie piktogramów dzięki czemu od razu uwypuklają swój odmiennej merytorycznie grupy nawigacyjnej.

Kilkupoziomowe kafelki, oczywiście w wersji responsywnej egzystujące zarówno na stronie głównej jak i na kilku kluczowych podstronach jako graficzne znaczniki po drogach jakimi zmierzają odwiedzający. Każda z nich posiada jeszcze własne tło, przedstawiające spiritus movens całego przedsięwzięcia P. Artura Dwojaka. Proste, symboliczne kafelki dopełniają istoty przekazu jaką jest autorska treść i wiedza, będąca clou działalności, stąd skromne tło, które neutralną szarością wydobywa najważniejsze elementy strony internetowej.

Autozentrum Hollon

Kafelkowa, responsywna wizja centrum diagnostyczno-naprawczego w Monheim. Całość utrzymana w uniwersalnych, technicznych szarościach połączonych ze zdjęciem w tle niedookreślonej marki nowoczesnego auta. Zdjęcie celowo stanowi niewielką część strony tak by poszczególne zdjęciowe kafelki nie ginęły w natłoku informacji. Dodatkowo kluczowe działy zostały zobrazowane największymi formatami kafelek.

Drukarnia Wybrzeże

Responsywna strona kafelkowa dla drukarnii. Wielokolorowa, przestrzenna, nawiązująca do elementów puzzli wykorzystywanych w dotychczasowy materiałach w postaci tła strony. Serwis posiada oprogramowanie sklepowe do zamówień, w stylu nawiązującym do strony macierzystej. Ciemne kolory pozwalają uwypuklić grafikę, asymetryczność wsparta różną wielkością poszczególnych punktów oferty nadaje odpowiednią hierarchię prezentowanym informacjom.

Responsywna strona kafelkowa zaprojektowana dla celów marketingu usług o nieco ezoterycznym charakterze, stąd charakterystyczne zdjęcie, dominujące na stronie a podkreślające duchowy charakter strony, kanalizując dosłownie i przenośni, uwagę internautów na prowadzącej całe przedsięwzięcie osobie p. Rebecca. Dopełniające piktogramy wpisują się w mistyczny charakter wizerunku.

Futurefurniture

Responsywna, kafelkowa, naszego autorstwa.

Tradycyjne firma stolarska w nietradycyjnej, nowoczesnej, responsywnej i kafelkowej wizji autora. Bezpośredni przekaz zdjęcia w tle strony nie pozostawia wątpliwości co do charakteru działalności firmy. Na tak rozbudowane w drobne elementy tło idealnie wpasowują się kafelki z piktogramami, co do których czytelność przekazu nie zostaje zachwiana i precyzyjnie skupia wzrok odwiedzających.

CEO Zofia Świtała

Kafelkowa strona responsywna w branży szkoleniowej, która dzięki zwizualizowaniu poszczególnych aspektów działalności za pomocą piktogramów w sposób mnemoniczny podkreśla kluczowe aspekty działalności firmy. Sedno przekazu zasadza się w zdjęciu w tle, będącym alegorycznym wspólnym mianownikiem do wszelkich działań biznesowych. Dlatego zostało ono (zdjęcie) odkryte w sposób pozwalający wyłowić ten przekaz.

Responsywny blog internetowy dotykający branży z wszechmiar porządkiem zainteresowanej, stąd zaproponowana formuła o kafelkowej zawartości informacji, poukładanej w powtarzalne schematy, w których dominantą jest zdjęcie jako clou informacyjnego przekazu. Poszczególne szufladki na wzór mebli zachowują spójny układ dzięki czemu zmienna ich wielkość nie razie, odbywa się to bowiem w ramach wzajemnych proporcji.

Synergia Konsulting

Responsywna, kafelkowa wizja firmy konsultingowej specjalizującej się w obsłudze branży it. Firmowy motyw, dynamicznie przemieszczającego się tłumu urzędników na zdjęciu w tle, wzmacnia feeria grafik przypisanych do poszczególnych działów. Wspólny mianownik do ich doboru stanowi brak spięcia i marketingowego bełkotu, a raczej spojrzenie z przymróżeniem oka, ale z zachowaniem szacunku do klienta i jakości przekazu.

Cantemus Domino

Zderzenie responsywnej, postmodernistycznej wizji z tematyka głęboko tradycyjna i niepoddającą się w łatwy sposób nowoczesnym trendom, a poprzez to niezwykle wdzięczną w finale. Opakowanie w blokowość informacji, poprzetykaną zdjęciami uzupełnia stabilna emocjonalnie kolorystyka, nienarzucająca dodatkowego wyrazu przekazowi strony. Adaptacyjny desing pozwala dotrzeć nie tylko do tradycyjnych grup docelowych.

Tło strony o nieco surrealistycznym zabarwieniu, koncentrujące się na alegorycznym przedstawieniu idei nauki, zdobywania wiedzy jako takiej, w postaci książki w bezkresnej przestrzeni o nieco złamanej kolorystyce, która nie odciąga, a wzmacnia przekaz zdjęć na stronie głównej. Fotografie obrazujące główne punkty oferty koncentrują się na człowieku i jego interakcji w kontekście kluczowych działań. Każdy z kafelek został okraszony tłem spójnym z kolorystyką logo, na którym to tle znajduje się tytuł. Użyty kolor ponownie jest wykorzystany przy rozszerzonym opisie na drugiej stronie kafelka.

Adwokat Eliza Kuna

Resposponsywna strona internetowa kancelarii adwokackiej, wykorzystująca kafelkowy styl i funkcjonalności, nawiązuje wizualizacją w metaforyczny sposób do kluczowego trzonu działalności firmy, rozwiązywania problemów. Umiejętność odnalezienia się w gąszczu przepisów i prawnych zagadnień w symbolicznej formie została zaznaczona labiryntem w którym porady Adwokat Elizy Kuny są nicią Ariadny. Uwypuklenie poszczególnych zakresów pracy na karteczkach "post it" odnosi się do mnogości potrzeb od strony prawnej w każdej firmie, czasami do ich tymczasowości i współdzieleniu z innymi osobami.

Aq czyszczenie i dezynfekcja

Wielofunkcyjna strona, tzw. strona responsywna z możliwością komfortowego oglądania zarówno na urządzeniach mobilnych jak i desktopowych. Wersja kafelkowa oparta o zdjęciowy materiał, w którym odpowiednio dobrane kadry potrafi nieatrakcyjną branżę przedstawić w smacznej, artystycznej formie. Całość przekazu spina tło, dopełniające charakter działalności odnosząc się do ogólnych skojarzeń z wodą, poprzez swoją prosta formę stanowi doskonały nośnik dla rozbudowanej informacji jaka niosą ze sobą zdjęcia umiejscowione na stronie głównej.

Questy Wyprawy Odkrywców

Jedna z serii stron responsywnych naszego autorstwa oparta o kafelkową ideę nawigacji i komunikacji wizualnej. Każdy kafelek posiada awers i rewers na których można umieszczać dopełniające informacje pogłębiające znaczenie pierwszej strony tudzież wzmacniać przekaz wizualny. Elastyczność strony responsywnej w przypadku urządzeń mobilnych pozwala w łatwy sposób nawigować po stronie oraz miedzy poszczególnymi informacji, co szczególnie jest ważne w przypadku grupy docelowej klienta, którzy korzystają z serwisów w terenie, podróży na wczasach.