Blog firmy Poliman

Tworzymy portale, strony internetowe, gry i aplikacje. Projektujemy, programujemy, obsługujemy i inspirujemy.

Browsing Tag:

www

Trend na stronę…

 

Jak zaprojektować stronę by zwiększyć zaangażowanie użytkowników naszej witryny w publikowane na niej treści?

Tutaj znajdziesz klika wskazówek, na temat trendów w designie stron www.

Świat designu, projektowania stron internetowych można porównać do świata mody. W oby przypadkach, to co dostajemy jako nowe, natychmiast używamy, eksploatujemy jak tylko się da, na wszystkie możliwe sposoby. Dzieje się tak do momentu, aż nie zaoferują nam czegoś nowego, co sprawi, że zaczniemy postrzegać poprzedni trend jako już absolutnie niemodny.

 

W tym roku w świecie projektowania strony najmocniej zaznaczają się następujące trendy:

 

1.Zdjęcia i obrazy… w baaardzo dużym rozmiarze

Głównym powodem umieszczania bardzo dużych obrazów i wysokiej jakości ogromnych zdjęć jest to, że angażują one znacznie bardziej uwagę odwiedzającego witrynę aniżeli tekst. Obrazy i fotografie w prosty i jasny sposób komunikują jaka działalnością zajmuje się firma, bądź na witrynę o jakiej tematyce trafił.

duze zdjecia

 

2. Zwrot ku mobilności

Profesjonalna i nowoczesna firma musi dostosować swoja witrynę do posiadaczy mobilnych urządzeń. Trend ten obecny jest w dużej mierze dlatego, że przybywa coraz więcej użytkowników takich przenośnych urządzeń. Zmuszeni jesteśmy do jak najlepszej adaptacji stron www do zachowań, możliwości i potrzeb takich użytkowników. To pokazanie się jako dostępnych i otwartych na wszystkich użytkowników

iphone-speech-conference-cell-phone

 

3. Czcionki, duże i oryginalne

Ogromny wpływ na wrażenia estetyczne i przede wszystkim na użyteczność jakie odnosi użytkownik ma typografia. Zastosowanie dużego i oryginalnego tekstu sprawia, że strona jest inna niż wszystkie. Duża czcionka ułatwia czytanie strony. A zastosowanie większej czcionki do podkreślenia najważniejszych treści czy tytułów wspomaga wyszukiwanie informacji. Typografia to ważny element każdej strony www. Duża czcionka będzie dobrze współgrała ze wspomnianymi obrazami i fotografiami.

czcionki

 

4. Przejrzystość strony

Przejrzysta, lekka w odbiorze strona częściej przyciąga usera. Celem jest stworzenie nowoczesnego, jasnego i użytecznego nośnika proponowanych przez nas treści. Dlatego mówiąc kolokwialnie powinniśmy „odchudzić” naszą stronę z niepotrzebnych treści, które tylko rozpraszają uwagę odwiedzającego nasza stronę.

przejrzystosc strony

 

5. One – page leyout czyli przewijanie bez końca

Już nie tak nowym, ale nadal dobrze trzymającym się trendem są strony leyout’owe, które stawiają na wyłączne scrollowanie witryny. Budowa strony one-page’owej zakłada, że klikanie w linki to sztuczna czynność stwarzająca barierę między stroną www, a użytkownikiem. Odwiedzający witrynę jest prowadzony po ścieżce i stopniowo po kolei zapoznaje się z treściami dostępnymi na stronie. Trend ten pozwala na dokładne poznanie oferty strony internetowej, bez klikania w linki i możliwości przeoczenia ważnej dla użytkownika treści. Przykładem takiej strony jest firma Poliman.

nowa-fajna-strona-poliman

 

6. Opowiadanie historii – storytelling

Nową forma reklamy jest odejście od tradycyjnego informowania na rzecz interaktywnej opowieści. Wszystko ma zostać opisane, by wprowadzić użytkownika w świat marki, usługi, produktu. Formy snucia opowieści popularne są szczególnie na stronach promocyjnych i serwisach produktowych. Całość informacji zawarta jest na jednej stronie, która jedynie przewijamy w dół zapoznając się z opowiadaną nam historią.

storytelling

 

7. Media społecznościowe

Social media to duża część zysków wielu firm. Aby zyskać kolejne profity i użytkowników proponuje się zmianę przycisku call – to action na przycisk z opisem „podziel się” „udostępnij” zamiast obecnej formy „kup” i „dodaj do koszyka”. Korzystnie w dotarciu do kolejnych użytkowników jest to z prostego powodu. Osoba klikająca i udostępniająca naszą usługę sprawi, że zobaczy to wielu jej znajomych, co zwiększa prawdopodobieństwo dokonania zakupu także przez nich. A kto chce i jest zdecydowany na zakup i tak go kupi.

hands-woman-laptop-notebook

 

8. Video i multimedia

Kolejnym niezwykle szybko rozwijającym się trendem w Sieci jet poza dużym zdjęciem duże video! Zdjęcie i obraz znacznie bardziej niż suchy tekst angażują odbiorcę, jednak jeśli faktycznie zależy nam na pełnym zaangażowaniu osób odwiedzających witrynę sięgnijmy po sprawdzone rozwiązanie jakim jest film. Na popularności zyskują także ruchome tła strony.

wideo

 

Mam nadzieje, ze tymi poradami dotyczącymi najnowszych trendów budowania strony pomogłam i zainspirowałam Was do zmian. Zmian na lepsze, bo gwarantujące większą ilość zainteresowanych odwiedzających Waszą witrynę.


Jeśli dzięki naszym poradom stworzycie coś oryginalnego, podzielcie się tym z nami. A może Wy macie jakieś dodatkowe spostrzeżenia?? Piszcie.


 

Jak się przekonać do schowanego menu, otwieranego na całą stronę? Zobacz kilka przykładów!

Chowane menu mimo że to standard nadal musi walczyć o swoje uznanie wśród posiadaczy stron, bo dla niektórych wydaje się ono mało widoczne. Często rezygnują oni z wyglądu na rzecz tradycyjnego układu do którego starsze pokolenia zostały przyzwyczajone.

To co pomoże przekonać nie jednego zwolennika internetu sprzed kilkunastu lat, to pięknie zaprojektowane strony z wykorzystaniem funkcjonalności zgrabnie ukrytego menu, otwieranego na pół lub całą stronę. Wbrew pozorom to jest intuicyjne rozwiązanie, niestety nie wszyscy to zauważają i trzymają się sztywno starych rozwiązań.

Oczywiście istnieją przypadki w których wykorzystanie tradycyjnego układu strony z przypiętym u góry lub rozstawionym po bokach blokowym układzie menu jest uzasadnione. Tak się dzieje gdy:

a. Strona posiada duże ilości treści

b. Strona internetowa jest bardzo rozbudowana

c. Nie skupiamy się na elemencie wizualnym strony

 

Poniżej zamieszczam obiecane przykłady:

risotteriamelottinyc

 

risotteriamelottinyc.com to dobry przykład jak rozbudowaną stronę przedstawić w proty sposób. Na pierwszy rzut oka widzimy tylko garstkę informacji. Cała reszta została ukryta w rozwijanym menu. Czcionki nawiązują do włoskiego charakteru restauracji, swoją robotę zrobiły śliczne zdjęcia przeplatane na przemian z tekstem. Czcionka nie jest czarna a mimo to jest czytelna. Całość utrzymano w kolorach sepii i pasteli, tworząc ciepły i przyjemny klimat.

 

riad11

 

riad11.net w której menu znajdujące się po lewej stronie otwiera się na całą stronę uzupełniając poszczególne zakładki prostymi grafikami. Czerń i biel pasuje do stron w których występuje wiele kolorów poprzez umieszczony na stronie głównej film. Świetne i niestandardowe rozwiązanie nawigacyjne strony niewielkiego hotelu.

 

psd2html

 

psd2html.com/10-years-in-review/ Niewielkie ale również ukryte i wysuwane po kliknięciu menu to zawsze sprawdzone rozwiązanie.

 

level-barvikha

 

level-barvikha.ru/en Tą stronę i to menu, koniecznie trzeba zobaczyć. Składa się i rozkłada jak „harmonijka” co pasuje do tematyki strony i budynku którego dotyczy. Połączenie filmu i tego prostego ale zaskakującego efektu daje wrażenie że strona jest bardzo interaktywna, żywa i chce się ją przeglądać.

 

przepisynakawe

 

przepisynakawe.pl to przede wszystkim wielkie i masywne menu po otwarciu. Na pewno nie jest to minimalizm, przez ilość i różnorodność grafik i zdjęć dlatego skromniejsze menu mogłoby wyglądać zbyt ubogo i nie pasować do strony, a tak wszystko jest na swoim miejscu. Nie zawsze taka forma będzie się sprawdzać ale niewątpliwie w tym przypadku wygląda nieźle.

 

konform

 

konform.com cóż tu wicej mówić, proste, poprawne, z animacją „wjeżdżania”, nie ma się do czego przyczepić. Jak poprzednik dość masywne ale na pewno świetnie czytelne.

 

fratellipollastrelli

 

fratellipollastrelli.it to minimalizm i zdjęcia, okrojony do minimum tekst i włoski styl. To jedno z moich ulubionych przykładów rozwijanego menu. Jest delikatne, subtelne i świetnie pasuje do całości. Lekkie i intuicyjne.

 

elitemodel

 

elitemodel.co.uk To dopiero świetna gratka wśród takich rozwiązań. Strona główna nakłada się z menu, a zdjęcia odgrywają rolę najważniejszych zakładek. To rozwiązanie jest po prostu ładne. Szaro-czarno-biała kolorystyka jak widać nie musi być nudna.

 

crossclimate-michelin

 

crossclimate.michelin.co.uk to ciekawe rozmieszczenie i podświetlenie menu rozwijanego na cała stronę. Co do reszty strony, brakuje w niej konsekwencji działań i porządku ale samo menu jest niebanalne.

 

 

castadivainteriors

 

castadivainteriors.com Ta strona udowadnia jaki świetny efekt daje ładna prezentacja. Dodanie kilku prostych efektów wystarczy aby stała się atrakcyjna i była prawdziwą wizytówką firmy. Nie potrzeba wiele materiałów aby zbudować taką stronę. W niej liczy się jakość a nie ilość przez co jest treściwa i przyjemna dla oka. Menu mimo że czcionka ogromna to delikatny kolor szary ratuje wszystko.

 

alessandradetomaso

 

alessandradetomaso.com to świetne przejścia, prezentacja, zdjęcia, menu, brawo.

Tym przykładem zamykam naszą listę ale stron z takim menu jest dużo dużo więcej. Mam nadzieję, że choć trochę przekonaliśmy was do świeżego i fajnego podejścia do tworzenia stron.

 

Nie stroncie od pomysłów agencji jeżeli proponują nowatorskie według was rozwiązania, na prawdę wiedzą co robią. Pilnujcie tylko aby to pasowało do waszej branży i aby wasza nowa strona wybijała się spośród stron konkurencji. W niektórych segmentach to to przesądza o zdobyciu klienta.

Świeże podejście do stron www nie zaszkodzi nigdy, może jedynie pomóc.

 

Jeżeli szukasz więcej inspiracji dotyczących stron www odwiedź koniecznie nasz profil Fajne Strony na Facebooku.