W jednym z ostatnich artykułów podsumowywałam trendy w projektowaniu, zaczął się jednak kolejny kwartał, czas więc na następny artykuł z serii inspirujących stron internetowych. Na kwiecień mam dla Was dość dużo przykładów portfolio grafików, powoli pojawiają się także inne, ciekawe kierunki.

Absurd Design

Absurdalne, rysowane ilustracje, to coś na co zwracałam Waszą uwagę w jednym z podsumowań ciekawych trendów w tworzeniu stron. Pierwsza propozycja na dzisiejszej liście pasuje tutaj idealnie, bo po pierwsze – po prostu ich używa, a po drugie – jej celem ma być zachęcenie Was do pobrania takich grafik za darmo.

Nest Bloom

Strony sprzedażowe opowiadające historię, to jedna z ciekawszych grup, jakie możemy oglądać w sieci. Ta jest o tyle inspirująca, że do opowieści wykorzystuję animację, a dokładniej zmieniające się grafiki zamieszczone na środku ekranu. To bardzo dobry przykład, jak kreatywna fotografia w połączeniu ze sprytnym pomysłem może stać się świetną bazą na stronę, która nie jest aż tak skomplikowana w zakodowaniu. W tym wypadku podczas przewijania jej w dół oglądać możemy kolejne kroki procesu przygotowywania kosmetyku – swoistą instrukcję obsługi.

Gautier Maillard

Kolejna strona na liście łączy w sobie tradycyjne techniki z nowoczesną typografią i rozwiązaniami graficznymi. Pozycje w portfolio zaprezentowane zostały w formie rozmoczonych i poszarpanych kartek, które przewijają się po ekranie z każdym scrollem myszki. Po kliknięciu widzimy prostą animację, a później możemy oglądać szczegóły danej realizacji. Całości towarzyszy elegancka, szeryfowa typografia. Strona działa w całości bez przeładowywania (jak sporo innych na tej liście), co może być kolejnym interesującym trendem projektowym.

Le Cab’ Com

Ta strona agencji zainteresowała mnie przede wszystkim ze względu na dobór kolorystyki przywodzący na myśl stylistykę, którą znać możecie z nowej identyfikacji Dropboxa. Ekran podzielony został tutaj na dwie części – w lewej widzimy nagłówki, z prawej znajdują się ilustracje. Jeśli tekstu jest więcej – wyświetlany jest on na środku ekranu. Na uwagę zasługują także delikatne animacje podczas ładowania się kolejnych podstron.

Plastic BCN

Minimalistyczne strony z geometryczną typografią, to coś, co skradło moje serce ostatnimi czasy. W ten styl idealnie wpasowuje się kolejna realizacja, którą chciałabym Wam pokazać. Portfolio agencji Plastic, to świetny przykład tego, jak łączyć prostotę z naturalnie wyglądającymi animacjami. Szczególnie dobrze prezentuje się portfolio, w którym wczytywaniu się kolejnych pozycji na liście towarzyszy animacja kolorowej figury geometrycznej idealnie łączącej się z kolejnym „slajdem”. Strona na pierwszy rzut oka jest jednokolorowa (kolory mają tylko kolejne projekty) jednak, jeśli dobrze się przyjrzycie – na podstronach towarzyszą jej dość intensywne barwy, które jednak wykorzystywane są w stonowany sposób.  

Home Societe

Pamiętacie strony z poziomą nawigacją? Mogłoby się wydawać, że pojawienie się urządzeń mobilnych skutecznie się ich pozbędzie, widać jednak, że nie dla każdego to problem. Witryna Home Societe właśnie w ten sposób prezentuje swoją zawartość. Układ elementów zamieszczonych na ekranie przypomina bardziej gazetę niż stronę, co daje ciekawe odczucia związane z jej oglądaniem i czytaniem. Niestety witryna zupełnie nie radzi sobie z wyświetlaniem na małych rozdzielczościach dedykowanych komórkom.

Data Fork

Kiedy szukałam przykładów inspirowanych technologią projektów stron do poprzedniego artykułu, nie było wcale tak łatwo. Tym razem natrafiłam na realizację, w której na ciemnym tle zaprezentowane zostały niebiesko-turkusowe wykresy. Sama witryna stanowić ma reklamę produktu z pogranicza finansów i informatyki, więc zarówno te kolory jak i zastosowana typografia idealnie wpasowują się w klimat.

DIX4

Na dzisiejszej liście znajdziecie sporo projektów portfolio – to z jednej strony dlatego, że szykujemy się do odświeżenia swojego i wciąż szukam ciekawych inspiracji, a z drugiej dlatego, że po prostu jest ich ostatnio sporo do oglądania. Autor kolejnego zdecydował się na ciekawy zabieg i nie przywiązuje się do jednego koloru na stronie. Dobrał ich kilka, a my możemy obserwować, jak barwy zmieniają się z upływem czasu. Ciekawie wygląda także duża, szeryfowa typografia.

GBM Home Broker

Oprócz projektów agencji w ciekawych inspiracjach przodują realizacje związane z szeroko pojętymi finansami (zakładam, że przez budżety). W tym wypadku po raz kolejny mamy do czynienia z prostą typografią i klasycznymi układami połączonymi z ładnym odcieniem niebieskiego. Każda z podstron przedstawia inne zagadnienie i stworzona została w oparciu o konkretne dane (tekstom towarzyszą wykresy i ilustracje adekwatne do treści).

Hank Jobenhavn

Na koniec jedna z dziwniejszych stron, jakie miałam okazję ostatnio oglądać. Oparty o arkusz kalkulacyjny sklep internetowy wykorzystuje wszystkie te „efekty”, które kojarzą się nam z początkami Internetu – ostro niebieskie linki, mocne cienie, kolory z bezpiecznej palety internetowej i zdjęcia w stylu przywołującym stare aparaty. Nie wiem czy to coś czego chciałabym na co dzień używać, ale zawsze można popatrzeć.