Fajne strony internetowe – przykłady, z których wyniesiesz lekcje dla siebie!
Projektowanie stron internetowych bywa pracą kreatywną. Bez elementów wyróżniających, strony wyglądałyby jak te stworzone z pomocą generatora – ładne, ale do złudzenia przypominające nieskończoność podobnych projektów. Przedstawiamy niektóre fajne strony internetowe, które mieliśmy okazję stworzyć. Na ich przykładzie podpowiemy, jakie praktyki warto brać pod uwagę przy tworzeniu stron internetowych – aby były bardziej skuteczne.
Kinnie – fajne strony internetowe mogą zawierać animacje!
To fakt – animowane elementy strony ważą dużo, a co za tym idzie: zmniejszają jej szybkość ładowania. Na stronach, które zawierają niewiele elementów, animacje wykorzystywać jednak można bez przeszkód. Tę taktykę wykorzystaliśmy w Kinnie – przyznaj, że nie widziałeś jeszcze czegoś takiego!
Przez to, że strona nie jest obszerna, wyświetlenie jej zajmuje 1,7 sekundy, a załadowanie całej zawartości – ok. 3 sekundy. To oznacza, że dół strony załaduje się w czasie, kiedy oczy użytkowników przykuje poruszająca się puszka.
Wniosek dla Ciebie: animacje świetnie uatrakcyjniają niewielkie strony, które ze względu na małą liczbę elementów, tak czy siak ładują się ekspresowo. Google je lubi… i odbiorcy też!
Koeniggsegg – prosta strona internetowa, spektakularny efekt
To strona z autami za miliony. Czy wyobrażasz sobie, co by było, gdyby tak spektakularne zdjęcia zakrył potok słów?
Jeśli kogoś stać na samochód za kilkanaście milionów, nie trzeba usilnie przekonywać go do produktu. Sam widzi jego doskonałość – jeśli tylko mu na to pozwolisz.
Wniosek dla Ciebie: jeśli produkt mówi sam za siebie… wystarczy mu na to pozwolić. Nie obawiaj się wykorzystywania świetnych filmów czy zdjęć i pamiętaj, że czasem mniej znaczy więcej.
Noyen – siła perswazji
Kolejna świetna strona! Jej siłą są słowa – uderzają bezpośrednio w problemy odbiorcy, wywierając na nim wrażenie, że w jego codziennej pracy faktycznie coś nie gra. Podobną śmiałością cechuje się np. Apple. Spójrz tylko, jak poniższe pytanie uderza w rzeczywistość odbiorcy.
Wniosek dla Ciebie: jeśli Twoja treść zachęca do zakupu, nie mówiąc o tym ani słowa, jest absolutnie wspaniała. Pamiętaj, że na Twoją pozycję w wyszukiwarce wpływają nie tylko frazy kluczowe, ale również odbiór strony. Nawet jeśli wypozycjonujesz się na „najlepsze X w branży” czy „XYZ Warszawa”, będziesz nisko, bo Twoi odbiorcy nie będą reagować na przepełnioną banałami stronę tak dobrze.
Tak dobrze, jak na Noyen.
Reesink – 9 segmentów? Żaden problem
Polski + angielski (albo niemiecki). To standard na większości stron. Jednak co, jeśli masz klientów na całym świecie? To nie problem dla Reesink. Są w stanie komunikować się w dziewięciu językach – czyli w tym przypadku 9 podobnych grup klientów, mówiących zupełnie różnymi językami. My pomogliśmy im zrealizować to zadanie. Każda z wersji językowych umożliwia niezależne zarządzanie przez właściwego menadżera treści z właściwego kraju. Jednocześnie zachowana zostaje spójność wizualna i komunikacyjna.
Wniosek dla Ciebie: jesteś w stanie prowadzić komunikację do tylu segmentów, ile realnie zdążysz obsłużyć w tym samym czasie (i na tym samym poziomie!). Jeśli nie masz osób, które w każdym momencie mogą skontaktować się z klientem zza granicy w jego języku, rozważ czy warto prowadzić tak szeroką komunikację.
LaSquadra – klasyka w nowoczesnym wydaniu
Witryny oparte są w większości na fontach bezszeryfowych, czyli pozbawionych ozdobnych kreseczek. To nie oznacza, że nie można świadomie wykorzystywać szeryfów!
Podczas gdy fonty bezszeryfowe wywierają na użytkowniku wrażenie nowoczesności, szeryfowe – nawiązują do tradycji, historii i oddania klasyce. La Squadra jest firmą oddaną właśnie tym wartościom – wybór fonta stał się więc oczywisty. Cały projekt zyskał na nim wyjątkowości!
Wniosek dla Ciebie: jeśli chcesz nawiązywać do klasyki, nie obawiaj się tego. Niewykluczone jest połączenie tego, co tradycyjne z tym, co nowoczesne (spójrz tylko na te auta)!
NGK Ceramics – nietypowa nawigacja kreuje ciekawe strony internetowe
Zwykle użytkownik scrollując stronę przesuwa się w dół. Co, gdyby totalnie odwrócić nawigację i przekierować wzrok odbiorcy w prawo? Fajne strony internetowe bazują często na łamaniu schematów – my się tego nie boimy!
Zobacz samemu, jak działa ta strona: www.ngk.com.pl
Wniosek dla Ciebie: wykraczanie poza schematy jest OK w projektowaniu stron, w marketingu i w życiu. Nic dziwnego, że to dzięki temu wybili się najwięksi wizjonerzy!
Carrefour Smak Kariery – lepsza wersja kafelków
To nie do ukrycia – temat kafelków przywodzi na myśl Windowsa 8. Użytkownicy systemu byli zirytowani nim na tyle, że instalowali rozszerzenia edytujące rejestr w taki sposób, by kafelki przestały być wyświetlane.
Dlaczego Windowsowi nie wyszło? Bo dodatkowy panel był niepotrzebny, skoro system, tak czy siak wyposażony był w klasyczny pulpit. Po co zamieszczać te same funkcje w kilku różnych miejscach, zamiast zwiększać funkcjonalność i przyspieszać działanie systemu?
Uznaliśmy, że fajne strony internetowe mogą opierać się na figurach o różnych rozmiarach, jeśli tylko w żaden sposób nie zaburzy to ich funkcjonalności. Spójrz, jak wygląda ta strona:
Dzięki temu, że witryna podzielona jest zaledwie na kilka kafelków, te nie wpływają negatywnie na jej odbiór, a wręcz przeciwnie – przyciągają uwagę, zachęcając do sprawdzenia linków, do których przekierowują konkretne sekcje.
Wniosek dla Ciebie: jeśli możesz poprawić coś, co kojarzy się źle… Działaj. Zmieniaj świat.
Q Service Castrol – nie bój się kolorów!
Na stronach użytkowych rzadko kiedy widzimy zabawę kolorami. Wbrew pozorom, wcale nie trzeba ich unikać! Przyznaj, że Mediaexpert kojarzy Ci się z żółcią, Facebook – z niebieskim, a Netflix – z czerwienią. Identyfikacja wizualna oparta na barwach wyróżnia stronę i ułatwia jej zapamiętanie… o ile jest wykorzystana umiejętnie.
Czego należy unikać? Przede wszystkim chaosu. O ile sprawa wygląda dość prosto w przypadku firm, które wyróżniają się jednym kolorem, w Q Service Castrol, stawiamy na połączenie zieleni z niebieskim.
Kluczem do sukcesu okazało się powielenie w serwisie tych samych barw – na tych samych elementach.
O ile niebieski zdobi większość istotnych elementów na stronie, kontrastowy zielony – urozmaica ją pojedynczymi elementami, np. ikonami, buttonami, ozdobnymi grafikami czy nagłówkami artykułów, w które obfituje blog firmy.
Wniosek dla Ciebie: jeśli na stronie znajduje się kilka kolorów przewodnich, musisz ustalić, które z nich mają powtarzać się na których elementach. Jeśli będziesz stosować je losowo, czysto według uznania, barwy nie będą sobie nawzajem przeszkadzać i nie rozproszą odbiorcy. Każda strona w Internecie musi być zorganizowana w przemyślany sposób!
AGH – dostępność przede wszystkim
Jako przedsiębiorca doskonale znasz swoich klientów. Sprawa komplikuje się nieco w przypadku organizacji państwowych, które powinny przemawiać jednakowo do osób o różnych upodobaniach – i o różnych ograniczeniach.
Na stronie Wydziału Inżynierii Lądowej i Gospodarki Zasobami AGH uwzględniliśmy zatem wytyczne WCAG, czyli zalecenia dotyczące dostosowania strony do osób z niepełnosprawnościami.
Strona internetowa AGH oparta jest na kontrastowych barwach i pozbawiona rozpraszających elementów. W panelu bocznym można w każdym momencie powiększyć tekst i odwrócić kolory.
Wniosek dla Ciebie: Internet przeglądają nie tylko w pełni sprawni ludzie. Jeśli wiesz, że z Google na Twoją stronę trafiają także osoby z niepełnosprawnością, to ważne, żebyś o nich zadbał.
To już wszystkie fajne strony internetowe: ale czy są wśród nich te… fajniejsze? My nie wskażemy na żadną ulubioną stronę – bo każda z nich wyróżnia się czymś innym.
Fajne strony internetowe: wyciągnij z nich lekcję dla siebie!
Ciekawe strony internetowe zawsze dobrze się ogląda – szczególnie jeśli można czerpać z nich jakąś wartość. Nie chcemy po prostu się chwalić (od tego mamy portfolio ;) ), tylko podpowiedzieć kilka elementów, które być może weźmiesz pod uwagę, projektując swoją nową stronę.
- Nie bój się wykraczać poza schematy – w każdej branży wyróżnienie się na tle konkurencji treścią czy warstwą wizualną działa na plus. Kreatywna witryna wpływa na zmysły, a więc i na psychikę odbiorcy.
- Fajne strony internetowe powinny ładować się szybko – jeśli ze względu na niewielką ilość treści animacje czy filmy nie wpłyną znacząco na czas ładowania, śmiało je wykorzystuj.
- Bądź lekko zuchwały – w komunikacji najlepszych marek praktycznie nie ma miejsca na „jeśli”. Uderzaj bezpośrednio w obawy i rzeczywistość klienta, zamiast owijać w bawełnę. Wtedy, ten pomyśli „kurde – naprawdę mam z tym problem!” – i naciśnie chętniej w „sprawdź ofertę” czy w inne call to action.
- Pozwól mówić obrazom – oczywiście nie chodzi o grafiki ze stocka. Jeśli wyróżniają Cię znakomite, wykonane na Twoje własne zlecenie zdjęcia czy filmy, uwydatniaj je na pierwszym planie. Nie potrzebujesz zakrywać inną treścią tego, co mówi samo za siebie. Znakomite „visuals” na stronie działają zawsze – i pomagają Ci zainteresować odbiorcę.
- Jeśli chcesz komunikować się w wielu językach – rób to śmiało, o ile możesz obsłużyć klientów z różnych krajów na jednakowym poziomie i dostarczyć im jednakowo dobre treści.
