Prezentacja Divi Design: nowe zgłoszenia od października 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 październiku. 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 października 2020 r.

1. Epickie restauracje z jajkami

Ta strona została zgłoszona przez Abla McBride. Używa koloru pomarańczowego w całej witrynie, w tym obiektów blob dla elementów tła, tła ikon, przycisków, tekstu blokowego i tła stopki. Kolor zielony jest używany jako wyróżnienie za tekstem i w grafice. Jedzenie jest wyświetlane po bokach witryny z dużymi zdjęciami, które się wyróżniają. Pozycje menu są wyświetlane w ramach przełączników, które wykorzystują stylizowane obramowanie z ostrymi narożnikami po jednej stronie i zaokrąglonymi narożnikami po przeciwnych stronach. Strona menu żywności używa tych samych przełączników i dodaje ceny w rogu. Ta strona doskonale wykorzystuje białą przestrzeń, fotografię i kolor.

Odwiedź stronę

2. Stomatologia Pom

Ta strona została zgłoszona przez Brittany Hurdle. Kolorystyka jest idealnie dopasowana do gatunku. Sekcja bohatera wyświetla wideo w tle z hasłem i opisem na pierwszym planie. Zawiera mega-menu z ikonami różnych kategorii. Drugie menu wyświetla cytat i zawiera nakładający się przycisk CTA. Smugi, ikony, tekst i elementy tła mają jasnozielony lub niebieski znak marki. Wiele elementów zawiera animacje najechania, które pokazują obramowanie dolnej części tekstu lub przycisków. Podoba mi się sekcja dotycząca usług. Zawiera duży obraz z tłem pasującym do witryny i wyświetla usługi jako tekst po jednej stronie. Blog zawiera prosty projekt z funkcją wyszukiwania. Ta strona doskonale wykorzystuje tekst i obramowania.

Odwiedź stronę

3. Rewolucja w Palais

Ta strona została zgłoszona przez Amala Vaeskena. Używa wielu odważnych kolorów w całej witrynie. Sekcja bohatera wyświetla pełnoekranowy suwak z obrazami, które wykorzystują kolory z witryny. Informacje o firmie są wyświetlane z dużym niebieskim tekstem, który podczas przewijania pokazuje następną sekcję w paralaksie. Sekcja w paralaksie pokazuje komunikat na środku ekranu na niebieskim tle. Podczas przewijania ten ekran pozostaje na swoim miejscu i kilkakrotnie zastępuje wiadomość, aż zobaczysz ostatnią wiadomość. Podoba mi się dział z przykładami prac. Pokazuje duże obrazy, animacje i suwaki w dwóch kolumnach z kolorami ze strony internetowej. Podoba mi się również duże CTA na dole, które zmienia grafikę po najechaniu kursorem i pokazuje przycisk, aby zobaczyć więcej.

Odwiedź stronę

4. Wiejskie Mięso Mike'a

Ta strona została zgłoszona przez Marcusa Zeala. Ta strona w niesamowity sposób wykorzystuje grafikę kreskówkową. Od początku do końca wszystkie kolory, czcionki i przyciski idealnie pasują do schematu kreskówek. Sekcja bohatera pokazuje pływające menu ze stylizowanym podmenu, które wykorzystuje drewniane deski. Chmury unoszą się na niebie rysunku w tle. Podczas przewijania widzisz postacie z kreskówek jako wycinanki tworzące CTA lub zwracające uwagę na określone sekcje. Produkty są wyświetlane w jednej z tych sekcji i zawierają styl pasujący do witryny. Wiele elementów jest animowanych, aby pasowały do ​​zwoju myszy. Nawet informacje kontaktowe są umieszczane nad elementami graficznymi, które pasują do projektu. To fajna strona do przewijania.

Odwiedź stronę

5. Centrum Stomatologiczne Ostojic

Ta strona została zgłoszona przez Borisa Zakulę. Ten wykorzystuje wiele pomarańczowych gradientów jako podświetleń w całej witrynie. Sekcja bohatera pokazuje grafikę na środku ekranu za tytułem, która zmniejsza się podczas przewijania. Menu to mega-menu o pełnej szerokości, które wyświetla łącza z jednej strony z ikonami i obrazem z drugiej strony. Witryna wykorzystuje wiele zdjęć lokalizacji i pracowników w celu uzyskania informacji, CTA, filmów, postów na blogach i nie tylko. Podoba mi się sekcja o historiach i referencjach. Wyświetla obrazy klientów z blokami tekstu w różnych kolorach po drugiej – oba z cieniami. Blog, wezwania do działania i informacje kontaktowe również wykorzystują cienie ramek, aby się wyróżnić.

Odwiedź stronę

6. Przyrost

Ta strona została przesłana przez Navmeet Singh. Wykorzystuje dużo koloru niebieskiego i pomarańczowego w całej witrynie do podświetleń, tła i grafiki. Sekcja o tym, jak to działa, wyświetla informacje w notatkach z dwukolorowymi ikonami, które prowadzą przez kolejne kroki. Inna sekcja wyświetla grafikę z przewodami elektrycznymi podłączonymi do siebie podczas przewijania. Wprowadza to kolejny zestaw notek z dwukolorowymi ikonami. Duża część informacji wykorzystuje z jednej strony grafikę, a z drugiej tekst w naprzemiennym układzie. Podoba mi się również strona funkcji, która wyświetla informacje w postaci grafiki zawierającej zrzut ekranu i zakreśloną grafikę ekranu. Ta witryna świetnie wykorzystuje kolory, odstępy i ręcznie rysowaną grafikę.

Odwiedź stronę

7. Zielony

Ta strona została zgłoszona przez Liberto Lopez. Ta strona wykorzystuje dużo zieleni i niebieskiego dla markowych kolorów w tłach, grafikach, tytułach, przyciskach, formularzu kontaktowym, przycisku od góry do góry itp. Sekcja bohatera wyświetla zielone tło z wzorem. Na pierwszym planie z jednej strony wyświetlany jest komunikat, a z drugiej grafika. Stylizowany podział sekcji prowadzi do następnej sekcji z notatkami, które powiększają się po najechaniu kursorem. Kilka sekcji wyświetla po jednej stronie wiele grafik, a po drugiej CTA. Podoba mi się również sekcja notatek, w których zastosowano duże dwukolorowe ikony w przesuniętym wzorze i niebiesko-biały gradient, który pojawia się po najechaniu myszą. W tle następnej sekcji pojawi się gradient pod kątem. Formularz kontaktowy wyświetla również wyróżniający się gradient i cień pudełka. Ta strona doskonale wykorzystuje kolory i grafikę.

Odwiedź stronę

8. Zespół HR

Ta strona została zgłoszona przez Marwanna Al Saadi. Sekcja bohatera wyświetla animowany gradient tła z hashtagiem i wezwaniem do działania na pierwszym planie, które powiększa się po najechaniu kursorem. Ten gradient tła pojawia się w całej witrynie jako tło CTA, sekcji, notek i nie tylko. Blurby pokazują obrazy członków zespołu jako duetu, a ich obrazy są ze sobą połączone i oddzielone linią podziału. Podoba mi się rozdział o ich metodzie. Wyświetla gradient tła z dużymi okręgami po jednej stronie. Druga strona umieszcza informacje w postaci punktorów, używając dużych tytułów bloków i ikon oka. Ikony pojawiają się również w notatkach. Witryna zawiera również ciekawe menu, które rozciąga się po kliknięciu ikony hamburgera. Używa również gradientu tła i tekstu blokowego w tytule.

Odwiedź stronę

9. Stres nie jest dozwolony

Ta strona została zgłoszona przez Antreek. Ta strona wykorzystuje wiele grafik w odważnych kolorach. Sekcja bohatera wyświetla grafikę tła przedstawiającą pejzaż miasta z hasłem na pierwszym planie po jednej stronie i grafiką po drugiej. Tło nie sięga aż do krawędzi, dzięki czemu ze wszystkich stron pojawia się odważny żółty kolor. Menu wykorzystuje pogrubione żółte tło dla nagłówka i podmenu. Żółty wtapia się w następną sekcję i wyświetla informacje z jednej strony, a wideo z drugiej, które naśladuje grafikę smartfona z zaokrąglonymi krawędziami i pogrubioną ramką. Tabele cenowe również używają odważnych kolorów i zawierają grafikę po obu stronach strony. Sekcja kontaktów zawiera żółte tło i duże ikony społecznościowe. Ta strona doskonale wykorzystuje kolory i grafikę.

Odwiedź stronę

10. Lola Menthe

Ta strona została wysłana przez Theo Salomoni. Ta strona wykorzystuje kilka delikatnych kolorów, aby przyciągnąć uwagę odbiorców docelowych. Kolory obejmują wersję jasnej miedzi dla podświetleń, nakładek, kolorów tła i przycisku od tyłu do góry. Nagłówek używa go do identyfikacji aktywnych elementów strony i najechania kursorem oraz do CTA. W przypadku niektórych linków w nagłówku zastosowano również odcień zielony z logo. Ta zieleń jest również używana jako tło w pobliżu stopki. Sama stopka ma blady miedziany kolor, który odsłania się jak zasłona. Referencja wsuwa się na miejsce, gdy przewijasz do drugiej sekcji. Inna sekcja wyświetla obrazy jako linki z bladą miedzianą nakładką. Posty na blogu są wyświetlane w suwaku i zawierają datę w górnym rogu oraz powiększają po najechaniu myszą. Strona doskonale wykorzystuje kolor.

Odwiedź stronę

W zamknięciu

To 10 najlepszych zgłoszeń do naszej społeczności Divi na październik. 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 Mascha Tace / shutterstock.com