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

Opublikowany: 2019-09-01

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 witryny Divi, które zostały przesłane przez naszą społeczność, a dziś chcemy podzielić się z Wami dziesięcioma najlepszymi witrynami w sierpniu. 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 sierpnia 2019 r.

1. Matryca dachowa

Ta strona została zgłoszona przez Christiana McMinna. Używa pełnoekranowego obrazu tła, aby pokazać rodzaj dostępnej pracy i umieszcza CTA w nakładce. Informacje o firmie umieszczone są w układzie dwukolumnowym z wizerunkiem po jednej stronie i punktorami po drugiej. Przycisk Czytaj więcej przenosi czytelnika na stronę O nas. Podobna dwukolumnowa sekcja pokazuje referencje z linkiem do przeczytania więcej. Usługi są wyświetlane w notatkach z dużymi jednokolorowymi ikonami. Więcej linków do informacji znajduje się w CTA z ciemnymi nakładkami. Stopka zawiera czarno-białą mapę o pełnej szerokości, która domyślnie nie jest przewijana. Podoba mi się strona Przewodnik po kolorach, która pokazuje ten sam dom z różnymi kolorowymi dachami.

Odwiedź stronę

2. Grupa Brightworks

Ta strona została zgłoszona przez Britt Baue. Za obracającym się tekstem tytułu znajduje się ciemny wzór tła. Ukośny separator oddziela sekcję bohatera od następnej, która wyświetla pionowy tekst, opis i usługi pogrubionym zielonym tekstem, który powiększa się po najechaniu myszą. Następna sekcja wyświetla szare tło z ukośnymi przegrodami na górze i na dole. Duży tekst prowadzi czytelnika do pobrania CTA. Sekcja dotycząca usług zawiera również wyrównany w pionie tekst tytułu i pokazuje usługi w notatkach. Wprowadzono prosty suwak referencji z dużym tytułem. Kolejna sekcja pod kątem przedstawia loga klientów. Sekcja kontaktowa tworzy wezwanie do działania i podaje informacje kontaktowe. Podoba mi się, jak logo jest odsunięte od środka w menu.

Odwiedź stronę

3. Isla

Ta strona została zgłoszona przez Saskię Lund. Ta strona zawiera obraz tła w prawdziwej paralaksie w sekcji bohaterów, aby pokazać rodzaje dostępnych miejsc wakacyjnych. Nakładka zawiera slogan w oskryptowanej czcionce oraz pole wyszukiwania z zakładką, w której można przeprowadzić zaawansowane wyszukiwanie określonych obiektów. Wysokie i cienkie notki z efektami najechania pokazują obrazy i opis rodzajów wakacji, których można się spodziewać. Sekcja ofert specjalnych pokazuje wakacje w suwaku. Każda z nich to wysoka karta z obrazem i opisem oraz zawiera efekty najechania kursorem. Sekcja wypożyczeń pokazuje lokalizacje na karcie zawierającej zdjęcie, opis i informacje. Zdarzenia są wyświetlane na pełnoekranowym suwaku. Sekcja bloga pasuje do projektu wysokiej karty i zawiera również efekty najechania. Strona Magazyn wyświetla artykuły w kategoriach w układzie wielokolumnowym.

Odwiedź stronę

4. Przepaść

Ta strona została wysłana przez Gustava Espenesa. CTA i grafika są umieszczane na wzorze w prawdziwej paralaksie. Grafika zawiera przycisk do odtwarzania wideo w wyskakującej nakładce. Podobne grafiki są używane w całej witrynie jako elementy wezwania do działania, notatek i tła. Strona zawiera wiele stylizowanych przegródek, które pomagają budować tła. Blurby są odsunięte od siebie, tworząc ciekawy pionowy wzór i mają kolory, które wtapiają się w tło. Sekcja pytań wyświetla odpowiedzi w przełącznikach. Kolejna sekcja notek przedstawia korzyści z ikonami. Zawiera również suwak referencji o pełnej szerokości, logo klienta i stylizowany formularz kontaktowy. Podobają mi się jednokolumnowe moduły osobowe dla członków zespołu oraz strona bloga z jej przejrzystym wyglądem.

Odwiedź stronę

5. Pojawienie się Richmond

Ta strona została zgłoszona przez Christiana Schicka. Ta strona wykorzystuje wiele zielonych akcentów wraz z falistymi przegrodami, aby nadać układowi ciekawy, ale minimalistyczny wygląd. Sekcja bohatera umieszcza CTA po jednej stronie, a przykład produktu po drugiej, które zachodzą na rozdzielacz sekcji. Kolejna sekcja przedstawia podobny produkt z jednej strony, z korzyściami z drugiej. Kolejna sekcja pokazuje ikony ze stylizowanym tłem, aby utworzyć kwiatek, aby pokazać usługi. Projekty są wyświetlane w sekcji wielokolumnowej z obrazem po jednej stronie i opisem po drugiej. Opinia jest umieszczana w polu, które jest wyśrodkowane na ekranie i nakłada się na sekcje, które prowadzą do następnego CTA. Niestandardowa stopka zawiera również faliste przekładki, na które nakłada się formularz biuletynu. Podoba mi się zielone podświetlenie na całej stronie.

Odwiedź stronę

6. Południowa Korporacja Serwisowa

Ta strona została zgłoszona przez Mercedes Bugarin. Sekcja bohatera zawiera przesuwany tekst, aby pokazać zalety usługi. Umieszcza formularz w sekcji bohatera z wyborem usługi. Formularz ma zaokrąglone rogi z jednej strony i nakłada się na obraz w sekcji bohatera. Następna sekcja przedstawia usługi w notatkach, które zawierają stylizowane narożniki i cienie. Logo klienta są wyświetlane w suwaku. Poniżej znajduje się mała sekcja z przyciskami społecznościowymi i przyciskiem, za pomocą którego pracownicy mogą się zalogować. Menu zawiera dwa różne CTA. Sekcje są podzielone falistymi przekładkami. Strona Usługi ma ten sam projekt i dodaje stylizowane przełączniki, aby zapewnić informacje o każdej z usług. Przełączniki mają zaokrąglone rogi z jednej strony, aby dopasować się do formy. Formularze Kontaktowe mają podobny wygląd i wyróżniają się cieniami.

Odwiedź stronę

7. Bungalow społeczny

Ta strona została wysłana przez Kelsey Spectre. Sekcja bohatera przedstawia logo w jednym rogu z podobną grafiką w kilku rogach. Grafiki z nagłówka umieszczone są w całej witrynie. Po jednej stronie umieszczone są informacje i CTA, po drugiej grafika. Menu główne znajduje się pod tą sekcją i pozostaje na górze ekranu podczas przewijania do tego punktu. Sekcja wprowadzająca pokazuje obraz po jednej stronie i blok tekstu, który nakłada się na niego po drugiej. CTA następuje po tym i zawiera przycisk z kątami, które zmieniają się po najechaniu. Sekcja bloga pokazuje posty w delikatnych kolorach, które pasują do witryny, i zawiera skryptowy tekst tytułu. CTA o pełnej szerokości wykorzystuje te same kolory i grafikę co nagłówek i umieszcza w tle oskryptowany tekst tytułu. Uwielbiam elegancki wygląd strony Blog, która wykorzystuje te same kolory i czcionki w wielu układach.

Odwiedź stronę

8. Descargar Ecuakaraoke

Ta strona została zgłoszona przez Jero Shannona. Ten ma wiele animacji z kreskówek. Sekcja bohatera pokazuje animowaną kreskówkę w tle z CTA w nakładce. Na rozdzielacz sekcji nakłada się grafika, która prowadzi do następnej sekcji z animowanymi notatkami, które są od siebie przesunięte w pionie i są śledzone za pomocą przegródek. Obraz pod kątem prowadzi do następnej sekcji, która zawiera wezwanie do zakupu i link do bloga. Recenzje gwiazdek nakładają się na tło i zapewniają kolejne wezwanie do działania. Osadzony film z YouTube jest przechylony. Ta strona zawiera wiele elementów ustawionych pod kątem i przegródek, a także kilka CTA z obrazami lub kolorowymi kątami.

Odwiedź stronę

9. Kwitnące postacie

Ta strona została zgłoszona przez Kate Britton. Zawiera plamę koloru w tle i suwak w nakładce po jednej stronie. Tekst suwaka nakłada się na obraz suwaka i zawiera informacje oraz łącza. Kontrolki suwaka znajdują się w lewym górnym i prawym dolnym rogu. W następnej sekcji do podania informacji użyto tekstu wielokolorowego i innej plamy tła. Notatki kwadratowe z jednolitymi kolorami pokazują ponumerowane tytuły i zmieniają kolor po najechaniu myszą. Kolejne CTA wyświetla obraz po jednej stronie z kolorowymi plamami i CTA po drugiej. Sekcja rezerwacji pokazuje tytuł na jednolitym tle i wykorzystuje mapę do wyboru lokalizacji. Pobieranie CTA umieszcza opis w bloku, który nakłada się na obraz. Ten używa wielu odważnych kolorów, które ładnie się wyróżniają.

Odwiedź stronę

10. Wyzwanie z blokadą

Ta strona została zgłoszona przez Keitha Greena. Sekcja bohatera wyświetla w tle blok z teksturowanym filtrem dla nakładki. Slogan wykorzystuje bardzo duży tekst. Menu zawiera dwa przyciski wezwania do działania. Obraz bloku nakłada się na następną sekcję, która wyświetla element tekstowy o pełnej szerokości, pokazując tytuł z jednej strony i blok koloru z drugiej. Dwie naprzemienne sekcje pokazują obraz z jednej strony i informacje z drugiej na teksturowanym tle. Kolejne kilka sekcji CTA zawiera jeszcze większe tytuły z tekstem blokowym, który jest wyraźny w środku. Niektóre nakładają się na sekcje. Obrazy nakładają się na jeszcze ciemniejsze teksturowane tła. Uwielbiam używać w tym kolorze zieleni, obrazów i czcionek.

Odwiedź stronę

W zamknięciu

To 10 najlepszych zgłoszeń na naszą stronę społecznościową Divi w sierpniu. 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.

Polecany obraz za pośrednictwem ProStockStudio / shutterstock.com