Prezentacja Divi Design: nowe zgłoszenia od lipca 2020 r.

Znowu nadszedł ten czas na naszą comiesięczną prezentację Divi, w której przyjrzymy się ośmiu 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 lipcu. 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 lipca 2020 r.

1. Poptin

Ta strona została zgłoszona przez Tomera Aharona. Witryna używa dużej ilości fioletu dla gradientów tekstu i tła oraz podobnych odcieni czerwieni, żółci i niebieskiego dla podświetleń. Menu zawiera nawet notki z ikonami w tych kolorach. Sekcja bohatera wyświetla efekt wpisywania słowa kluczowego, który zmienia motto i treść CTA. Ciekawą funkcją jest zestaw sekcji, które wyświetlają przyciski w pionowym stosie obok makiety ekranu komputera w naprzemiennym układzie. Kliknięcie dowolnego przycisku zmienia to, co jest wyświetlane na ekranie makiety. Podobna sekcja wyświetla zakładki z ikonami nad ekranem makiety. Witryna jest wielojęzyczna, co umożliwia wybór spośród 7 języków.

Odwiedź stronę

2. Imperium LVP

Ta strona została zgłoszona przez Nadzima Al-Rash. Używa dużo opalenizny dla tła z czarnym tekstem. Menu nawigacyjne jest proste i zawiera link do galerii oraz link do rezerwacji sesji. Efekty najechania zmieniają tło na ciemniejszy kolor. Efekt zanikania powoduje zanikanie lub pojawianie się obrazów podczas przewijania, w tym obrazu bohatera i niektórych galerii. Stopka wyświetla ciemnozielone tło, które wyróżnia się, ale uzupełnia opaleniznę. Zawiera menu nawigacyjne z brązową linią u góry i efektami najechania. Galerie wyświetlają duże obrazy w jednej kolumnie, aby zaprezentować pracę. Strona rezerwacji wyświetla wiele lokalizacji z mapami dla każdej z nich.

Odwiedź stronę

3. Andy Hooke

Ta strona została zgłoszona przez Andy'ego Hooke'a. Używa dużo ciemnoniebieskiego tła i tekstu w całej witrynie. W menu wyświetlane są ikony służące do nawigacji podmenu. Sekcja bohatera pokazuje zrzuty ekranu prac, które pokrywają się z następną sekcją. Zawiera również kilka wzorów tła w prawdziwej paralaksie, aby się wyróżnić. Kilka słów kluczowych w tytułach jest podkreślonych. Szczególnie podoba mi się zestaw sekcji do ostatnich prac, który łączy referencje ze zrzutami ekranu i linkiem do obejrzenia projektu. Każda z tych sekcji zmienia kolor tła podczas przewijania, przechodząc od ciemnoniebieskiego do średniego niebieskiego, a następnie do pomarańczowego. Blog i inne strony zawierają również te same wzory tła, co strona główna. Kilka stron dodaje je do ikon.

Odwiedź stronę

4. Na południe od niechlujnego podcastu

Ta strona została zgłoszona przez Brenta Colliera. Strona używa dużo pomarańczowego i ciemnoniebieskiego tła i wzorów. Tło to stylizowany rysunek góry o odważnych kolorach. Stylizowany odtwarzacz audio z najnowszym podcastem jest umieszczony pod hasłem w sekcji bohaterów. Jego obraz zawiera szatę graficzną i kolory ze strony internetowej. Inna sekcja wyświetla wzory tła w odważnych kolorach w prawdziwej paralaksie. Stylizowane ikony prowadzą do różnych miejsc, w których można usłyszeć podcast. Podoba mi się również dział kontakt. Zawiera pomarańczowe tło z formularzem kontaktowym z jednej strony w innym kolorze, ale pola nakładają się na dwa kolory.

Odwiedź stronę

5. Palavras Cruzadas

Ta strona została zgłoszona przez Rui Edmonda. Strona używa pogrubionego niebieskiego tła, przycisków i tytułów. W większości jest to konstrukcja dwukolumnowa z sekcjami na przemian z niebieskiego na biały. Każda z sekcji zawiera CTA z opisami i linkami do produktów. Grafika akcentuje linki do produktów. Puzzle są zintegrowane w ramach projektu typu post. W opiniach wyświetlane są zakreślone obrazy ze stylizowanym tłem. Witryna zawiera kilka CTA o naprzemiennych układach. Przejrzysty design zapewnia, że ​​każdy z nich wyróżnia się na tle innych.

Odwiedź stronę

6. Meg Lonergan

Ta strona została wysłana przez Kurta Madderna. Układ jest prosty, zawiera tylko menu, logo, powiadomienie o prawach autorskich i suwak. Koncentruje się na suwaku, ale używa białych znaków, aby zwrócić na niego uwagę. Suwak zajmuje dwie trzecie prawej strony ekranu. Lewa jedna trzecia jest wyraźna, z tytułem witryny u góry i logo u dołu. Menu nawigacyjne znajduje się nad suwakiem i wyświetla łącza w dwóch kolumnach po lewej stronie suwaka. Link do zapytania znajduje się nad prawą stroną suwaka. Podczas przewijania ułożone w stos kolumny menu stają się normalnym menu ze wszystkimi łączami w poziomym rzędzie. Suwak wyświetla obrazy o różnej szerokości, aby zaprezentować pracę. Strona Notatki wyświetla posty w blogu z dużymi obrazami i łączami nawigacyjnymi dodanymi po lewej stronie.

Odwiedź stronę

7. Odzyskaj

Ta strona została zgłoszona przez Christinę Oosthuizen. Wykorzystuje markowy kolor niebieski i żółty z odrobiną czerwieni tu i ówdzie. Menu zawiera animowane linki w kolorze niebieskim i żółtym. Sekcja bohatera wyświetla obraz produktu, który wtapia się w tło. Slogany są tworzone z bardzo dużym tekstem w kolorze białym ze słowem kluczowym w kolorze żółtym. Inne tytuły umieszczają tekst w kolorze żółtym i niebieskim. Wyświetlacz dużych przycisków z wyraźnymi czarnymi cieniami, które wyróżniają się. Strona zawiera również wiele stylizowanych liczników, notatek, referencji, pasującego formularza kontaktowego i przycisków społecznościowych. Szczególnie podoba mi się sekcja przedstawiająca grafikę produktu w dwóch kolorach. Tło z jednej strony pasuje do koloru produktu z drugiej strony. Strona kontaktowa ma podobny wygląd.

Odwiedź stronę

8. PlantVibe

Ta strona została zgłoszona przez DJ Wheeler. W witrynie zastosowano kolor zielony jako kolor marki w tłach, grafice i tekście sekcji. Sekcja bohatera zawiera suwak z wezwaniami do działania w naprzemiennych układach, które pokazują obraz z jednej strony i informacje z drugiej. Proste CTA z grafiką i tekstem na zielonym tle ze stylizowanym wzorem. Sekcja kolekcji pokazuje różne opcje w suwaku produktu. Ten suwak zawiera ciemnozielone podświetlenia tytułu, linków i nawigacji. Formularz kontaktowy używa tego samego koloru zielonego dla przycisku przesyłania. Nawet zdjęcia produktów mają kolory tła, które są używane w niektórych sekcjach, aby były częścią projektu strony internetowej.

Odwiedź stronę

9. Zbrojni

Ta strona została zgłoszona przez Thomasa van der Wolde. Witryna używa dużo niebieskiego tła, grafiki, tekstu i wezwań do działania w menu nawigacyjnym. Sekcja bohatera wyświetla CTA z efektem pisania, który zmienia słowa kluczowe. Sekcja notatek wyświetla inny kolor górnego obramowania dla każdej notki i zawiera grafikę z wzorem tła w postaci kropel. Sekcja ponumerowanych kroków wyświetla liczby dużą niebieską czcionką z tekstem po jednej stronie i grafiką po drugiej w układzie naprzemiennym. Pozostałe strony mają podobny, prosty i przejrzysty projekt, który podkreśla usługi i korzyści.

Odwiedź stronę

10. Media MJS

Ta strona została zgłoszona przez Matta Southama. Używa odważnego żółtego koloru marki z kilkoma innymi kolorami, aby go wspierać. Sekcja bohatera umieszcza żółtą nakładkę na wideo w tle, które ledwo prześwituje. Żółte tło jest również używane do referencji o pełnej szerokości i przycisku kontaktu. Kilka notatek wyświetla grafiki z zakreślonymi tłem w różnych kolorach. Podoba mi się sekcja ze studium przypadku, która pokazuje obraz w tle za szarą nakładką. Menu pełnoekranowe umieszcza łącza w dużym tekście w trzech kolumnach, co ułatwia przeglądanie nawigacji, usług i informacji kontaktowych. Tło jest rozmyte, ale widoczne. Podoba mi się również czysty projekt bloga.

Odwiedź stronę

W zamknięciu

To jest nasze dziesięć najlepszych zgłoszeń do społeczności Divi w lipcu. 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 Drogatnev / shutterstock.com