Minimalistyczne strony internetowe – lista najciekawszych projektów www.

Minimalizm w projektowaniu graficznym nie jest niczym nowym i biorąc pod uwagę zmęczenie ilością treści, jakie do nas docierają, pozostanie z nami na długo. Ciągły scrolling, scrolling, scrolling… telefonów i monitów komputerów, sprawia, że nasz mózg nie jest w stanie przetworzyć takiej ilości informacji. Nic zatem dziwnego, że witryny przeładowane tekstami, elementami graficznymi, czy też utrzymane w krzykliwej kolorystyce budzą naszą irytację i chcemy je jak najszybciej opuścić. Na tym z kolei ich właścicielom zależy najmniej i aby zatrzymać nas na dłużej, często decydują się na proste, minimalistyczne strony internetowe.

Strony minimalistyczne to przede wszystkim takie, które posiadają dużo białej przestrzeni (negative space), oraz ograniczoną ilość elementów graficznych i tekstowych. Również zdjęcia i teksty często są nadmiernie powiększone, przez co layouty są oryginalniejsze. Podczas projektowania elementów układu, zadaj sobie pytanie, czy spełnią one określoną funkcję, czy będą jedynie dekoracją strony? Jeżeli to drugie, to czy warto je zatem dodać, jeżeli chcesz zachować bardziej minimalistyczny charakter? W przypadku tekstów pomyśl, czy nie są one za długie. W stronach minimalistycznych raczej nie ma miejsca na „lanie wody”, a teksty powinny być krótkie i „trafiać w punkt”.

Obecnie minimalistyczne projekty stron www są uzupełniane o nowoczesne animacje, takie jak poziome slidery, animowane teksty, a także reagujące na ruch myszki interakcje. Mocno kontrastujące kolory już nie są regułą i często są wypierane przez delikatne, subtelne pastele. Sprawdź, jakie trendy dominują w stronach minimalistycznych na przykładzie poniższych projektów internetowych. Jeżeli chcesz, potraktuj je jako inspiracje stron www do swoich przyszłych prac.

Ferrumpipe

Ferrumpipe jest dowodem, że minimalistyczne, proste strony internetowe mogą się świetnie sprawdzić w przypadku firm przemysłowych. Twórcy do przedstawienia produktu wykorzystali częściowo storytelling. Podczas scrollowania ukazują się nam wciąż to nowe grafiki i opisy, pokazujące budowę bramy. Na końcu strony umieszczono call to action w formie maila w wyraźnym pomarańczowym kolorze, którego nie da się przeoczyć.

Caxis

Dużo białej przestrzeni, kontrastujące kolory, wyraźny punkt centralny (focal point) w postaci animowanej ilustracji oraz ograniczona ilość grafik i tekstów podkreślają minimalistyczny styl Caxis. Na dole strony, do pokazania etapów współpracy zamiast tradycyjnych kart z ikonami, użyto slidera z animowanymi grafikami, co też jest ciekawym rozwiązaniem.

Walter Sophia

To ciekawy przykład strony typu landing page. Zamiast klasycznych sekcji w postaci cech produktu, czy dowodu społecznego (social proof, testimonials), twórcy zdecydowali się jedynie na krótkie przedstawienie oferty w interaktywnej formie. Wraz ze skrolowaniem strony ukazują się wciąż to nowe, odręczne grafiki, obrazujące kolejne etapy strategii działania firmy. Na końcu widzimy rozbudowaną sekcję z wieloma możliwościami kontaktu, co świadczy o chęci zaangażowania i współpracy z ich strony.

Silvio Meira

Utrzymana w biało-czarnych barwach strona Silvio Meira, może być świetną inspiracją dla minimalistycznego bloga. Posty w sekcji blogowej na stronie startowej nie zawierają zdjęć, dzięki czemu artykuł główny znajdujący się na górze może lśnić w całej swej okazałości. Na stronie nie brakuje również nowoczesnych rozwiązań, takich jak siatka grida przy nawigacji ukazująca budowę strony.

Hotel Palette

Hotel Palette jako wyróżnik swojej strony zamiast animacji, czy niestandardowego układu bloków postawił na kolor i wybrał jasny pomarańcz. Ciepły pomarańczowy budzi pozytywne emocje i zapewne na tym też zależało firmie, biorąc pod uwagę jej nazwę i profil (konsulting w branży hotelarskiej).

Embacy

Z kolei agencja graficzna Embacy użyła podstawowej bazy – czerni i bieli, a kolory służą jedynie do podkreślenia wybranych elementów, takich jak logo, galerii projektów, czy też case studies.

Libratone

Czas na minimalistyczne, proste strony internetowe witryn produktowych. Pierwszą z nich jest Libratone. Duża ilość jasnej przestrzeni, ograniczona ilość tekstów, minimalistyczne przyciski, pozwalają wyeksponować zdjęcia samych produktów. Dobrym posunięciem jest również umieszczenie zdjęć ludzi, dzięki czemu łatwiej jest się utożsamić z użytkownikami oferowanych głośników i słuchawek, ale również ocenić ich rzeczywistą wielkość.

Finnova

Finnowa chcąc podkreślić swój proekologiczny profil, użyła jasnych kolorów z domieszką zieleni. Na stronie nie brakuje ciekawych rozwiązań, w postaci pionowego tekstu, czy delikatnych animacji, dzięki czemu witryna jest ciekawsza.

Albed

Twórcy Albed, oprócz tradycyjnej nawigacji na górze, umieścili także menu boczne, które jest widoczne przez cały czas podczas scrollowania strony. Dzięki takiemu rozwiązaniu layout skłania się ku prawej, przez co też jest bardziej oryginalny.

Kvell Home

Kolejną pozycją jest sklep Kvell Home. Po wejściu na stronę, widocznych jest jedynie parę elementów, w tym koszyk zakupowy, dzięki czemu łatwo się zorientować czego sama strona dotyczy. Same oferty produktów pokazane są w formie poziomego slidera. Pasek slidera służy nie tylko przewijaniu kolejnych slidów, ale jest również praktyczną nawigacją. Po kliknięciu ciemnego przycisku zostajemy przeniesieni do podstrony danego produktu, gdzie szybko możemy dokonać zakupu.

Collage Crafting

Innym sklepem skłaniającym się w stronę minimalizmu jest Collage Crafting. Podczas scrollowania strony, w prawym dolnym rogu przez cały czas widoczna jest ikonka z torbą, przypominająca o możliwości zakupu. Poza tym na stronie nie brakuje nowoczesnych animacji, np. w postaci spadających liter tytułowych, czy też poziomego, animowanego tekstu.

Pixenio

Minimalistyczne podejście wykazali również twórcy kreatora stron Pixenio. Dzięki ograniczonej liczbie tekstów i grafik, dużej ilość białej przestrzeni, a także jasnej pastelowej kolorystyce, na pierwszy plan wysuwa się niebieski przycisk CTA (call to action), który wyraźnie wybija się na tle pozostałych treści.

Blend Digital

Agencja Blend Digital zastosowała klasyczny model doboru kolorów i wykorzystała niebieski z logo do podkreślenia niektórych elementów. Nie określiłabym stylu strony jako stricte minimalistyczny. Jest trochę elementów, które wydają się zbędne, takie jak niektóre grafiki, czy animacje w tle, które widzimy wraz ze scrollowaniem strony. Co jednak mi się spodobało to sekcja Hero Area z animowanym po najechaniu myszką logo, które jest świetnie wyeksponowane, dzięki sporej ilości jasnej przestrzeni.

Epok Design

Delikatne pastelowe kolory, cienkie fonty bezszeryfowe, okrojona ilość elementów, oraz dużo białej przestrzeni – to wszystko nadaje stronie Epok-Design prostego, stylowego wyglądu. Do prezentacji swoich prac studio graficzne wykorzystało całą stronę startową. Podczas przewijania nie przechodzimy w dół, tylko widzimy wciąż to nowe projekty w ramach jednego ekranu, co jest od jakiegoś czasu często stosowaną metodą. Całość uzupełniają delikatne, reagujące na ruch myszki animacje.

Grege

Na podobny sposób przedstawienia swoich prac zdecydowała się projektantka wnętrz Kenza. Scrollując stronę startową przewijane są wciąż to nowe karty projektów, po których kliknięciu zostajemy przeniesieni na podstronę z opisem ich szczegółów. Tutaj ciekawym rozwiązaniem jest pozioma scrollowana animacja z galerią zdjęć produktu, która według graficznych guru, takich jak 99designs, czy envato jest bardzo trendy w tym sezonie.

Rotate

Również studio Rotate wybrało zbliżoną metodę wyświetlenia swoich realizacji, z tym że zdjęcia projektów zostały wklejone w logo agencji w kształcie litery „o”. Poprzez zredukowowanie zdjęć w ten sposób, uzyskano jeszcze więcej wolnej przetrzeni.

Rev

Z kolei studio graficzne z Polski Rev pokazało projekty stron w formie chaotycznego grida, z niektórymi kartami nachodzącymi na siebie. Ponieważ portfolio prac stanowi jedyny element na stronie startowej, takie rozwiązanie prezentuje się całkiem nieźle.

Dubrovska Studio

Dubrovska Studio jest stroną projektantów wnętrz, wykonaną w ultra minimalistycznym stylu. Ciekawszym rozwiązaniem jest przedstawienie galerii zdjęć danego projektu w formie poziomego slidera, który można również scrollować. Dodatkowo fonty szeryfowe w tytułach nadają stronie więcej elegancji.

Melriver

Co charakterystyczne dla strony Melriver to brak widocznych call to action, przez co firma prawdopodobnie chciała podkreślić neniachalność, ale również ekskluzywny charakter swoich usług. Dane kontaktowe oczywiście są widoczne na stronie, ale dopiero po rozszerzeniu nawigacji.

Sprec

Sprec- agencja nieruchomości, chcąc zaznaczyć swój luksusowy profil, na tytuły stron wybrała cienkie fonty bezszeryfowe. Klasyczny 1-kolumowy layout, czarno-biała kolorystyka, stosunkowo dużo białej przestrzeni i niewielka ilość tekstów sprawiają, że strona wygląda schludnie i minimalistycznie.

To już jest koniec…

Czasami przeglądają minimalistyczne, proste strony internetowe, można dość do błędnej konkluzji, że ich wykonanie jest dla leniwych. W końcu witryny te posiadają niewielką ilość elementów, co kojarzy się z mniejszym nakładem pracy. Nic bardziej mylnego! Zrobienie ciekawego projektu w stylu minimalistycznym wymaga dobrej analizy strony i treści, jakie mają się na niej znaleźć. Poza tym często same elementy wymagają więcej uwagi i ich dopracowanie nierzadko zajmuje więcej czasu niż tych z typowych witryn. A czy Ty lubisz styl minimalistyczny? A może jest on dla Ciebie zbyt okrojony? Jeżeli masz ochotę, podziel się opinią w komentarzu.

Polecam Ci również:

Zamienniki fontów z polskimi znakami dla najpopularniejszej, płatnej typografii -Zobacz listę darmowych fontów z polskimi znakami od Google, które mogą być doskonałymi odpowiednikami dla płatnej, wysokiej jakości typografii.

Darmowe fonty z polskimi znakami do użytku komercyjnego – Znajduje się tam lista minimalistycznych fontów bezszeryfowych ze stron takich jak Behance, DaFont, Font Squirrel, w pełni darmowych do użytku komercyjnego.

Nowoczesne fonty bezszeryfowe z polskimi znakami od Google. – Tu z kolei, znajdziesz listę najpopularniejszych fontów bezszeryfowych od Google.