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

1. Abel Villaverde

Ta strona została wysłana przez Abla Villaverde Sellesa. Tła, tekst, grafika i inne elementy wyróżniające są kolorem niebieskofioletowym. Sekcja bohatera wyświetla slogan z wezwaniem do działania, po którym następuje duża grafika. Kolejna sekcja wykorzystuje białe tło z wizerunkiem strony internetowej otoczonej grafiką w barwach marki z jednej strony i CTA z drugiej. Projekty są wyświetlane jako stylizowane karty, które po najechaniu kursorem mają fioletową dolną ramkę. Sekcja z informacjami o właścicielu witryny wyświetla biały i niebieski tekst na fioletowym tle i zawiera dwa przyciski; po jednym w każdym kolorze. Usługi są wyświetlane w notatkach, które są przesunięte i zawierają stylizowane obramowanie po najechaniu myszą. CTA z tłem przez chwilę wyświetla wyróżniającą się ikonę gwiazdki. Podoba mi się sposób, w jaki sekcje wykorzystują wiele falistych separatorów i użycie koloru na tej stronie.

Odwiedź stronę

2. IYASHI

Ta strona została zgłoszona przez Alexa Hawro. Posiada stylizowane menu z nakładającym się logo i dwoma liniami linków z ikonami i CTA. Sekcja bohatera wyświetla slogan, a następnie zestaw obrazów, które łączą się ze sobą. Usługi są wyświetlane za pomocą grafiki zawierającej nakładające się tytuły i łącza do stron usług. Jednym z ciekawszych elementów jest duży suwak słupka. Obrazy są umieszczane w tle z pokazaną częścią poprzedniego i następnego obrazu. Ramka z tekstem i nawigacją znajduje się po lewej stronie obrazu, a nakładająca się grafika znajduje się po prawej stronie. Slajdy są ponumerowane na dole. Następna sekcja wyświetla duże obrazy i informacje z zakładkami na dole. Informacje są wyświetlane za pomocą niestandardowych ikon w kolorach firmowych. Kolejnym ciekawym elementem jest cennik. Każda cena jest wyświetlana w osobnych elementach. Powiększają i wyświetlają stylizowane obramowania po bokach po najechaniu myszą. Podoba mi się czerwony i zielony markowy kolor, który jest używany w podświetleniach i tekście w całej witrynie.

Odwiedź stronę

3. Piccadilly Whippy

Ta strona została przesłana przez Ron Studios. Umieszcza tytuł na pełnoekranowym filmie w tle z zestawem statystyk w dużych polach na dole. Następna sekcja kontynuuje projekt z dużym polem informacji z CTA, aby dowiedzieć się więcej. Następna sekcja wyświetla obraz z jednej strony i duży kolorowy tekst z drugiej na ciemnoniebieskim tle. Usługi są wyświetlane w postaci zakreślonych obrazów na kolorowym tle w paralaksie. Informacje o rezerwacji wydarzenia wyświetlają ukośne obrazy na pogrubionym żółtym tle. Referencje są wyświetlane na ciemnoniebieskim tle z białym tekstem i dużym obrazem. Sekcja CTA wyświetla obrazy o różnej szerokości z tekstem w kolorowych ramkach. Podoba mi się użycie odważnych kolorów na tej stronie. Kolory i czcionki idealnie pasują do brandingu firmy. Teraz chcę lody.

Odwiedź stronę

4. Sentido Comunicacao

Ta strona została zgłoszona przez Fernandę Prevedello. Ta strona wykorzystuje dużo złotej i czerwonawej śliwki (a może wina?) w całej witrynie jako markowe kolory. Sekcja bohatera wyświetla wezwanie do działania z dużym tekstem po lewej stronie i grafiką z markowymi kolorami po prawej stronie. W następnej sekcji przedstawiono informacje z grafikami, w których z jednej strony zastosowano stylizowany szary wzór tła, az drugiej stylizowany tekst. Sekcja usług pokazuje CTA z jednej strony z opisami usług z drugiej w akordeonach. Sekcja dotycząca spraw pokazuje trzy sprawy jako tekst na szarym tle. Sekcja bloga wyświetla karty bloga nachodzące na kolor tła marki. Szczególnie ten formularz kontaktowy jest ciekawy. Formularz jest wyświetlany na bloku koloru, który zawiera klikalny przycisk wywołania. Podoba mi się użycie markowego koloru na tej stronie.

Odwiedź stronę

5. Widziana Agencja Marki

Ta strona została zgłoszona przez George'a Paratsokisa. Ciekawie wykorzystuje tekst w prawdziwej paralaksie z tekstem. Nagłówek wyświetla menu hamburgerów po lewej stronie i logo po prawej stronie. Menu wyświetla jasnoszare pole po najechaniu kursorem. Po kliknięciu ikony menu otwiera się z tej lokalizacji i rozciąga się na ekranie, wyświetlając duże przyciski tekstowe i społecznościowe. Sekcja bohatera wyświetla slogan jako bardzo duży tekst w tle. Zarówno tekst, jak i tło są ciemnoszare. Na pierwszym planie wyświetlany jest duży tytuł w kolorze białym, który przedstawia firmę. Podczas przewijania tekst przewija się w paralaksie, odsłaniając zestaw linków do portfolio w dużym tekście, który przewija się niezależnie od tytułu. Inne sekcje łączą tekst tła, aby pokazać ciemny tekst po jednej stronie i jasny tekst po drugiej, z przyciskami tworzącymi wezwania do działania. Stopka z zasłoną pokazuje tytuł strony i duże przyciski obserwowania w mediach społecznościowych. Nawet pasek przewijania jest dopasowany do witryny.

Odwiedź stronę

6. Carola Staudinger

Ta strona została zgłoszona przez Sibi Ha. Ta strona doskonale wykorzystuje brązowe i różowe kolory firmowe. Sekcja bohatera wyświetla pełnoekranowy obraz tła w paralaksie z logo, tytułem i CTA w nakładce. Poniżej znajduje się sekcja o firmie, która zawiera informacje z przyciskami śledzenia społecznościowego po jednej stronie i obrazem po drugiej. Ta sekcja zawiera wiadomość napisaną elegancką czcionką skryptową. Wezwanie do działania dotyczące rezerwacji na całej szerokości wyświetla obraz tła przy użyciu gradientu z markowych kolorów tła i obrazu z różowymi podświetleniami. Podobne wezwanie do działania pojawia się później, używając pełnoekranowego obrazu z większą ilością informacji. Informacje o usługach są wyświetlane w sekcji z obrazami i tekstem w układzie mozaikowym. Sekcja zespołowa przedstawia zdjęcia stylistów i zawiera kilka informacji biograficznych. Sekcja kontaktowa zawiera z jednej strony listę godzin pracy, a z drugiej strony stylizowany formularz kontaktowy, a następnie pełnowymiarową mapę.

Odwiedź stronę

7. Podsycany MTB

Ta strona została zgłoszona przez Johna Hawleya. Ten używa dużo odważnego żółtego dla markowego koloru. Sekcja bohatera odtwarza wideo w tle za menu i duże wezwanie do działania. Strzałka wskazująca przewijanie odbija się po lewej stronie ekranu. Przewijanie ujawnia sekcję ze sprytnym tytułem z jednej strony i informacjami z drugiej, która zawiera przycisk stylizowany na kolory marki. Blurbs wyświetlają grafikę w kolorach marki i zawierają linki do dodatkowych informacji. Sekcja z informacjami kontaktowymi wyświetla rząd dużych bloków z wezwaniem do działania i grafiką w jednym oraz przyciskami śledzenia społecznościowego w drugim. Oba używają markowych kolorów. Prowadzi to do stylizowanego formularza subskrypcji, który zawiera duży obraz tła i wyróżnia się na żółtym tle. W górnej części tej sekcji wyświetlany jest stylizowany rozdzielacz sekcji. Niestandardowa stopka zawiera kolor żółty dla podświetleń na ciemnoszarym tle.

Odwiedź stronę

8. Chłopak

Ta strona została zgłoszona przez Sandera Goormana. Ta witryna używa koloru niebieskiego jako koloru marki i zawiera stylizowany pasek przewijania. Sekcja bohatera wyświetla wideo w tle z opisem i łączami do usług na pierwszym planie. Menu umieszcza linki po lewej stronie, a wezwanie do działania po prawej. Smugi z ikonami i opisami usług nakładają się na wideo z następną sekcją i są animowane po najechaniu kursorem. Sekcja o firmie pokazuje z jednej strony podsumowanie z wyróżnionymi słowami kluczowymi w kolorze marki, az drugiej z opisem. Kilka przykładów jest wyświetlanych na ekranach różnych urządzeń i zawiera łącza do pełnej witryny. Formularz wniosku jest umieszczany na obrazie o pełnej szerokości i zawiera rozwijane pole, aby określić, kiedy ktoś powinien zadzwonić. Sekcja kontaktowa zawiera pełne wezwanie do działania i wiele linków kontaktowych. Podoba mi się czysty design.

Odwiedź stronę

9. Mistrzowie lin

Ta strona została zgłoszona przez Michała Teskę. Używa dużo niebieskiego i pomarańczowego dla markowych kolorów. Sekcja bohatera wyświetla trzy różne warstwy. Tło jest jednolicie niebieskie i wtapia się w menu, które zawiera pomarańczowe strzałki wskazujące bieżącą stronę i wezwanie do działania. Obraz tła jest umieszczony na niebieskim tle i nie zakrywa całkowicie lewej strony. To tło wykorzystuje ciemnoniebieską nakładkę z pomarańczowym wzorem po prawej stronie i nakłada się na następną sekcję. Nakładający się na to suwak pokazuje usługi z obrazami i tytułami. Informacje są podawane w notatkach z pomarańczowymi ikonami i zawierają tytuły i opisy. Ciekawe kontaktowe CTA ma podobny projekt jak sekcja bohatera. Zapewnia niebieskie tło z obrazem, który nakłada się na górze. Obraz nie zakrywa prawej strony i ma głęboką pomarańczową nakładkę. Wezwanie do działania zawiera duży biały tekst, który doskonale się wyróżnia. Uwielbiam używać koloru niebieskiego i pomarańczowego.

Odwiedź stronę

10. Henrik Stenson Okulary

Ta strona została wysłana przez Maximiliana Leidinga. Ma przejrzysty design, aby skupić się na produktach. Sekcja bohatera pokazuje CTA po jednej stronie, a zdjęcie używanego produktu po drugiej stronie. Zakrzywiony separator tworzy zaokrąglone dno sekcji bohatera. Przewijanie pokazuje cztery najlepiej sprzedające się produkty. Ich tła wtapiają się w tło serwisu. Następna sekcja pokazuje dwa zdjęcia produktów z linkami do ich stron, a następnie kolejną listę produktów dla określonej kategorii w dwóch kolumnach: tytuł po lewej i produkty po prawej. Podobna lista pojawia się bliżej stopki i zawiera jeszcze więcej produktów. Informacje są podane w dwukolumnowej sekcji z obrazem po jednej stronie i tekstem po drugiej z linkiem do przeczytania całego artykułu. Formularz zapisu do newslettera prowadzi do stopki i dodaje kolory używane w sekcji bohaterów. Podoba mi się prosty, czysty design.

Odwiedź stronę

Wniosek

To 10 najlepszych zgłoszeń do społeczności Divi na miesiąc kwiecień. 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 naum / shutterstock.com