Jak powinna wyglądać nowoczesna strona internetowa? Jakie są aktualnie powszechne trendy i czy właściwie powinniśmy za nimi podążać? Nie ma jednej, poprawnej odpowiedzi na to pytanie. To, co jednak możemy (i warto) robić, to obserwować innych twórców i inspirować się ich realizacjami.

Na dzisiaj przygotowałam dla Was kolejne dziesięć propozycji, które wyróżniają się swoją użytecznością, wyjątkowym projektem lub samym podejściem do projektowania. Zobaczcie sami!

Won Hundred

Ciekawy przykład strony e-commerce, który stawia na minimalizm i nowoczesny wygląd. Uwagę zwraca tutaj wykorzystanie linii do oddzielania elementów menu oraz konkretnych pozycji na stronie (zamiast cieni i różnych kolorów tła). Dzięki temu nie gubimy się w jej strukturze, a mimo wszystko autorom udało się zachować prostotę i neutralny wygląd. Dodatkowy, interesujący efekt osiągnięto wykorzystując jednostki procentowe i w ten sposób gwarantując, że wszystkie linie idealnie się zbiegają tworząc przyciągający wzrok efekt podczas przewijania.

Where is Poland

Gdzie jest Polska każdy wie… a może jednak nie? Portal Culture.pl od lat szerzy wiedzę na temat naszego kraju i sztuki na świecie. Tym razem robią to z wykorzystaniem umiejętności studia Huncwot w formie interaktywnej opowieści zamieszczonej na stronie internetowej. Informacje przekazywane nam są podczas scrollowania w formie „slajdów” zajmujących cały ekran. Raz musimy poczytać, raz zapoznać się z grafiką, dzięki czemu przyswajanie informacji jest ciekawe i nie nuży.  

Design Maturity Model

InVision od dłuższego czasu pokazuje, jak łączyć nowoczesne projektowanie i użyteczność z ciekawym wyglądem i estetyką. Wcześniej wspominałam już o ich blogu, tym razem w oczy rzucił mi się wyjątkowo ładny raport na temat projektowania. Jest bardzo prosto, jednak elegancka typografia, ilustracje i odpowiednie wykorzystanie negatywnej przestrzeni sprawiają, że strona prezentuje się wyjątkowo dobrze. Całość ozdabiają także pełne informacji i kolorów wykresy oraz animowane wartości procentowe.

Trend Mixer

Nie tylko my fascynujemy się trendami. Postanowiła podsumować je także agencja Peppermint, która przedstawiła je za pomocą ilustracji na specjalnie przygotowanej stronie. Za jej pomocą jesteśmy informowani o tym co w sieci gra, a z drugiej – zachęcani do łączenia trendów i mieszania styli. Każdy z nich dodatkowo posiada skrócony opis, który może wprowadzić nas w konkretną tematykę.

Smash Mallow

Niektóre tematy są bardziej wdzięczne niż inne. Z pewnością ze słodyczami pracuje się przyjemniej, co skrzętnie wykorzystali twórcy kolejnej strony na tej liście. Jej celem było przekazanie, że słodycze sprzedawane przez producentów są dobre i zdrowe. Wykorzystano w tym celu ilustracje w pastelowych kolorach z nałożoną fakturą. Dodatkowo są one łączone z prawdziwymi zdjęciami produktów i składników, co sprawia, że widzimy nieco dokładniej co kupujemy.

Puerto Mate

Kolejna strona również wykorzystuje pastelowe kolory i naturalne motywy i także związana jest z żywnością. Tym razem za jej pomocą poznajemy produkt, jakim jest napój mate. Ekran podzielony jest na pół a pod każdą z części kryje się inny smak napoju. Warto zwrócić uwagę na ciekawą animację poruszającej się butelki – wraz z naszym scrollowaniem obraca się ona ukazując inną część butelki oraz ważne informacje na temat samego napoju.

MiuMiu

Grywalizacja, to jedna z najlepszych technik na wciągnięcie użytkowania i zainteresowanie go produktem. Na stronie MiuMiu próżno szukać informacji na temat tego co reklamuje (możemy się tego jedynie domyślić po elementach z którymi mamy do czynienia). Celem gry jest unoszenie się poprzez podskakiwanie na butelkach, które podjeżdżają nam pod nogi. Po kilku dość prostych do przejścia rundach lądujemy na samej górze, gdzie możemy uzyskać więcej informacji o firmie i produktach jakie oferuje. Z klimatem gier świetnie łączy się użycie ilustracji pseudo-pikselowych. Prosta nawigacja sprawia, że zadanie postawione przed nami nie jest bardzo trudne, ale dojście na górę na tyle satysfakcjonujące, żebyśmy byli ciekawi czym zajmuje się firma, która zgotowała nam tą przyjemność.

Flat Fair

Przykład tego, jak strony żywcem „wyrwane” z Dribbble coraz częściej trafiają do użycia i naszych przeglądarek i jak dobrze łączą się one z różnymi tematami. Wykorzystanie ilustracji, delikatnych kolorów i geometrycznego fontu sprawia, że stronę odbieramy jako przyjazną i nowoczesną. Co warte uwagi – z taką samą starannością przygotowane zostały zarówno strona główna, jak i pozostałe podstrony.

Capitan Marvel

Czy to już koniec Internetu? Wygląda na to, że tak. Kolejna witryna to nie relikt przeszłości wykonany w Pajączku albo Front Page, a oficjalna witryna filmu Capitan Marvel, którego akcja toczy się właśnie w latach świetności tych aplikacji. Jest śmiesznie, jest Comic Sans, są gify i najważniejsze – księga gości. W tym wypadku nostalgia zdecydowanie przebija użyteczność, jednak twórcy z pewnością osiągnęli cel – o stronie mówi się w mediach.

Game Of The Year

Na koniec kolejny przykład świetnie przygotowanej grywalizacji, tym razem prosto od Google. Wykonana w stylu i kolorach firmy witryna pod przykrywką gry przedstawia nam najpopularniejsze trendy w wynikach wyszukiwania. Całości towarzyszą animacje oraz lektor. Atrakcyjnie wizualnie i zdecydowanie wciągająco.