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

1. Uniwersytet Ruchu

Ta strona została zgłoszona przez Andrew Bartletta. Strona wykorzystuje ciemne tło z białym tekstem z żółtymi i pomarańczowymi (technicznie rzecz biorąc brudnobrązowymi) podświetleniami. Wszystkie obrazy tła są ciemne. Sekcja bohatera pokazuje obraz tła, który opisuje witrynę. Tekst na nakładce zawiera slogan i wezwanie do działania po lewej stronie oraz przycisk odtwarzania po prawej stronie. Przycisk odtwarzania zmienia się po najechaniu kursorem i otwiera wideo w wyskakującym okienku po kliknięciu. Inne sekcje zawierają informacje w dwóch kolumnach z tekstem i obrazami. Układ zmienia się podczas przewijania. Pomiędzy sekcjami znajdują się małe miniaturki z dymkami z wypowiedziami do referencji. CTA o pełnej szerokości dostarcza obraz wraz z formularzem subskrypcji. Więcej dymków z wypowiedziami z referencjami tworzy odsłoniętą stopkę.

Odwiedź stronę

2. Projekty JD

Ta strona została zgłoszona przez Jamesa Dawsona. Wyświetla pełnoekranowy suwak z obrazami tła i ciemnymi nakładkami. Nakładki opisują witrynę dużym tekstem i zapewniają wezwanie do działania. Przewijanie ujawnia kolejną sekcję z dużym tekstem na białym tle, która opisuje firmę. Usługi są wyświetlane w formie tekstowej z interesującym separatorem kropek między tytułem a opisem. Sekcja portfolio pokazuje obrazy z nakładkami. W tej sekcji zastosowano faliste przekładki i szare tło, które wystarczająco wyróżnia się od reszty układu. Kilka innych sekcji używa tego wzoru, ale z niebieskim tłem. Podoba mi się sekcja z bardzo dużymi logami klientów. Są pokazane w kolorze ciemnoszarym w czterech kolumnach.

Odwiedź stronę

3. Szwedzki

Ta strona została zgłoszona przez Daniela Neumanna. Witryna wyświetla pełnoekranowe tło z ciemnoniebieską nakładką i białym tekstem CTA po jednej stronie. Usługi są wyświetlane w notatkach z cieniem i animowanymi ikonami. Wzór tła jest widoczny przez notatkę. Najechanie intensyfikuje efekt cienia, dzięki czemu wyróżniają się i sprawiają, że notatka jest całkowicie nieprzezroczysta. Kilka dwukolumnowych sekcji zmienia swój układ z tekstem po jednej stronie i obrazami po drugiej stronie. Tekst w tych sekcjach zawiera animowane ikony i podświetlony tekst. Strona z cenami doskonale wykorzystuje prosty niebiesko-biały projekt z białymi tabelami cen. Podoba mi się czerwona poświata przycisków w cenniku. Czerwone pasemka nadają wystarczająco dużo koloru i doskonale się wyróżniają.

Odwiedź stronę

4. Instrumenty HH

Ta strona została zgłoszona przez Mathias Rue. Witryna wykorzystuje tło gradientowe od pomarańczowego do czerwonego z ikonami, aby stworzyć projekt inżynierski. Nakładka wyświetla po jednej stronie informacje o firmie, przyciski i funkcję wyszukiwania, a po drugiej formularz kontaktowy. Rozwijane menu zawiera pełnowymiarowy przycisk do strony kontaktowej. Loga partnerów są wyświetlane w suwaku z linkiem do strony dostawcy. W przypadku linków do usług i informacji używane są streszczenia. Zawierają dwukolorowe obrazy jako ikony i mają ciekawą ramkę, aby wyróżnić notatki. Sekcja z referencjami ma podobny projekt, ale są one znacznie większe i zawierają logo klienta dla obrazów. Projekt jest również wykorzystywany w sekcji blogowej. Układ zawiera również osadzone artykuły z LinkedIn na tym samym tle, co sekcja bohaterów.

Odwiedź stronę

5. Studio animacji IQ

Ta strona została zgłoszona przez Saurabha Patila. Sekcja bohatera przedstawia slogan, informacje i wezwanie do działania po jednej stronie oraz animowaną grafikę po drugiej stronie na ciemnoniebieskim gradiencie tła. Animowana grafika jest fajna do oglądania. Chcę jeden z tych dozowników kawy. Pozostałe tła i przyciski mają jeszcze ciemniejszy kolor niebieski. Cztery kolumny notek prezentują animowane ikony z tytułem. Używają ciemnoniebieskiego tła i szarej ramki, która jest wystarczająco jasna, aby się od siebie oddzielić. Najechanie na którykolwiek z notek zmienia ich tło na pomarańczowe. Podobne wzory są używane w innych notkach, które dostarczają informacji. Ciekawa sekcja dotycząca przedstawia animację nad fajną grafiką w paralaksie. Strony pokazują również fajną animację ładowania.

Odwiedź stronę

6. Pani przedszkole

Ta strona została zgłoszona przez Chrisa Cadalzo. Strona wyświetla bardzo duże logo pośrodku, pod menu. W następnej sekcji zastosowano separatory sekcji falistych na górze i na dole – każdy o innym wyglądzie i w wielu odcieniach koloru tła. Ta sekcja pokazuje również tematy jako kwadratowe obrazy, które pomniejszają i zmieniają obramowanie po najechaniu myszą. Sekcja zasobów i sekcja bloga (ale z wyższymi obrazami) korzystają z tego samego projektu. Sekcja Informacje pokazuje właściciela witryny w postaci zakreślonego okręgu i tego samego stylu czcionki skryptowej, co logo. Formularz rejestracyjny pokazuje freebie z czcionką skryptową dla tytułu. Blog i pasek boczny są również stylizowane tak, aby pasowały do ​​markowego projektu witryny.

Odwiedź stronę

7. Delmain

Ta strona została zgłoszona przez Jake'a Braughta. Za nakładką ze sloganem odtwarzane jest tło wideo. Przewijanie ujawnia wielokolorowe ikony usług dla określonych typów klientów. Podobna sekcja usług wyświetla się na dole strony. Referencje są wyświetlane na całej szerokości na zielonym tle z ukośnymi przegrodami sekcji. Ta sekcja doskonale się wyróżnia. Większa sekcja referencji pojawia się na dole układu w wielu kolumnach z naprzemiennymi kolorami i stylizowanymi obrazami. Kilka sekcji pokazuje historie klientów z osadzonym filmem i statystykami w dużym tekście oraz linkiem do dodatkowych informacji. Obrazy do filmów pokazują strony internetowe na wielu urządzeniach. Zbliżanie się do stopki zaczyna się od góry w paralaksie za górskim wycięciem, formularza kontaktowego z ukośnymi podziałami sekcji oraz sekcji, która pokazuje logo witryn z recenzjami z licznikiem statystyk.

Odwiedź stronę

8. Supa International

Ta strona została zgłoszona przez Bena Dale'a. To jest projekt dwustronicowy. Etykiety na produkty pokazane są w tle w paralaksie z hasłem i CTA w nakładce. Następna sekcja pokazuje szczegółowe informacje z jednej strony mniejszą czcionką, a skróconą instrukcję w większym tekście z drugiej. Kolejne sekcje zawierają zdjęcia produktów wraz z tytułami i tekstem. Obrazy są przesunięte względem siebie w pionie, co nadaje projektowi ciekawy styl wizualny. Usługi są wyświetlane z obrazami zawierającymi nakładki z tytułami i ponumerowanym tekstem. Więcej produktów znajduje się w dużej, 4-kolumnowej galerii. Ta witryna świetnie wykorzystuje duży tekst tytułu i obrazy.

Odwiedź stronę

9. Bohater dla ciebie

Ta strona została zgłoszona przez Brama Chauvina. Ta strona w ciekawy sposób wykorzystuje grafikę. Sekcja bohatera używa rozdzielacza górnej sekcji, który faktycznie stylizuje nagłówek. Tekst tytułu jest duży i zawiera opis oraz kilka przycisków. Tło jest wyświetlane w prawdziwej paralaksie i obejmuje chmury, które są nakładane przez dzielnik sekcji chmur następnej sekcji. Blurbs przedstawiają usługi za pomocą zakreślonych grafik. Przyciski w notatkach nakładają się na notkę. Podoba mi się CTA, które pokazuje dużą grafikę smartfona superbohatera. Ciekawa jest również stopka. Pokazuje tło graficzne w prawdziwej paralaksie z ukośnym podziałem sekcji i stykiem CTA w nakładce. Blog ma ten sam projekt i wykorzystuje elementy nagłówka i stopki.

Odwiedź stronę

10. VS i montaż

Ta strona została zgłoszona przez MJ Swarta. Ta strona w ciekawy sposób wykorzystuje elementy graficzne i duże bloki do stworzenia układu. Sekcja bohatera wykorzystuje ciemne tło z różnymi kolorowymi blokami, kropkami i pionowym tekstem, aby stworzyć wizualne wzory. Te wzory są zgodne z resztą układu. Kolejne sekcje wykorzystują wielokolumnowy układ z blokami kolorów dla tła, stylizowanych tytułów, bardzo dużych tytułów i suwaków, aby pokazać swoje usługi, informacje o firmie, doświadczenie, kulturę, biura i inne. Kliknięcie linku kontaktowego w menu otwiera formularz kontaktowy w menu. Uwielbiam używać kolorów, tekstu i suwaków na tej stronie.

Odwiedź stronę

W zamknięciu

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 MSSA / shutterstock.com