Prezentacja Divi Design: nowe zgłoszenia od lipca 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 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 lipcu. W całym poście będę wymieniać 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 lipca 2018 r.

1. Studio internetowe Teix

Ta strona została zgłoszona przez Axela Shannona. Zawiera sekcję bohatera z ładnym wzorem tła. Nad wzorem znajduje się animowana grafika i wezwanie do działania. Sekcja wykorzystuje stylizowane dzielniki sekcji, które pojawiają się na całej stronie głównej. Kolejna sekcja zawiera informacje i notki. Notatki tworzą mozaikę i wykorzystują cień pudełkowy. W innej sekcji zastosowano podobną stylizację dla galerii na wzorzystym tle. Zaokrąglone liczniki liczb nakładają się na sekcje. Formularz kontaktowy nakłada się na mapę. Uwielbiam sposób, w jaki ta strona wykorzystuje nakładanie się i grafikę.

Wyświetl witrynę

2. Witaj

Ta strona została zgłoszona przez Johna Coopera. Wykorzystuje ciekawy projekt nakładek na sekcję bohatera, która tworzy stylową przegrodę i zapewnia wiele kolorów utworzonych przez wzór. Zdjęcia produktów nakładają się na dwie sekcje i zawierają stylizowane notki opisowe. Suwak produktu pokazuje obrazy na środku ekranu, a notki dostarczają informacji po obu stronach. Strony produktów mają podobny projekt i zawierają stylizację box shadow.

Wyświetl witrynę

3. Kosmeceutyki Newport

Ta strona została zgłoszona przez Jeremy'ego Gruvera. Zawiera suwak o pełnej szerokości do wyświetlania informacji i zdjęć produktów oraz przycisk do odwiedzenia sklepu. Moduł sklepu prezentuje produkty w czterech kolumnach ze stylizacją dopasowaną do brandingu firmy. CTA pokazuje produkt z listą funkcji i przyciskiem sklepu. Strony sklepu zapewniają filtr wyszukiwania, który pozwala zawęzić wybór wyszukiwania. Zapewnia również ciekawą sekcję obserwowania społecznościowego, która pokazuje liczbę udostępnień obok bardzo szerokich przycisków.

Wyświetl witrynę

4. Podwójna odzież sportowa

Ta strona została zgłoszona przez Simona Frosta. Ma ciekawą aranżację sklepu. Strona główna zawiera obraz pełnoekranowy, stylizowane menu z zaznaczoną każdą pozycją menu, przezroczyste wezwanie do działania i stylizowany rozdzielacz sekcji. Następna sekcja to moja ulubiona. Zawiera zdjęcie produktu obok ponumerowanego systemu, aby pokazać kroki. Każdy numer jest klikalny, a kliknięcie na nim pokazuje informacje z animacją przejścia. Sekcja kontaktowa pokazuje obraz tła w prawdziwej paralaksie ze stylizowanymi przekładkami.

Wyświetl witrynę

5. OMT Veyhl

Ta strona została zgłoszona przez Jonathana Masta. Linia pod menu pokazuje małą strzałkę, która przenosi do elementu menu, nad którym się znajdujesz. Obszar bohatera pokazuje film pokazujący proces produkcyjny za ciemną nakładką. Pogrubiony żółty tekst zawiera slogan. Ten sam kolor żółty jest używany jako tytuły i tło stopki. Następne sekcje zawierają pojedynczą kolumnę tekstu i parę CTA na stylizowanym wzorze tła.

Wyświetl witrynę

6. Tom 18

Ta strona została zgłoszona przez Chelsey Lake. Wykorzystuje minimalistyczny design z naciskiem na dużą typografię i czarno-białą fotografię. Przewijanie z dala od dużego sloganu pokazuje obraz, który nakłada się na dwie sekcje i dostarcza informacji o firmie. Usługi są opisane w notatkach z przewijanym tytułem sekcji. Powiększone moduły osób pokazują duże obrazy z cieniami ramek i tekstem po jednej stronie w naprzemiennym wzorze, nakładającym się na każdy obraz. Sekcja numerowana przedstawia korzyści płynące ze współpracy z firmą z nagłówkiem, który nakłada się na poprzednią sekcję.

Wyświetl witrynę

7. Amelia Frohlich

Ta strona została zgłoszona przez Philippa Stakenborga. Strona główna w ciekawy sposób wykorzystuje gradienty do tworzenia wzorów tła w wielu kolorach. Kolory pojawiają się za zdjęciem po jednej stronie, a po drugiej CTA. Tuż pod tym znajduje się sekcja o pełnej szerokości z logo mediów, a następnie tło przechodzi do następnej sekcji, która zawiera obraz z jednej strony i informacje z drugiej. Blurbs wyświetlają dużą grafikę w kręgach, które pasują do kolorów witryny i przycisków z cieniami. Stopka używa gradientu, który zawiera kolory z witryny.

Wyświetl witrynę

8. Wysoka iskra

Ta strona została zgłoszona przez Eugene'a Chenga. Wyświetla ciemne tło wystarczająco ostre, aby powiedzieć, co to jest dla sekcji bohatera. Na tym znajduje się slogan i informacja z wezwaniem do działania z efektem rozmytego cienia. Następna sekcja wyświetla tytuł, rozdzielacz i logo firmy. Następna sekcja wykorzystuje stylizowany rozdzielacz sekcji i zawiera referencje w trzech kolumnach oraz to samo wezwanie do działania, co obszar bohatera. Kolory zmieniają się od żółtego do pomarańczowego, aby wyświetlić notki, rejestrację e-mail, a następnie ostateczne wezwanie do działania łączy oba kolory jako gradient na obrazie tła. Blog używa tych samych kolorów, co nakładki graficzne.

Wyświetl witrynę

9. Planista bąbelków

Ta strona została zgłoszona przez Giennadija Batrakowa. Dymki są animowane na ekranie, gdy obszar bohatera pokazuje tytuł, slogan, linki do sklepu z aplikacjami i obrazy produktu, które nakładają się na następną sekcję. Blurbs pokazują grafikę pasującą do bąbelków. Uwielbiam następną sekcję, która pokazuje osadzony film i nakłada się na sekcję nad nim oraz dwie kolumny tej sekcji. Pudełkowy cień sprawia, że ​​się wyróżnia. Kilka sekcji pokazuje produkt z jednej strony, a z drugiej strony, naprzemiennie w miarę przechodzenia z jednej sekcji do drugiej. Ciekawy jest również suwak bloga. Pokazuje duży wyróżniony obraz z tekstem po lewej stronie i kategorią nakładającą się na obraz.

Wyświetl witrynę

10. Charlie Clark

Ta strona została przesłana przez Molly Seaton-Fast. Suwak pokazuje wiele CTA i zawiera małą sekcję o pełnej szerokości, na której wyświetlane są przyciski obserwowania w mediach społecznościowych. Następna sekcja zawiera stylizowany formularz zapisu na biuletyn z jednej strony z kanałem bloga z drugiej, a następnie osadzonym suwakiem kanału społecznościowego. Wiele notek z kolumną tekstu tworzy wezwanie do działania, podczas gdy animowane notki rozszerzają informacje. Interesująca zieleń oznacza tytuły, przyciski, ikony notatek i tła w całej witrynie. Zawiera również osadzony kanał Instagram. Uwielbiam używać koloru i typografii na tej stronie.

Wyświetl witrynę

Na zakończenie

To 10 najlepszych zgłoszeń do naszej społeczności Divi w lipcu. 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 world of vector / shutterstock.com