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

Znowu nadszedł 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 2018 r.

1. Salin

Ta strona została zgłoszona przez Barry'ego. Wykorzystuje gradient od czerwonego do niebieskiego w tłach w całej witrynie, który pasuje do logo i podświetleń. Obszar bohatera zawiera fajną grafikę z czerwonymi i niebieskimi refleksami tych gradientów. Naprzemienne sekcje wyświetlają obraz po jednej stronie i wezwanie do działania z grafiką pasującą do logo po drugiej. Podoba mi się również 3-kolumnowa sekcja informacyjna, która pokazuje linki do stron za pomocą grafiki w zewnętrznych kolumnach i wypunktowania w środku.

Odwiedź stronę

2. Pymagic

Ta strona została zgłoszona przez Josha Halla. Nagłówek zawiera pełnoekranowy suwak obrazu z gradientem od niebieskiego do czerwonego dla każdego obrazu. Zaokrąglony styl sekcji oddziela suwak od następnej sekcji. Kolejna sekcja zawiera niebieskie notki, które nakładają się na pionowy biało-żółty gradient. Notatki zmieniają się w czerwono-niebieski gradient ukośny po najechaniu kursorem. Ciągły suwak wyświetla obrazy z pokazów na czerwonym tle ze stylami sekcji. Ta witryna doskonale wykorzystuje styl separatorów sekcji, gradienty, czcionki i jasne kolory podstawowe.

Odwiedź stronę

3. Magazyn podróżny Twist

Ta strona została zgłoszona przez Kelseya. Nagłówek wyświetla obraz pełnoekranowy z tematem po jednej stronie i wezwaniem do działania po drugiej. Menu zawiera slogan nad linkami. Grafika nakłada się na kolejną sekcję, która zawiera duże czcionki i przycisk do zapisania się do newslettera. Suwak pokazuje najnowsze wydania z obrazem okładki, tytułem, numerem wydania, punktorami treści i przyciskiem do zamówienia. Prostsza wersja tego pokazuje wersję cyfrową w dalszej części. Sekcja bloga umieszcza wpisy na blogu na pełnej mapie świata, aby pomóc opisać gatunek witryny. Uwielbiam kolory i czcionki na tej stronie.

Odwiedź stronę

4. Agencja reklamowa

Ta strona została zgłoszona przez Maartena van der Krofta. Wykorzystuje bardzo duży nagłówek z ciekawym wzorem tła. Logo jest wyświetlane na ekranie podczas oglądania. Tekst w lewym górnym rogu zmienia się, pokazując różne usługi. Następna sekcja wyświetla projekty z 3 kolumnami i 3 rzędami bez spacji między nimi. Większość pokazuje obrazy, gdy jeden jest animowany. Najechanie ujawnia nazwę kategorii. Uwielbiam CTA, które pokazuje ptaki na drucie z chmurami w tle w paralaksie. Witryna doskonale wykorzystuje obrazy.

Odwiedź stronę

5. Fotografia Wasabi

Ta strona została zgłoszona przez Travisa Haughtona. Wyświetla pełnoekranowy suwak obrazu ze zdjęciami fotografii ślubnej. Sekcja informacyjna pokazuje podejście fotografa i zawiera CTA. Sekcja portfolio pokazuje dwa duże obrazy z nakładkami, które odnoszą się do oferowanych rodzajów fotografii. Sekcja bloga wyświetla posty jako obrazy, których tytuł pojawia się po najechaniu myszą. Kolor zielony podświetla tekst w całej witrynie oraz w menu, które pojawia się po przewinięciu w górę. Wpisy na blogu służą do sesji zdjęciowych konkretnych wydarzeń. Jasne tła wyglądają elegancko.

Odwiedź stronę

6. Mira Opieka

Ta strona została wysłana przez Leslie Tagordę. Produkt, opis i wezwanie do działania są wyświetlane na pełnoekranowym obrazie tła z zaokrąglonymi sekcjami. Ikony multimediów są wyświetlane w suwaku. Opis produktu i korzyści są przedstawione w 3-kolumnowej sekcji za pomocą notek i zdjęć. Moją ulubioną sekcją jest minutnik, który obejmuje zaokrąglone stylizacje sekcji na górze i na dole, tworząc ciekawy projekt. W kilku sekcjach zastosowano wzór w paski. Sekcja Informacje pokazuje obrazy z cieniami w jednolitych kolorach. Uwielbiam CTA w stopce, które wykorzystuje obrazy, które nakładają się na CTA i menu stopki.

Odwiedź stronę

7. Psychologiczny

Ta strona została zgłoszona przez Alexa Hawro. Wyświetla pełnoekranowy obraz tła z tytułem i opisem w nakładce. Styl sekcji falistej jest animowany, tworząc falę, która przesuwa się po ekranie od prawej do lewej. Kolejna sekcja zawiera kolumnę informacji oraz kolumnę notatek, które wykorzystują grafikę pasującą do brandingu witryny. Sekcja poświęcona psychologowi wyświetla okrągły obrazek z tekstem i migającym kursorem. Ta sekcja zawiera animację sekcji falistej na górze i na dole, które poruszają się w różnych kierunkach. Ponumerowane akordeony pokazują proces, a pełnoekranowy obraz z nakładającą się listą opisuje, czego się spodziewać. Świetnie wykorzystuje kolory i obrazy.

Odwiedź stronę

8. Nauczanie świata

Ta strona została zgłoszona przez Jona Langberga. Wyświetla pełnoekranowe wideo w tle w prawdziwej paralaksie z hasłem, opisem i CTA w nakładce. W górnym menu znajdują się przyciski darowizny, aplikacji i udostępniania społecznościowego. Menu jest eleganckie i zawiera duże pole wyszukiwania. Informacje są dostarczane w całej witrynie za pomocą notatek i dużych grafik, aby tworzyć ikony z efektami cienia. Obraz nakłada się na dwie sekcje, a inna sekcja zawiera dwa obrazy, na które nakłada się wyśrodkowany CTA. Te obrazy prowadzą do stron i uzupełniają wezwanie do działania. Stylizowane referencje nakładają się na dwie sekcje i zawierają cień pudełka, aby się wyróżniać. Szczególnie podoba mi się układ, obrazy, kolor i menu na tej stronie.

Odwiedź stronę

9. Aperi Toon

Ta strona została zgłoszona przez Michele Tenaglia. Wyświetla pełnoekranową animację tła z ukośnym sloganem w nakładce. Reszta strony zawiera to samo czerwono-pomarańczowe tło. Blurby pokazują grafikę pasującą do ram czasowych dla animacji w starym stylu. Ich tytuły są pochylone, pasujące do sloganu w nagłówku, a każda notka jest nieco wyższa niż poprzednia. Te ukośne tytuły są używane w całej witrynie. Suwak pełnoekranowy wyświetla referencje w dymkach i obraz mówcy z tą samą czerwonawo-pomarańczową nakładką na obrazie. Menu pełnoekranowe zachowuje stary styl i kolorystykę. Uwielbiam grafikę na tej stronie.

Odwiedź stronę

10. Szkolenie załogi

Ta strona została zgłoszona przez Chrisa Peaka. Strona wyświetla obraz pełnoekranowy z opisem i wezwaniem do działania. Sekcja zawiera stylizowany separator. Kolejna sekcja zawiera interesujący wzór tła oraz dostarcza informacji i pokazuje ikony klientów. Sekcja wideo o pełnej szerokości zawiera styl separatora zarówno na górze, jak i na dole sekcji. Moją ulubioną jest sekcja ze studiami przypadków, która zawiera wielokolumnowy układ z obrazami do studiów przypadku i bez odstępów między nimi. Obrazy używają różnych stylów, bez nakładek, jednokolorowych nakładek i nakładek gradientowych. Zawierają również tytuły i linki. Sekcja społecznościowa wyświetla kanały, które wyglądają jak posty na blogu.

Odwiedź stronę

Na zakończenie

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.

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