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

1. Nowy Szerpa

Ta strona została zgłoszona przez Gregory Little. To jest projekt jednostronicowy. Pełnoekranowy nagłówek wyświetla wideo w tle, które podczas przewijania przechodzi do innego wideo. W rzeczywistości możesz zobaczyć oba w tym samym czasie podczas przejścia. W nagłówku do utworzenia sloganu użyto dużego tekstu w ciemnoniebiesko-zielonym kolorze marki. Sekcja Informacje wykorzystuje tę samą rodzinę czcionek i stylizację, aby pokazać, na czym koncentruje się firma. Kontaktowe wezwanie do działania jest umieszczane na obrazie o pełnej szerokości, po którym następują notki z ikonami stylizowanymi na kolory marki. Sekcja Zarządzająca pokazuje członków założycieli wraz z informacjami i linkami, aby przeczytać więcej, co pokazuje więcej linijek tekstu, wszystko w markowych kolorach.

Odwiedź stronę

2. Dysze morskie

Ta strona została zgłoszona przez George'a Paratsokisa. Nagłówek zawiera efekt cienia i stylizowany przycisk wezwania do działania, który pasuje do kolorów marki witryny. Obrazy są widoczne na ekranie, gdy animowane pola przesuwają się po obszarze podczas przewijania do sekcji, która również pokazuje stylizowane przyciski. Tytuły są pisane elegancką czcionką, która się wyróżnia. Sam układ wyświetla informacje i obrazy w dwóch kolumnach naprzemiennie. Wykorzystuje dużo białej przestrzeni, aby zaprezentować projekt. CTA zawiera obraz tła z nakładką i eleganckimi czcionkami, wyświetlany z cieniem. Ciekawa jest stopka. Ma tło w jasnoszarej sylwetce, a nad nim wszystkie informacje kontaktowe.

Odwiedź stronę

3. Bryza

Ta strona została zgłoszona przez Sakshi Behl. Witryna wykorzystuje prosty układ z kilkoma stylizowanymi elementami, aby się wyróżniać. Nagłówek wyświetla slogan z formularzem zgody na e-mail obok grafiki, która pomaga zdefiniować witrynę. Logo klienta są wyświetlane w układzie offsetowym. Blurby pokazują zalety stylizowanego wzoru tła, który znajduje się z boku ekranu. Sekcja funkcji jest interesująca. Wyświetla zrzut ekranu obok opisów. Każdy opis ma tytuł. Kliknięcie tytułu ujawnia tekst tego opisu. Stylizowana linia obok tytułu staje się ciemniejsza, aby pokazać, który tytuł jest wybrany. Ciekawie prezentują się również cenniki na niebieskim tle. Sugerowany plan jest pokazany z cieniem w kształcie pudełka, aby się wyróżnić.

Odwiedź stronę

4. Ważka Ave

Ta strona została zgłoszona przez Marci Angeles. Ta strona używa delikatnych kolorów i fotografii kwiatowej, aby przyciągnąć grupę docelową. Kilka linków do stron jest wyświetlanych po jednej stronie na górnym pasku, podczas gdy nagłówek pokazuje wyśrodkowane menu. Opis i slogan są wyświetlane w kilku czcionkach na pełnoekranowym obrazie tła. Zgoda na e-mail o pełnej szerokości jest stylizowana na jasnoniebieskie tło i wykorzystuje grafikę klucza, aby pokazać, że odwiedzający może odblokować informacje. Wpisy na blogu są wyświetlane w jednej kolumnie z paskiem bocznym - wszystkie z dopasowaną stylistyką. Posty na blogu zawierają ten sam pasek boczny. Wbudowany kanał Instagram pokazuje najnowsze zdjęcia.

Odwiedź stronę

5. Parris Mfg. Company

Ta strona została zgłoszona przez Josepha Browna. Ta strona w zabawny sposób wykorzystuje fotografię do przedstawiania starego zachodu. Wyświetla pełnoekranowe tło z grafiką przypominającą chmury nad menu i tytułem pod menu. Animowana warstwa kurzu przesuwa się po ekranie w 3D. Chmury schodzą za menu na scrollu, które wtedy wygląda bardziej jak namalowana sekcja. Następna sekcja pokazuje tło ogrodzenia z poszukiwanymi plakatami na stronach. Plakaty animują się po najechaniu kursorem, tak jakbyś ich dotknął. W stopce znajduje się pasmo górskie i kowboje w czerni z ciemnozielonym niebem z menu. Strony sklepu umieszczają przedmioty na zachodnim tle. Pozycje są pokazane w sepii i są pokolorowane po najechaniu myszą. Strony produktów umieszczają obrazy na tle ogrodzenia. Witryna świetnie wykorzystuje obrazy.

Odwiedź stronę

6. imparaqui

Ta strona została zgłoszona przez Pascala Claro. W witrynie zastosowano gradienty od pomarańczowego do białego dla sekcji bohatera i wezwania do działania, a przyciski, ikony i tekst są podświetlone na pomarańczowo w całej witrynie. Sekcja bohatera pokazuje logo z przyciskami do logowania lub przeglądania kursów. Poniżej tych kilku kart pokazuje najczęściej obserwowane kursy. Karty zawierają informacje u góry, obraz, tytuł, fragment i przycisk — wszystko w stylu pasującym do witryny i zawierające animację najechania kursorem. Wyróżniają się na tle gradientu. Strona kursów wykorzystuje ten sam projekt. Recenzje są wyświetlane w suwaku referencji. Zasoby są wyświetlane z pomarańczowymi ikonami na ciemnym obrazie z odrobiną pomarańczy w nakładce.

Odwiedź stronę

7. Budynek Feniksa

Ta strona została zgłoszona przez Andre Villanueva. Posiada pełnoekranowe tło ze stylizowanym wzorem i sloganem w ciekawej czcionce i zawijanej grafice. Przewijanie ujawnia nagłówek, który zawiera tę samą czcionkę dla elementów menu. Czcionka i zawijasy są również używane w logo, które pojawia się w kilku miejscach w witrynie, w tym w sekcji Informacje, która używa logo z jednej strony i wielokolorowego tekstu z drugiej. Ma kilka teł w paralaksie z niebieskimi lub czerwonymi nakładkami. Jeden z najciekawszych działów przedstawia ukośne obrazy, za którymi znajdują się pudełka, które są pochylone w przeciwnym kierunku. Inne strony używają tej sekcji i podobnej sekcji z obrazem i pogrubionymi obramowaniami z dopełnieniem. Strona doskonale wykorzystuje odważny kolor.

Odwiedź stronę

8. Twórca Marksa

Ta strona została zgłoszona przez PK SON. Duże logo umieszczono na środku czarnego tła. Logo to wycięcie. Za nim wyświetla obraz w paralaksie. Biały tekst przedstawia slogan z głównym punktem pogrubionym. Sekcja o firmie zawiera linki ze strzałkami, które zmieniają lokalizację po najechaniu kursorem. Suwak nakłada się na dwie sekcje i wykorzystuje kropki w pionie do nawigacji. Projekty prezentowane są w układzie wielokolumnowym z elegancką fotografią. Zawiera zgrabne wezwanie do działania, które przedstawia logo w wersji 3D z jednej strony na jasnoszarym tle, a tekst z drugiej na czarnym tle – wiążąc projekt z powrotem z nagłówkiem. Lubię menu. Kliknięcie ikony hamburgera otwiera menu na pełnym ekranie, pokazując nawigację po jednej stronie i obrazek z informacjami po drugiej.

Odwiedź stronę

9. Epickie drzewo

Ta strona została zgłoszona przez Lubomira Micucha. Ta jednostronicowa witryna ma wzór tła złożony z sześciokątów, które są wyświetlane w paralaksie za hasłem i przyciskiem CTA. Kilka sekcji przedstawia usługi i informacje firmy w dwóch kolumnach z grafiką po jednej stronie i tekstem z CTA po drugiej. Grafika składa się z markowych zielonych elementów, które pasują do przycisków i podświetleń w całej witrynie. Interesująca jest sekcja liczników. Pokazuje zielone liczby na tle gór z nakładką w postaci paralaksy i pofalowanych przegródek. Podobna sekcja tworzy CTA. Sekcja, która pokazuje numery prac każdego z projektów w układzie naprzemiennym. Ikony klientów mają zaokrąglone tła z cieniami. Witryna zawiera stylizowane referencje, przełączniki, obserwację społecznościową, formularz kontaktowy i wiele innych.

Odwiedź stronę

10. Robert L. O'Neil

Ta strona została zgłoszona przez Maszę Goltsova-Lanoue. Witryna tego autora wykorzystuje kolor i grafikę, aby przyciągnąć grupę docelową. Sekcja bohatera pokazuje wezwanie do działania z okładką książki, opisem i przyciskiem do zakupu – wszystko umieszczone na tle zawierającym grafikę z książki. Sekcja Informacje zawiera informacje z przyciskiem, aby zobaczyć więcej obok obrazu grupy docelowej czytającej książkę. Wszystkie przyciski mają różne kolory z książki. Suwak referencji wykorzystuje markowy kolor fioletowy jako tło. Kilka CTA zaprasza czytelnika do zakupu książek, dowiedzenia się więcej lub przeczytania o autorze. Tła zawierają grafikę z książek, w tym stopkę. Grafika jest nawet używana jako grafika wstępnego ładowania. Podoba mi się, jak strona sklepu pokazuje referencje. Układ jest prosty i świetnie wykorzystuje kolory.

Odwiedź stronę

W zamknięciu

To 10 najlepszych zgłoszeń do naszej społeczności Divi na luty. 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 MJgraphics / shutterstock.com