Prezentacja Divi Design: nowe zgłoszenia od marca 2019 r.

Opublikowany: 2019-03-31

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 marcu. 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 marca 2019 r.

1. Spacer po Kunanyi

Ta strona została zgłoszona przez Sarah Crawford. Pokazuje stylizowany tekst i grafikę z hasłem w nakładce na pełnoekranowym tle lokalizacji. Stylizowany tekst i grafika pojawiają się w całej witrynie, w tym w łączu, który pojawia się w lewym dolnym rogu podczas przewijania. Zdjęcia lokalizacji są wyświetlane w dwóch kolumnach z tytułami, opisami i przyciskami, aby wyświetlić więcej informacji. Styl przycisków odpowiada CTA w menu. Zawiera również wbudowany kalendarz pokazujący nadchodzące wydarzenia. Więcej informacji o lokalizacji jest wyświetlanych w dwukolumnowych naprzemiennych sekcjach z obrazami, tekstem i przyciskami.

Odwiedź stronę

2. Lemoniada

Ta strona została zgłoszona przez Teck Senga Chana. Na tej stronie wykorzystano grafikę do projektowania materiałów dla sekcji bohaterów i CTA w markowych kolorach: niebieskim, zielonym i pomarańczowym. Tekst, przyciski i CTA pasują do kolorów marki w całej witrynie. Szczególnie podobają mi się notki z grafiką. Obejmują one efekty cienia i stylizowane obramowanie dolne. Kolejna sekcja pokazuje projekt strony internetowej z projektem mobilnym w prawdziwej paralaksie. Witryna utrzymuje prosty i przejrzysty układ, a jednocześnie świetnie wykorzystuje kolory i białą przestrzeń.

Odwiedź stronę

3. Kancelarie prawne GillespieShields

Ta strona została zgłoszona przez Robby'ego Doyle'a. Witryna wykorzystuje odważne czerwienie, duże szare ikony i dużo białej przestrzeni, aby stworzyć dramatyczny projekt, który wyskakuje. CTA są łatwe do wykrycia. Podoba mi się sekcja pod obrazem bohatera, która pokazuje cztery kolumny z przegrodą z tytułem. Najechanie kursorem na jeden pokazuje linki do tego tematu. Referencje są wyświetlane na suwaku ze zdjęciem w projekcie wycięcia tarczy. Wyświetla główny punkt dużym szarym tekstem nad pełnym cytatem. Podoba mi się również użycie niebiesko-szarego w formularzu kontaktowym, ikonach certyfikacji i stopce. Ikony certyfikacji są wyświetlane w kolorze po najechaniu myszą.

Odwiedź stronę

4. Forside C2IT

Ta strona została zgłoszona przez Janus Lock. Witryna wyświetla wideo na pełnym ekranie z ciemnoniebieską nakładką po jednej stronie i dużym sloganem pośrodku. Do brandingu użyto koloru ciemnoniebieskiego i szarego. Smukłe pionowe menu pozostaje po prawej stronie. Zawiera również slogan, ale w tekście pionowym. Jest animowany po najechaniu kursorem i rozwija się do pełnego ekranu po kliknięciu, aby wyświetlić linki i widoczną funkcję wyszukiwania na ciemnoniebieskim tle. Usługi przedstawiane są animowaną grafiką. Poszczególne klocki tworzą pudełko. Każdy z nich zostanie powiększony po najechaniu kursorem i linkach do przykładowych projektów. Sekcja wydarzenia tworzy unikalny projekt kalendarza z linkami.

Odwiedź stronę

5. iSklep Cloverdale

Ta strona została zgłoszona przez Kristy Hill. Suwak wyświetla ikony produktu, CTA i śledzenia społecznościowego pośrodku sekcji bohatera z pogrubioną ramką i cieniem. Kolory firmowe w całym projekcie są zielone, pomarańczowe i żółte. Polecane oferty są wyświetlane jako produkty w sekcji sklepu z cieniami na ciemnopomarańczowym tle. Uwielbiam sekcję o tym, jak to działa. Pokazuje dużą, ręcznie rysowaną mapę, która przeprowadzi Cię przez proces. Strona Kupuj oferty wyświetla oferty jako projekty, które można filtrować. Strona Pobierz aplikację jest interesująca. Pokazuje produkt na telefonie komórkowym. Podczas przewijania pierwszy plan przewija się po ekranie w paralaksie, aby wyświetlić menu.

Odwiedź stronę

6. Lotnictwo FLL

Ta strona została zgłoszona przez Juana Pablo Parody. Ten wyświetla obraz tła o pełnej szerokości z kilkoma interesującymi blokami wzorów kolorów na pierwszym planie, aby stworzyć CTA. Kolory to markowe odcienie niebieskiego, które są używane w całej witrynie. Przewijanie pokazuje naprzemienne sekcje obrazów i tekstu. Tekst jest umieszczony na tle w różnych kolorach i doskonale komponuje się z projektem witryny. Podoba mi się również sekcja kontakt w stopce. Pokazuje obraz o pełnej szerokości z tematem po lewej stronie i kolorowym blokiem po prawej, który zawiera wszystkie informacje kontaktowe i linki do obserwowania w mediach społecznościowych. Witryna świetnie wykorzystuje duży tekst.

Odwiedź stronę

7. Dzika jesień

Ta strona została wysłana przez Kelsey Spectre. Ta strona dużo się dzieje na ekranie startowym, ale robi to w przejrzysty sposób, który działa. Pełnoekranowy obraz tła umieszcza obiekt w centrum. Po obu stronach ekranu wyświetlane są różne rodzaje informacji w postaci tekstu. Po lewej stronie znajduje się menu nawigacyjne. Po prawej stronie jest wezwanie do działania. Na dole znajduje się menu nawigacyjne. To menu przykleja się do góry podczas przewijania. Układ wykorzystuje dużo białej przestrzeni z obrazami i nakładającymi się ramkami (jednolity kolor lub kolorowe obramowania) z tekstem. Kilka z nich ma zachodzące na siebie grafiki. Duży cytat dodaje dodatkowy element białej przestrzeni. Uwielbiam odręczne czcionki używane na tej stronie, a strona świetnie wykorzystuje fotografię.

Odwiedź stronę

8. Projekt wglądu

Ta strona została zgłoszona przez Steve'a Doiga. Używa cienkiego stylu tekstu z odważnymi kolorami i dużą ilością białej przestrzeni w układzie, aby stworzyć przejrzysty projekt. Sekcja bohatera pokazuje obraz po jednej stronie, a po drugiej slogan i wezwanie do działania. Tuż pod tym znajduje się lista linków do stworzenia stylizowanego menu z rodzajami oferowanych usług. Każdy link jest oddzielony pionową linią w celu dopasowania do marki witryny. Wezwania do działania dla usług pokazują obrazy dla różnych rodzajów usług z przyciskiem, aby dowiedzieć się więcej. Sekcje te znajdują się na przemian w dół strony. Ta strona ma ciekawą stopkę, która ma jasnoszare tło z linkami w dużym tekście. Pierwsze słowo tekstu to stylizowana wersja logo, każde w innym kolorze. Podoba mi się ikona społecznościowa w menu.

Odwiedź stronę

9. Weksele

Ta strona została zgłoszona przez Agustinę Ouvinę. Ta witryna wyświetla suwak o pełnej szerokości. Każdy slajd pokazuje obrazy tła produktów w paralaksie, duże pole wyszukiwania w środku, link CTA w lewym dolnym rogu i ikony społecznościowe w prawym dolnym rogu. Sekcja polecanych produktów przedstawia produkty w czterech kolumnach. Każdy obraz produktu pokazuje tytuł i linki do udostępniania w mediach społecznościowych po najechaniu myszą. Sekcja przedstawiająca plany wyświetla notki nad produktami na niebieskim tle w paralaksie. Podoba mi się sekcja o polecanych kategoriach. Są wyświetlane jako ikony wektorowe w siatce na fioletowym tle z efektami najechania. Podczas przewijania w menu pojawia się duże pole wyszukiwania.

Odwiedź stronę

10. Aleja Lwów

Ta strona została zgłoszona przez Ricky Lionetti. Jest to projekt jednostronicowy, który wykorzystuje jednolite kolorowe tła w całej witrynie. Kolor zielony jest również używany do tekstu w całej witrynie. Sekcja bohatera przedstawia slogan w formie stylizowanego tekstu z linkiem do portfolio. Duża grafika nakłada się na następną sekcję. Sekcja Informacje zawiera zakreślony obraz i wezwanie do działania. Poniżej znajduje się ciekawa sekcja, która mówi więcej o właścicielu witryny za pomocą hashtagów. Aktualne projekty są wyświetlane w suwaku, a następnie ostatnie projekty z obrazami i linkami. Przykładowe logo są wyświetlane jako obrazy w siatce. Formularz kontaktowy jest wyświetlany nad filiżanką kawy (mmm, kawa…) i zawiera wybory wskazujące rodzaje usług, którymi jesteś zainteresowany. Uwielbiam kolory na tej stronie.

Odwiedź stronę

W zamknięciu

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