Prezentacja Divi Design: nowe zgłoszenia od stycznia 2020 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 strony internetowe Divi, które zostały przesłane przez naszą społeczność, a dziś chcemy podzielić się z wami dziesięcioma najlepszymi stronami internetowymi w styczniu. 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 stycznia 2020 r.

1. Altmonde

Ta strona została zgłoszona przez Daniela Behrensa. Wyświetla pełnoekranowe wideo w tle z hasłem i wezwaniem do działania na pierwszym planie. Poniżej znajduje się sekcja pełnoekranowa z tytułem z efektami najechania, aby wprowadzić następną sekcję, która jest wyświetlana w paralaksie podczas przewijania obok tytułu. Ta sekcja wyświetla tytuły dużym tekstem z efektami najechania po jednej stronie i wezwaniem do działania po drugiej. Następna sekcja zawiera informacje o tym, jak pracują z klientami. Obejmuje to białe tło z ukośnym wzorem i ponumerowanym tekstem, który rozwija się po najechaniu myszą. Kolejne CTA powiększa się i pomniejsza podczas przewijania. Strona Usługi pokazuje każdą usługę na podzielonym ekranie z CTA po jednej stronie i obrazami tła w paralaksie po drugiej. Podoba mi się użycie tekstu, kolorów i obrazów na tej stronie.

Odwiedź stronę

2. Wemele

Ta strona została zgłoszona przez Murraya Price'a. Jest to sklep internetowy z suwakiem obrazu, który wyświetla produkty w pełnej szerokości. Sekcja powitalna zawiera informacje obok zdjęcia produktu z linkiem do dalszych informacji. Sekcja sklepu wyświetla produkty wraz z linkami do stron produktów. Moja ulubiona sekcja pokazuje duże zdjęcie produktu pośrodku otoczone notkami z opisami, ikonami i zakrzywionymi strzałkami wskazującymi na produkt. Strona główna pokazuje również zdjęcia produktów w naprzemiennym układzie, recenzje w suwaku referencji, sekcję bloga z dwoma postami i suwak na Instagramie. Układ zawiera linię odstępu i proste linie, które tworzą minimalistyczny projekt.

Odwiedź stronę

3. Prugnera

Ta strona została wysłana przez RAPHAEL PRUGNER. To jest projekt jednostronicowy. Wielowarstwowe menu oddziela się od strony i pokazuje numer telefonu, który można kliknąć, nad przyciskami społecznościowymi, obok wezwania do działania. Sekcja bohatera pokazuje pełnoekranowy wzór tła, podczas gdy pierwszy plan pokazuje ekran komputera z przykładem pracy i pokazuje jeszcze więcej po najechaniu kursorem obok tytułu i sloganu. Przewijanie ujawnia sekcję wycięcia z tekstem i grafiką, które przewijają się nad obrazem tła w paralaksie. Korzyści są wyświetlane w notatkach w naprzemiennym układzie w wielu sekcjach i obejmują efekty powiększenia po najechaniu kursorem. Przykładowe projekty są wyświetlane na suwaku. Inne projekty są wyświetlane w osadzonym kanale Instagram. Pokazuje również wezwanie do działania, które powiększa się podczas przewijania, oraz stylizowany formularz kontaktowy.

Odwiedź stronę

4. Fioletowy lemur

Ta strona została zgłoszona przez Liama ​​Pedleya. Tytuł, slogan, wezwanie do działania i przykładowe zdjęcie produktu z grafiką marki lemura znajdują się na czarnym tle z zaokrągloną przegrodą. Tekst i przyciski mają fioletowy gradient, który pasuje do grafiki w całej witrynie. Nad sekcją wyświetlającą tekst i notki umieszczono rząd z trzema grafikami lemurów. Kliknięcie na lemury ujawnia różne sekcje informacji ze strzałką wskazującą na sekcję. Informacje o firmie są wyświetlane w dwukolumnowej sekcji z ekranem komputera po jednej stronie, który pokazuje obraz tła w prawdziwej paralaksie. Szczególnie podoba mi się sekcja portfolio. Pokazuje obrazy pod kątem. Najechanie na którykolwiek z nich unosi obraz w górę iw kierunku ekranu, pozostawiając za sobą kolorowe slajdy. Suwak referencji pokazuje trzy strony na raz, z jedną pośrodku płaską, a pozostałe dwiema pod kątem. Zawiera również stylizowane karty bloga i notki z animacjami najechania dla każdej z usług.

Odwiedź stronę

5. DSzjemmeside

Ta strona została zgłoszona przez Davida Sylvesta. Wyświetla tło z ciemnoniebieską nakładką i zaokrąglonym rozdzielaczem sekcji oraz dużym tytułem pośrodku. Nagłówek umieszcza menu w centrum i zawiera stylizowane tło z gradientem i zaokrąglonymi rogami. Uwielbiam następną edycję. Pokazuje przykłady pracy w ramach trzech kart, które są przechylone. Dwa po bokach są pochylone do wewnątrz. Obejmują efekty najechania. Następna sekcja pokazuje CTA z monitorami komputerowymi pod kątem i wzorzystym tłem. Sekcja korzyści pokazuje wypunktowania z dużymi notatkami obok grafiki przedstawiającej koła zębate. Witryna zawiera również wiele wezwań do działania ze stylizowanymi ikonami i zakreślonymi obrazami, zakreślony obraz dewelopera, sekcję często zadawanych pytań z przełącznikami oraz stylizowany formularz kontaktowy. Układ doskonale wykorzystuje kolory, grafikę i obrazy.

Odwiedź stronę

6. Kariera na tyrolce

Ta strona została wysłana przez Nicole Marie Zinnanti. Witryna wykorzystuje dużo białej przestrzeni z odpowiednią ilością fioletowych grafik i podświetleń. Sekcja bohatera pokazuje CTA po jednej stronie i grafikę ludzi budujących CV po drugiej. W następnej sekcji przedstawiono usługi w obrębie bloczków, które wykorzystują fioletową i białą grafikę oraz fioletowe obramowania i cienie. Osadzone wideo jest umieszczane na wzorze tła, który pokazuje kropki w górnej połowie po lewej i w dolnej połowie po prawej stronie. Smugi ze stylizowanymi ikonami pokazują korzyści w przejrzystym 3-kolumnowym układzie. Projekt zawiera również CTA z grafiką, stylizowaną sekcję bloga oraz CTA z przyciskami do tworzenia niestandardowej stopki. Lubię też bloga. Wyświetla pełną grafikę w nagłówku z ukośną przegrodą, a następnie karty bloga w czystej siatce.

Odwiedź stronę

7. Centrum Wsparcia Adopcji Saskatchewan

Ta strona została przesłana przez Molly Seaton-Fast. Pokazuje pełnowymiarowy obraz bawiących się dzieci i trzy moduły tekstowe do tworzenia dużych przycisków do nawigacji. Każdy z przycisków ma zaokrąglone osłony, które stają się wyższe i mają kwadratowe rogi po najechaniu. Blury z częściowymi ramkami tworzą linki do określonych tematów. Informacje są podane w dwukolumnowej sekcji z notatkami i CTA po jednej stronie i akordeonem po drugiej. CTA dotyczące darowizn wtapia się w sekcję listy mailingowej. Każda z sekcji używa pasujących do siebie stylizowanych kolorów i wzorów tła. Strona Wydarzenia zawiera osadzony kalendarz wydarzeń. Strona Darowizny zawiera osadzone pole darowizny. Witryna zawiera wiele informacji do udostępnienia, a menu utrzymuje nawigację po informacjach tak czysto, jak to możliwe.

Odwiedź stronę

8. Wzgórza Nanaimo

Ta strona została zgłoszona przez Danielle Mah. Ma jednostronicowy projekt i jest wielojęzyczny. Sekcja bohatera wyświetla pełnoekranowe tło z pomarańczową nakładką, która zawiera tytuł, slogan i strzałkę w dół. Sekcja bohatera zawiera również ukośny podział sekcji, a następnie menu nawigacyjne, które blokuje się na górze podczas przewijania. Kilka rejestracyjnych CTA pokazuje zdjęcia budynku. Układ zawiera również pełnowymiarowy obraz wnętrza z notkami prezentującymi korzyści. W kilku sekcjach przedstawiono funkcje wykorzystujące punktory i obrazy w układach naprzemiennych. Wbudowana mapa używa tych samych kolorów, co reszta witryny. Plany pięter są wyświetlane w suwaku i zawierają pliki PDF do pobrania. Formularz rejestracyjny zawiera pytania, które pomogą określić dokładny typ mieszkania, którego szukasz. Uwielbiam używać koloru i fotografii na tej stronie.

Odwiedź stronę

9. Więcej niż kilka słów

Ta strona została zgłoszona przez Britt Baue. Menu wyświetla nakładające się logo, a następnie małą wiadomość powitalną. Główna część strony zawiera wiele osadzonych odcinków podcastów ze stylizowanymi odtwarzaczami audio. Pierwsza sekcja pokazuje podcasty w dwóch kolumnach z tytułem w pionie i linkiem, aby usłyszeć więcej. Sekcja tekstu z informacjami o spektaklu zawiera tytuł wierzchołka po przeciwnej stronie. Kolejna sekcja zawiera tytuł i wyświetla listę podcastów z odtwarzaczem audio obok formularza kontaktowego. Poniżej znajduje się sekcja z linkami do subskrybowania podcastu od wszystkich głównych gospodarzy. Strona Informacje dodaje listę tematów i stylizowany suwak referencji. Projekt wykorzystuje dużo białej przestrzeni i minimalny układ, który wygląda czysto i elegancko.

Odwiedź stronę

10. Instytut Młodych Liderów Negrosanon

Ta strona została zgłoszona przez JR Galia. Sekcja bohatera wyświetla obraz tła o pełnej szerokości z tytułem i wezwaniem do działania w nakładce. Menu nawigacyjne wyświetla również wezwanie do działania i zawiera menu w osobnym segmencie. Sekcja programów wyświetla karty z przyciskami darowizny. Szczególnie podoba mi się sekcja Zaangażuj się. Po jednej stronie wyświetla duży obraz, a po drugiej notki z grafiką. Układ zawiera również liczniki numerów i stylizowany formularz kontaktowy. Strony z informacjami, blogiem i galerią mają podobny wygląd i dodają solidny cień do modułów tekstu, bloga i galerii.

Odwiedź stronę

Wniosek

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