Prezentacja Divi Design: nowe zgłoszenia od maja 2021 r.

Znowu nadszedł ten czas na naszą comiesięczną prezentację Divi, w której przyjrzymy się dziesięciu niesamowitym witrynom Divi stworzonym przez członków naszej społeczności. Każdego miesiąca prezentujemy najlepsze witryny Divi, które zostały przesłane przez naszą społeczność, a dziś chcemy podzielić się z Wami dziesięcioma najlepszymi witrynami w maju. W całym poście wymienię niektóre z moich ulubionych funkcji projektowych, które przyciągają mnie do każdej ze stron internetowych.

Mam nadzieję, że ich lubisz!

Prezentacja Divi Design: nowe zgłoszenia od maja 2021 r.

1. Narodowy Dzień Nauki

Ta strona została zgłoszona przez Omshivaprakash. Jest to jednostronicowa strona internetowa, która w ciekawy sposób wykorzystuje kolorystykę i układ graficzny. Sekcja bohatera wyświetla nakładające się obrazy z wezwaniem do działania na pierwszym planie. Prowadzi to do sekcji z logo, które nakładają się na duże bloki kolorów z dużym tekstem i licznikami czasu. Kilka sekcji wyświetla tekst po jednej stronie z pionowym tytułem po lewej stronie. Te tytuły mają różne kolory tła, które pasują do innych elementów witryny. W kilku sekcjach wykorzystano obrazy lub grafikę. Szczególnie podoba mi się użycie koloru w tekście lub tła za tekstem.

Odwiedź stronę

2. Baitic

Ta strona została zgłoszona przez Joao Martinsa. Ten w ciekawy sposób wykorzystuje kolory i kąty tła. Tła wyświetlają ukośne wzory. Niebieskie tło wyświetla odcienie niebieskiego, a białe plamy jasnoszarego z zielonymi liniami, które współgrają z perspektywą grafiki. Niebieski i zielony są używane w dużych dwukolorowych grafikach, które zajmują prawie połowę ekranu i pojawiają się po lewej lub prawej stronie podczas przewijania do ich sekcji. Wiele ikon, przycisków i elementów tekstowych ma ten sam kolor zielony. Grafika jest minimalna i jednocześnie oszałamiająca wizualnie. Grafika i tekst idealnie ze sobą współgrają, tworząc przejrzysty układ.

Odwiedź stronę

3. Rozwijaj moją firmę

Ta strona została zgłoszona przez Bena Elwooda. Ten doskonale wykorzystuje żółte refleksy na szarym lub białym tle. Kolor żółty jest używany w menu, tytułach, przyciskach, linkach, obramowaniach, cytatach, ikonach itp. Większość tła jest biała i dobrze współgra z żółtymi podświetleniami. Nieliczne, które są szare, wyglądają jeszcze lepiej, a ponieważ jest ich tylko kilka, wyróżniają się jeszcze bardziej. Kilka sekcji o pełnej szerokości z szarym tłem wyświetla referencje lub tworzy wezwania do działania. Szczególnie podoba mi się sekcja trzech notek. Obejmują one szare, białe i żółte tło. Każdy z nich ma ikonę w kształcie okręgu, która zmienia kolor na szary i żółty dla koła i ikony. Lubię też animacje najechania w całej witrynie, które zmieniają kolory.

Odwiedź stronę

4. Przyszli profesorowie piłki nożnej

Ta strona została wysłana przez Maurice Veraa. Ten model elegancko wykorzystuje niebieskie tło i żółte refleksy. Ma również wiele mikroanimacji, które zapętlają się lub reagują na najechanie. Podoba mi się również projekt tekstu tytułu, który pojawia się nad filmem w tle w sekcji bohaterów. Odróżnia się od tła, a nawet zawiera mały żółty blok pod kątem za tekstem, aby nadać mu trochę koloru. Wiele tytułów zawiera mniejszą wersję bloku ustawionego pod kątem w tytule. Podobne skośne bloki w kolorze niebieskim lub żółtym nakładają się na siebie lub oddzielne obrazy. Wiele obrazów zawiera tytuł bloku, który nakłada się na obraz.

Odwiedź stronę

5. Farmy Bartletta

Ta strona została zgłoszona przez Andrew Bartletta. Ten doskonale wykorzystuje obrazy i menu. Sekcja bohatera wyświetla suwak o pełnej szerokości z dużymi wezwaniami do działania na pierwszym planie. CTA w interesujący sposób wykorzystują tekst. Górna linia tytułu jest wyraźna i zaznaczona na zielono. Dolna linia tytułu jest cały czas zielona. Kilka sekcji zawiera nakładające się notki, które dostarczają informacji, oś czasu, punktory itp. Posty na blogu mają unikalny wygląd meta. Moja ulubiona sekcja pokazuje karty jako linki do produktów. Karty mają zgrabny wygląd, który wygląda prawie jak zakładki. Karty zawierają obraz i informacje podzielone na sekcje. Podobny projekt jest używany w mega-menu z samym tytułem i obrazem.

Odwiedź stronę

6. Pop-Up Kombi

Ta strona została zgłoszona przez Justine Carter. Ta strona doskonale wykorzystuje fotografię i wideo. Sekcja bohatera pokazuje film w tle, który tworzy wyjątkową prezentację produktu. CTA znajduje się pod nim w osobnej sekcji zawierającej zarówno link do strony kontaktowej, jak i link otwierający formularz kontaktowy w wyskakującym okienku. Produkt jest również wyświetlany w pełnej galerii pasującej do filmu. Zdjęcia produktu są również wykorzystywane do usług. Wiele linków i ikon pasuje do czerwonego koloru ze zdjęć produktów. CTA w menu i przycisk formularza kontaktowego odpowiadają opaleniźnie ze zdjęć produktów. Najważniejsze cechy dobrze łączą witrynę i fotografię.

Odwiedź stronę

7. Brandartica

Ta strona została zgłoszona przez Jeffa Litcofsky'ego. Ten również świetnie wykorzystuje markowy kolor. Fajna animacja w firmowym niebieskim kolorze wprowadza stronę internetową, a na końcu przechodzi w logo i slogan. Niebieski jest również używany do nakładek obrazów, przycisków, tła CTA, przycisku od góry do góry i menu hamburgerów. Praca pokazana jest w układzie mozaikowym. Menu otwiera się na pełnym ekranie z niebieskim tłem, dzięki czemu witryna jest po prostu widoczna. Strony pokazują wzorzyste tło ze stylizowanymi przekładkami za tytułem. Te strony używają również markowego niebieskiego koloru dla podcastów, ikon, przyklejonego przycisku i nie tylko. Witryna dobrze wykorzystuje również suwak przed i po, aby pokazać przykłady pracy.

Odwiedź stronę

8. Cassandra Godna

Ta strona została zgłoszona przez Alfonso Perez-Verdia Ochoa. Ten również świetnie wykorzystuje kolory i wzory tła. Sekcja bohatera wyświetla obraz pełnoekranowy z niebieskim tłem, który tworzy biały punkt aktywny za obiektem. Biały tekst tworzy wezwanie do działania, które zawiera animowany przycisk umożliwiający obejrzenie filmu. Kilka sekcji zawiera czarne tło z wzorem w kropki w kółko. Większość z tych sekcji wyświetla pojedynczą opinię, osadzone wideo lub podobny element. Moją ulubioną jest sekcja pokazująca kroki. Numery stopni są otoczone eleganckimi wzorami w odważnych kolorach. Kroki i ich opisy są przesunięte względem siebie. Podobają mi się również sekcje z usługami, które pokazują obraz z jednej strony, a opis z drugiej z odważnym kolorowym tłem.

Odwiedź stronę

9. Wydarzenia JP

Ta strona została zgłoszona przez Toma Carmona. Ten wykorzystuje elegancki układ z kolorami od miękkich do odważnych podczas przewijania witryny. Tło sekcji bohatera zawiera wiele miękkich kolorów, które nakładają się na siebie, tworząc niepowtarzalny wzór. Obrazy w suwaku wyróżniają niektóre z tych samych kolorów. Wyróżnienia przycisków i separatora mają ciemniejszy kolor, który staje się bardziej widoczny podczas przewijania strony. Serwisy wyświetlają obrazy z obramowaniem w nieco odważniejszych kolorach niż sekcja bohatera. Tła są bardziej miękkie, gdy światła stają się ciemniejsze. Ikony mają ciemniejszy kolor z CTA sekcji bohaterów, podczas gdy stopka używa ciemniejszego koloru jako tła. Uwielbiam mega menu w tym. Linki zawierają ikony i wykorzystują wszystkie kolory z witryny. Kolory świetnie nadają się do celebracji strony.

Odwiedź stronę

10. Studio Volny

Ta strona została zgłoszona przez Volny Studio. Ta strona internetowa w elegancki sposób wykorzystuje minimalistyczny design. Tła są w kolorze złamanej bieli, a większość tekstu i elementów wizualnych jest czarna. Wprowadza wystarczającą ilość kolorów do świateł i obrazów, aby było interesujące. Sekcja bohatera wyświetla obraz, który nakłada się na znajdujące się pod nim wezwanie do działania. Kilka sekcji pokazuje obrazy z jednej strony i tekst z drugiej w układzie naprzemiennym. Niektóre zawierają bloki koloru, aby się wyróżnić. Moja ulubiona sekcja pokazuje usługi w ponumerowanych kolumnach. Liczby są cyframi rzymskimi, które są tworzone z bloków koloru. Sekcja projektów jest również interesująca z dwoma obrazami w jednym rzędzie z większym obrazem po prawej stronie. Obrazy mają minimalne tła, dzięki czemu projekty się wyróżniają. Zachodzą na siebie na stronach projektu. Podoba mi się również minimalna konstrukcja stopki, która dzieli informacje na sekcje.

Odwiedź stronę

Do przyszłego miesiąca!

To 10 najlepszych zgłoszeń na naszą stronę internetową społeczności Divi w maju. Te strony wyglądają niesamowicie i jak zawsze chcemy podziękować wszystkim za wasze zgłoszenia!

Jeśli chcesz, aby Twój własny projekt został rozważony, wyślij e-mail do naszego edytora nathan na eleganckie motywy kropka com. Pamiętaj, aby w temacie wiadomości e-mail umieścić „ZŁOŻENIE WITRYNY DIVI”.

Chcielibyśmy również usłyszeć od Was w komentarzach! Powiedz nam, co lubisz w tych witrynach, a jeśli jest coś, co zrobili, chcesz, abyśmy nauczali na blogu.

Polecane zdjęcie za pośrednictwem Mascha Tace / shutterstock.com