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

1. Konstrukcje ze szkła rzemieślniczego

Ta strona została zgłoszona przez Stuarta Hingstona. W tle odtwarzane jest pełnoekranowe wideo z ciemną nakładką, która podkreśla tekst. Nakładka zawiera logo i menu z wezwaniem do działania, tytułem, sloganem, opisem i przyciskiem. Przewijanie ujawnia stały nagłówek i podobny projekt z obrazem tła w prawdziwej paralaksie. Usługi i informacje prezentowane są w postaci wąskiego paska z grafiką. CTA wyświetla po jednej stronie okrągły obraz w prawdziwej paralaksie. Suwak referencji umieszcza tekst na obrazach tła, które służą jako przykłady pracy. Usługi wyświetlają wysokie obrazy z tekstem i przyciskami. Uwielbiam sekcję projektów. Pokazuje projekty w układzie wielokolumnowym ze stylizowanymi bocznymi przegrodami i efektami powiększenia obrazów. Podoba mi się również formularz kontaktowy, który wykorzystuje pola o tej samej wielkości.

Odwiedź stronę

2. Claire kreatywna

Ta strona została zgłoszona przez Claire Gallagher. Sekcja bohatera wyświetla podręcznik CTA z ciepłym tłem i pomaga opisać, o czym jest strona. Kolejna sekcja pokazuje kolejne wezwanie do działania ze zdjęciem właściciela strony, po którym następuje referencja z grafiką. Posty na blogu są wyświetlane w sekcji z obrazami i tytułami pod nimi pisanymi kursywą. Tworzy to czysty projekt z dużą ilością białej przestrzeni. Podoba mi się, jak się wyróżniają. Sekcja referencji jest zgodna z podobnym projektem, ale zawiera więcej tekstu. Strona kończy się CTA o pełnej szerokości. Strona bloga ma taki sam przejrzysty wygląd, jak sekcja bloga na stronie głównej. Strona Work With Me została stworzona do generowania leadów i zawiera unikalny projekt formularza rezerwacji oraz tabel cenowych. Projekty mają ten sam projekt, co posty na blogu.

Odwiedź stronę

3. Świeże media

Ta strona została wysłana przez Nicole Marie Zinnanti. Jest to projekt jednostronicowy z kotwicami w menu do różnych sekcji. Ta witryna używa wielu dużych czarno-białych obrazów, dużego tekstu i żółtego za tytułami nad obrazami, zaczynając od pełnoekranowego nagłówka. Kilka sekcji zawiera obrazy, które są zgodne z tym projektem. Następna sekcja pokazuje informacje w pełnej szerokości. Usługi są wyświetlane w ponumerowanych blokach tekstu z dużymi tytułami, opisami i separatorami. Rekomendacje zawierają również duże tytuły i mają minimalistyczny design. Sekcja Informacje kontynuuje minimalistyczny projekt z dużym tytułem, tekstem i separatorem, po której następuje podobna sekcja, która kończy się minimalnym formularzem kontaktowym.

Odwiedź stronę

4. Partnerzy kredytowi Hilltop

Ta strona została zgłoszona przez Rolando S. Bouza. Sekcja bohatera odtwarza wideo za tytułem i sloganem i prowadzi do następnej sekcji za pomocą stylizowanego rozdzielacza sekcji. W następnej sekcji przedstawiono kilka CTA w układzie naprzemiennym. Pierwsze CTA wyświetla obraz z dużym tytułem, krótkim opisem i przyciskiem, podczas gdy drugie CTA zawiera dwa przyciski. Suwak bloga o pełnej szerokości wyświetla wyróżnione obrazy na prawie pełnym ekranie. Poniżej znajduje się sekcja o właścicielu z obrazem i cytatem. Podoba mi się sekcja Informacje, która wyświetla informacje ze stylizowanym obramowaniem na ciemnym tle. Formularz kontaktowy ma podobny kształt jak w lustrze i zawiera jednolite tło. Inne strony mają podobny projekt, ale zawierają wiele informacji pomocniczych w grafice. Strona bloga dodaje stylizowany pasek boczny do prezentacji ogłoszeń. Podoba mi się również projekt postu na blogu z przejrzystym układem i dużym tekstem.

Odwiedź stronę

5. Hosting wglądu

Ta strona została zgłoszona przez Steve'a Doiga. Wykorzystuje dużo odważnego gorącego różu jako głównego koloru podświetlenia tekstu i nakładek i pięknie się wyróżnia. Sekcja bohatera wyświetla samolot wylatujący z ekranu z CTA po drugiej stronie ekranu. Sam samolot i CTA są zacieniowane na gorący róż. Sekcja z planami pokazuje plany i ceny w blokach. Obejmują one animacje w gorącym różowym najechaniu. CTA o pełnej szerokości pokazuje różowego geparda pośrodku z tekstem po jednej stronie, podczas gdy inne pokazuje szachy i tekst z różowymi elementami. Kilka sekcji pokazuje korzyści w notkach. Jednym z moich ulubionych jest sekcja, która omawia rodzaje firm, które obsługują. Obrazy są wyświetlane w 5-kolumnowej siatce z naprzemiennymi nakładkami. Obrazy pomniejszają się po najechaniu kursorem i usuwają nakładkę. Ciekawe jest również menu w stopce. Wyświetla tytuły ze stylizowaną pierwszą literą dla każdego z nich.

Odwiedź stronę

6. Keren Herrera

Ta strona została zgłoszona przez Edgara Herrerę. Strona wykorzystuje wiele delikatnych kolorów, aby przyciągnąć publiczność. Sekcja bohatera pokazuje pełnoekranowy obraz z wezwaniem do działania po jednej stronie i właścicielem po drugiej. Poniżej znajduje się elegancki formularz rejestracji e-mail, który pokazuje obraz z jednej strony i opis nad formularzem. Obrazy ze stylizowanymi obramowaniami zawierają łącza do różnych stron informacyjnych. Sekcja Informacje pokazuje obraz, który nakłada się na następną sekcję, która zapewnia wyśrodkowaną opinię. Kolejne kilka sekcji zawiera obrazy, które nakładają się na wiele sekcji w układzie naprzemiennym. Te sekcje zawierają informacje i CTA. Formularz kontaktowy jest umieszczony na tle marmurowego stołu i wyróżnia się na tle jednolitych. Książka CTA wyświetla się w 2 kolumnach ze zdjęciem, które je nakłada. Stopka pokazuje CTA śledzące na Instagramie z wieloma zdjęciami w tle.

Odwiedź stronę

7. Finbingo

Ta strona została zgłoszona przez Prashant Karandikar. Ma przejrzysty układ z dużą ilością kolorów dla najważniejszych elementów. Sekcja bohatera przedstawia wstęp z jednej strony, a z drugiej grafikę, która łączy się w rząd notatek. Informacje są wyświetlane w układzie dwukolumnowym ze skrótami do tworzenia wypunktowań. Kilka informacyjnych CTA wyświetla grafikę z jednej strony w naprzemiennym układzie. Usługi prezentowane są na kartach z grafiką i tekstem. Więcej informacji znajduje się w kolorowych notkach, które tworzą zestaw klocków. Liczniki liczb pokazują każdą liczbę w innym kolorze, aby się wyróżnić. Dwukolumnowa opinia jest dopasowana do kolorystyki witryny. Wiele stron ma podobny projekt, a następnie dodaje treść z cieniem w celu wyróżnienia.

Odwiedź stronę

8. Ukhuni

Ta strona została zgłoszona przez Vernona Joyce'a. Ma przejrzysty układ z naciskiem na produkty. Mega menu zawiera 3 kolumny z wieloma linkami z jednej strony, które ujawniają informacje i obrazy. Sekcja bohater przedstawia zestaw grafik do mebli biurowych. Najechanie na jeden z nich zakrywa pozostałe nakładką i pokazuje małe okienko z tytułem opisującym mebel. Wyskakujące okienka różnią się kolorem. Prezentowany produkt przedstawia dużą grafikę z jednej strony i opis z drugiej. Dalej następuje CTA konsultacyjne o pełnej szerokości, a następnie sekcja informacji, która pasuje do prezentowanego projektu produktu. Strony produktów pokazują produkty z tytułami podobnymi do wyskakujących okienek i zawierają listę wypunktowaną dla funkcji. Strona usług jest interesująca. Pokazuje wiele grafik produktów i wyświetla korzyści w notatkach.

Odwiedź stronę

9. Laboratorium architektoniczne

Ta strona została zgłoszona przez Mischę Groenen. Wyświetla pojedynczą stronę pełnoekranową z linkami jako tekstem ze strzałkami jako nawigacją. Ekran jest podzielony po przekątnej tytułem i linkami z jednej strony białym tłem, a opisem z drugiej żółtym tłem. Tytuł jest rysowany na ekranie, gdy poruszasz kursorem myszy. Najechanie kursorem na linki pokazuje efekt powiększenia. Kliknięcie jednego z łączy otwiera stronę z nagłówkiem zgodnym z wyglądem głównego ekranu. Strona portfolio dodaje filtr, który pasuje do projektu witryny i wyświetla obrazy w siatce zawierającej animacje i tytuły po najechaniu kursorem. Strona zespołu przedstawia projekt składający się z trzech kolumn z obrazami zespołu po jednej stronie, suwakiem osoby pośrodku i formularzem po drugiej stronie. Strona informacyjna przedstawia stylizowaną grafikę dotyczącą wykonywanej przez nich pracy. To prosty, ciekawy i niepowtarzalny projekt.

Odwiedź stronę

10. Starzenie się dalej

Ta strona została wysłana przez Nicolle Principe. Ta strona doskonale wykorzystuje pomarańcz i zieleń z kilkoma innymi dodanymi do dodatkowego podświetlenia. Ma CTA w menu podrzędnym. Sekcja bohatera pokazuje pełnoekranowy obraz tła w prawdziwej paralaksie z prostym CTA w nakładce. Linki do stron są tworzone z bloków koloru i tekstu w wąskiej sekcji o pełnej szerokości. Kilka wezwania do działania o pełnej szerokości wyświetla obraz po jednej stronie, a tekst po drugiej w naprzemiennych układach. Blurby tworzą również CTA z zakreślonymi ikonami i stylizowanymi przyciskami. Sekcja darowizn pokazuje licznik słupków z celem i aktualną kwotą. Wiele sekcji zawiera nakładającą się ikonę. Podoba mi się dział o opowiadaniach z tekstem po jednej stronie i dwoma obrazkami po drugiej. Każdy z obrazów zawiera efekty najechania, które wyświetlają informacje i link do przeczytania więcej. Zawiera również kalendarz wydarzeń, stylizowany blog i wiele więcej. Witryna ma wiele dostosowań personalizacji, w tym łatwą kontrolę rozmiaru czcionki i wybór języka.

Odwiedź stronę

Wniosek

To 10 najlepszych zgłoszeń do społeczności Divi w grudniu. 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 SUNATTAKIT / shutterstock.com