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

Znowu nadszedł ten czas na naszą comiesięczną prezentację Divi, w której przyjrzymy się 10 niesamowitym witrynom Divi stworzonym przez członków naszej społeczności. Każdego miesiąca prezentujemy najlepsze strony internetowe Divi, które zostały przesłane przez naszą społeczność, a dziś chcemy podzielić się z wami dziesięcioma najlepszymi stronami internetowymi 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 2019 r.

1. Akimbo

Ta strona została zgłoszona przez Alana Coxa. Strona wykorzystuje grafikę narysowaną linią w odcieniach szarości dla tła i kolorowych rysunków postaci w całym tekście. Przyciski i inne elementy graficzne są również w kolorze, aby wyróżniały się na tle projektu strony. To świetna robota, skupiając się na produktach i wezwaniach do działania. Zachowuje prostotę projektu dzięki pełnoekranowej sekcji bohatera, demonstracji produktu, dwukolumnowej sekcji użyteczności, jednokolumnowej misji, referencji i CTA, które nakłada się na stopkę. Strona Science jest interesująca dzięki dużym tytułom i markowej grafice, przy jednoczesnym zachowaniu prostego projektu.

Odwiedź stronę

2. Wytworny magazynek ubijaka

Ta strona została zgłoszona przez Carlosa Godoya. Ta strona używa Extra do stworzenia eleganckiego projektu magazynu. Wyświetla pełnoekranową sekcję bohatera z obrazem tła w paralaksie i logo pośrodku. Przewijanie ujawnia menu, które pozostaje na swoim miejscu, gdy dotrze do górnej części ekranu. Artykuły umieszczone są w układzie wielokolumnowym w trzech kolumnach. Inne posty są wyświetlane z suwakiem w jednej kolumnie, a następnie z sekcją do dalszego czytania na dole. Posty na blogu umieszczają tekst po jednej stronie, a obrazy po drugiej. Witryna zawiera również duże menu rozwijane i preloader. Nie sądziłem, że to Extra.

Odwiedź stronę

3. Mapa bazowa

Ta strona została zgłoszona przez Dustina Olsena. Witryna umieszcza demo i wezwanie do działania produktu na środku ekranu na obrazie tła, który pomaga czytelnikowi na pierwszy rzut oka zrozumieć przeznaczenie produktu. Kilka innych sekcji o podobnym wyglądzie pokazuje produkt z jednej strony, ale tym razem są to dwa dema ze zrzutami ekranu, animacją lub filmem i nakładają się na następną sekcję. Dema działają doskonale, aby pokazać cechy produktu. Podobają mi się stylizowane tabele cenowe. Ciekawy jest też blog. Zawiera suwak, po którym następuje dwukolumnowa filtrowana siatka blogów. Słupki posiadają eleganckie nakładki. Pasek boczny pasuje również do projektu witryny i zawiera kanał na Instagramie. Fotografia na tej stronie jest niesamowita.

Odwiedź stronę

4. Cyfrowy marketing DH

Ta strona została zgłoszona przez Douglasa Henrique Monteiro e Silva. Pokazuje obraz pełnoekranowy z tematem po jednej stronie i tłem po drugiej, dając miejsce na tytuł, slogan i wezwanie do działania. Usługi są pokazywane punktorami za pomocą kolorowych ikon. Statystyki usług są pokazane ciekawą grafiką przełączników pionowych z ikonami. Referencje są wyświetlane na kartach, które wykorzystują cienie ramek i system oceny gwiazdek. Jedna sekcja ma wzór tła za grafiką. CTA nakłada się na dwie sekcje i ładnie się wyróżnia. Podoba mi się eleganckie wykorzystanie notek na stronie Usługi. Używają kolorowych ikon i tworzą smukłe karty z efektami najechania. Witryna wykorzystuje dużo białej przestrzeni i elegancko wykorzystuje kolory.

Odwiedź stronę

5. Chłopak

Ta strona została zgłoszona przez Sandera Goormana. Używa niebieskiego gradientu, aby odsłonić pełnoekranowy obraz tła i wyświetla slogan z nawigacją do usług po jednej stronie. Notki nakładają się na następną sekcję i zawierają szczegółowe informacje o każdej usłudze. Notki to czyste karty z niebieskimi ikonami. Podnoszą się w górę po najechaniu i idealnie pasują do projektu witryny. Sekcja przedstawiająca ich historię wykorzystuje wielokolorowy duży tekst po jednej stronie i zwykły tekst po drugiej. Przykłady ich prac są pokazane w układzie naprzemiennym z linkami do pracy. Podoba mi się projekt bloga. Pokazuje posty w siatce z nakładką, tytułem, kategorią, nazwą autora i przyciskiem, aby zobaczyć wyróżniony obraz w wyskakującym okienku. Wszystkie są umieszczone nad wyróżnionym obrazem.

Odwiedź stronę

6. Idiolektik

Ta strona została zgłoszona przez Olivera Gehrmanna. Wiele obrazów z sloganami jest wyświetlanych na suwaku o pełnej szerokości, po którym następuje sekcja Informacje ze stylizowanym tytułem bloku. Przycisk Dowiedz się więcej otwiera wyskakujące okienko na całej stronie. Przyciski Dowiedz się więcej są widoczne w całym projekcie i świetnie sprawdzają się w oszczędzaniu miejsca, zapewniając jednocześnie dostęp do wielu informacji. Dalsze informacje są dostarczane za pomocą grafik, które zmieniają kolor po najechaniu kursorem i otwierają wyskakujące okienko po kliknięciu. Więcej usług jest pokazanych z grafikami i przyciskami informacyjnymi na suwaku. Podobny suwak pokazuje zdjęcia wykładowców. Strona wykładowcy zawiera dwie kolumny z dużym zdjęciem i informacjami o każdej osobie. Podoba mi się strona Wydarzenia. Wykorzystuje filtr z rozwijanymi polami.

Odwiedź stronę

7. Bio-Bausewein

Ta strona została zgłoszona przez Michaela Kocha. Ten pokazuje obraz pełnoekranowy z hasłem nad tematem i nakładkami w kształcie drzew, aby ozdobić boki. Te i podobne kształty pojawiają się w całym serwisie po bokach. Następna sekcja pokazuje CTA do różnych stron. CTA wykorzystują duże wzorzyste tła z nakładkami w różnych kolorach. Mniejsze CTA używają podobnego projektu, a także projektu karty bloga. Jeden używa pochylonej konstrukcji. Podoba mi się sekcja przedstawiająca właścicieli. Pokazuje pełnoekranowy obraz zarówno razem, jak i poniżej, a następnie bloki tekstu nakładające się na obraz w pobliżu osoby na zdjęciu. Strona wydarzeń zawiera wydarzenia podobne do wpisów na blogu z paskiem u góry, który pokazuje datę. Uwielbiam fotografię i kolor na tej stronie.

Odwiedź stronę

8. EkoHost

Ta strona została zgłoszona przez Emy. Ta witryna ma układ jednostronicowy, w którym zastosowano płaską konstrukcję z eleganckimi odcieniami czerwieni, zieleni i niebieskiego tła i ikon w całej witrynie. Grafiki na tła i inne elementy pomagają opisać misję firmy. Funkcje są pokazane w notatkach, aby tworzyć karty z dużymi ikonami i tytułem. Podobne karty są używane do referencji i informacji kontaktowych. Podobają mi się tabele cenowe. Zawierają przełącznik, a ceny są animowane po kliknięciu przełącznika. Kilka kart zawiera informacje w wyskakującym okienku po kliknięciu w celu wyświetlenia informacji. Witryna doskonale wykorzystuje grafikę, wzory tła i kolory.

Odwiedź stronę

9. 717 Media

Ta strona została zgłoszona przez Eike Mullera. Używa jasnozielonego jako koloru marki w całej witrynie w tekście, przyciskach, animacjach i tłach. Nawet pasek przewijania i przycisk „od góry do góry” są stylizowane na zielono. Duże karty przedstawiają usługi z obrazami, tekstem i przyciskami. Karty pokazują cień po najechaniu kursorem. Zawiera ciekawe CTA, które ma tło o pełnej szerokości z ciemną nakładką. Podczas przewijania do niego wokół tekstu rysowana jest zielona linia, aby przyciągnąć uwagę. Podoba mi się sekcja O mnie. Pokazuje informacje na kartach za pomocą obrazów i tekstu. Karty nakładają się na następną sekcję i zawierają animowaną nakładkę. Witryna świetnie wykorzystuje małe animacje i zielone podświetlenia na każdej stronie.

Odwiedź stronę

10. Rolka Pickn

Ta strona została zgłoszona przez Roberto Wagnera. Ten jest sklepem internetowym. Strona główna pokazuje pełnoekranowe wezwanie do działania sklepu z obrazem tła z dużym tekstem w wielu kolorach. Sekcja sklepu wyświetla produkty w trzech kolumnach z ikoną w nakładce, która odpowiada kolorowi marki witryny (pogrubiony żółty). Sekcja informacyjna pokazuje korzyści w porównaniu z obrazem tła w paralaksie. Sekcje referencji i biuletynów mają podobny styl z żółtym tekstem. Strona sklepu ma ten sam wygląd, ale dodaje funkcję wyszukiwania w sekcji bohaterów. Blog ma obecnie jeden post, ale strona ma fajny wygląd. Wpis na blogu pokrywa się z sekcją bohatera, a biuletyn obejmuje dwie sekcje, w tym sekcję obserwowania w mediach społecznościowych nad stopką.

Odwiedź stronę

W zamknięciu

To 10 najlepszych zgłoszeń do naszej 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 L-astro / shutterstock.com