Prezentacja Divi Design: nowe zgłoszenia od listopada 2019 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 listopadzie. 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 listopada 2019 r.

1. Pracownia 1318

Ta strona została zgłoszona przez Judith Augustin. To jest projekt jednostronicowy. Menu nawigacyjne sekcji jest listą tekstu wyrównanego w pionie, który unosi się podczas przewijania. Sekcja bohatera wyświetla pełnoekranowy obraz tła w prawdziwej paralaksie z animowanym, krążącym logo w prawym dolnym rogu, które nakłada się na następną sekcję. Wiele sekcji zawiera informacje i linki. Kolory tła zmieniają się między czarnym a białym, a kilka sekcji zawiera stylizowane tytuły i liczby jako wprowadzenie do zajęć. Praca jest wyświetlana w suwaku galerii, który wyświetla opis po najechaniu kursorem. Obrazy w galeriach otwierają zakładkę, w której możesz zobaczyć obraz na Instagramie.

Odwiedź stronę

2. Informacje techniczne

Ta strona została zgłoszona przez Aleksandrę Palecką. Ten wykorzystuje dużo odważnej czerwieni do podświetleń. Sekcja bohatera przedstawia czarno-biały obraz tła z wezwaniem do działania po jednej stronie i czerwonym prostokątem narysowanym linią z dwoma otwartymi rogami. To zdumiewające, jak wielką atrakcyjność wizualną zapewnia układowi takie proste rozwiązanie. Kilka następnych sekcji ma tło z kropkowanym wzorem, który zanika podczas przewijania. Te sekcje pokazują kilka CTA otoczonych czarno-białymi zdjęciami z czerwonymi refleksami. Najważniejsze to obrazy z czerwonymi nakładkami, przekładkami, ramką narysowaną linią i przyciskami. Ten sam projekt pudełka jest używany do numerowania wypunktowań. Czerwona nakładka służy również do tworzenia wywołania CTA. Uwielbiam użycie czerwieni w tym.

Odwiedź stronę

3. Kościół Wspólnoty Ridge

Ta strona została zgłoszona przez Jamesa Smitha. Odtwarza pełnoekranowe wideo w tle z dużym logo i sloganem w nakładce. Mega-menu znajduje się po lewej stronie, a po prawej znajdują się linki do obserwowania w mediach społecznościowych i kilka wezwań do działania z ikonami nad tekstem. Linki pojawiają się na dole filmu i zawierają nakładki po najechaniu kursorem. Sekcja powitalna wyświetla osadzony film i wydarzenie z linkiem, aby zobaczyć więcej z obu. Wydarzenia są wyświetlane jako karty w suwaku. Same wydarzenia na stronie Wydarzenia są wyświetlane jako niestandardowe typy postów z większą liczbą na pasku bocznym. Wierzenia są pokazane w akordeonach. Lubię czerwone pasemka w tym.

Odwiedź stronę

4. Oświetl media

Ta strona została zgłoszona przez Jamesa Smitha. Sekcja bohatera wyświetla suwak o pełnej szerokości z zakrzywionym separatorem i stylizowaną nawigacją w pionie. Na kilku slajdach znajdują się obrazy, które nakładają się na przegrodę. Usługi są wyświetlane w notatkach i zawierają dwukolorowe ikony niestandardowe. Mega-menu zawiera te same ikony z tymi samymi tytułami, co notki. Kolejny slider pokazuje ostatnie projekty. Ten suwak ma zakrzywioną przegrodę u góry i wyświetla slajdy z zaokrąglonymi rogami. Mniejszy suwak pokazuje logo klienta w blokach koloru, które są wystarczająco ciemne, aby odróżnić się od tła. Strony usług wyświetlają przykłady z siatką galerii.

Odwiedź stronę

5. Lekarz Życie Zdrowie

Ta strona została zgłoszona przez Oskara Kopca. Produkty i wezwanie do działania są wyświetlane na suwaku o pełnej szerokości w sekcji bohatera. Slajdy zawierają obrazy tła po bokach, które wyróżniają obrazy. W następnej sekcji przedstawiono kilka CTA do różnych produktów. Te CTA mają cień skierowany do wewnątrz, dzięki czemu wyróżniają się od siebie, mimo że są połączone. W następnych kilku sekcjach produkty są wyświetlane jako mniejsze obrazy w suwakach. Sekcja informacyjna pokazuje obrazy z opisami w nakładkach. Strona artykułów zawiera obrazy dla kategorii z cieniami ramek oraz zawiera tytuły i opisy.

Odwiedź stronę

6. Wspólnie Media

Ta strona została zgłoszona przez Robina Kestinga. Używa dużo pogrubionego żółtego dla ikon, linków, przycisków i innych. Kilka teł ma zakrzywione przegrody, podczas gdy wiele rzędów i modułów ma wyróżniające się cienie. Sekcja bohatera pokazuje CTA po jednej stronie i grafikę po drugiej. Wprowadzenie zawiera osadzone wideo i stylizowany blok tekstu. Zestaw ponumerowanych notek przedstawia korzyści z ich używania. Numery znajdują się za tytułami. Zawiera również stylizowaną galerię, która otwiera obraz na Instagramie, przełącza, aby zbudować FAQ, stylizowany formularz biuletynu i stylizowaną stopkę z nakładającym się przyciskiem.

Odwiedź stronę

7. Usługi wyprowadzania psów w Bishopton

Ta strona została zgłoszona przez Jamiego Shanksa. Nagłówek dodaje pasek u góry pierwszego obrazu z klikalnym adresem e-mail i numerem telefonu. Reszta strony to seria obrazów prawie pełnoekranowych. Obrazy przedstawiają psy podczas zabawy i zawierają wezwania do działania i inne informacje w nakładkach. Obszary, w których umieszczany jest tekst, są przyciemnione. Stylizowany formularz kontaktowy jest również umieszczany na obrazie tła. Ten obraz jest jeszcze bardziej przyciemniony, ale pozwala na prześwitywanie środka. Blog wyświetla posty na kartach i zawiera cień dla przycisków Czytaj więcej. Strony kategorii blogów zawierają funkcję wyszukiwania. Zawiera nawet grafikę przedstawiającą łapę skierowaną w górę dla przycisku od tyłu do góry.

Odwiedź stronę

8. DREWNO

Ta strona została zgłoszona przez Juliena Ferla. Menu zawiera bloki kolorów, aby wyróżnić CTA. Ma ciekawą sekcję bohaterów, z którą naprawdę fajnie się bawi. Tekst tytułu i obraz tła poruszają się w reakcji na ruch myszy. Trzy zakreślone (dwukolorowe) kropki pozostają na swoim miejscu. Każda z kropek jest umieszczona nad jednym z elementów na obrazie i ujawniają nazwy elementów po najechaniu kursorem. Wąska sekcja zawiera linki do zasad i sklepu. Poniżej znajduje się kilka dużych sekcji tekstu. Tekst zawiera kilka słów w kolorze różowym, a fragmenty tekstu są oddzielone od siebie naprzemiennymi przekładkami. Duże sekcje dotyczące produktów zawierają tekst, obrazy i suwaki. Obejmują one wąskie CTA, które pasują do tego pod nagłówkiem. Ten elegancko wykorzystuje tekst i kolor.

Odwiedź stronę

9. Cody Goodin

Ta strona została wysłana przez Nicole Marie Zinnanti. Ta strona wykorzystuje dużo białej przestrzeni i minimalistyczny wygląd, aby przedstawić przejrzysty układ. Sekcja bohatera zawiera CTA po jednej stronie na wzorzystym tle. Następna sekcja przedstawia grafikę po jednej stronie i wezwanie do działania po drugiej. Szczególnie podoba mi się sekcja umiejętności. Pokazuje umiejętności w dwóch naprzemiennych kolumnach. Każdy z nich ma dwukolorową ikonę dla każdego z segmentów, a pod nimi tytuł i opis. Umiejętności są następnie wymienione po drugiej stronie inną czcionką. Sekcja Informacje kończy witrynę stylizowanym separatorem i grafiką. Stopka niestandardowa umieszcza linki po obu stronach.

Odwiedź stronę

10. Elsebeth Egholm

Ta strona została zgłoszona przez Rikke Ekelund. Sekcja bohatera przedstawia wzorzysty obraz tła w paralaksie z obrazem książki i CTA nad zestawem recenzji w nakładce. Inne książki są wyświetlane w układzie naprzemiennym z linkami do dalszych informacji. Sekcja o autorze pokazuje informacje z jednej strony z linkiem do dalszych informacji i zdjęciem z drugiej. Wszystkie informacje kontaktowe są umieszczone nad pełnoekranowym zdjęciem autora. Lubię strony do książek. Pokazują książkę z jednej strony i opis z drugiej, oba na ciemnym tle, które pomaga nadać ton książce. Witryna zawiera stylizowany przycisk „od góry do góry” i stylizowany suwak po prawej stronie. Uwielbiam czerwone pasemka.

Odwiedź stronę

Wniosek

To 10 najlepszych zgłoszeń do społeczności Divi w listopadzie. 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