Divi Design Showcase: Neue Einreichungen ab September 2020

Es ist wieder soweit für unseren monatlichen Divi Showcase, in dem wir uns zehn fantastische Divi-Websites unserer Community-Mitglieder ansehen. Jeden Monat präsentieren wir die besten Divi-Websites, die von unserer Community eingereicht wurden, und heute möchten wir Ihnen die zehn besten Websites für den Monat September vorstellen. Während des gesamten Beitrags werde ich auf einige meiner Lieblingsdesignfunktionen hinweisen, die mich zu jeder der Websites führen.

Ich hoffe sie gefallen dir!

Divi Design Showcase: Neue Einreichungen ab September 2020

1. Eitan

Diese Seite wurde von Kelsey Specter eingereicht. Es enthält viele elegante Fotos, goldenen Text und goldene Highlights, um die Zielgruppe anzusprechen. Der goldene Text und die goldenen Grafiken eignen sich hervorragend für helle und dunkle Hintergründe, die Weiß, Schwarz und Tan umfassen. Eine Reihe von Klappentexten, die ihren Ansatz zeigen, hat animierte Symbole. Dieser Abschnitt hat einen gestalteten Rahmen mit Eckgrafiken. Das Hamburger-Menü zeigt Linien in verschiedenen Breiten und Dicken an. Das Navigationsmenü öffnet sich und zeigt einen schwarzen Hintergrund und goldene Highlights. Eine Galerie zeigt Produktbilder an, die beim Anklicken Videos in einer Lightbox abspielen. Besonders gut gefällt mir die Testimonial-Seite mit zwei Spalten in wechselnden Layouts.

Besuche die Website

2. Sprich mit Debbie

Diese Seite wurde von Michal Teska eingereicht. Es hat ein sauberes Layout mit besonderer Aufmerksamkeit auf die Auswahl von Schriftart und Farbe. Die Schriftarten heben sich richtig ab und die roten Highlights verleihen der Seite ein ausgewogenes Design. Informationen zu Kursen werden in Karten angezeigt. Sie beinhalten Hover-Effekte und die beliebteste Option wird mit einem roten Rahmen und Text oben hervorgehoben. Eine Informationsanfrage stellt das Formular über ein Hintergrundbild mit einem grünen Overlay. Ich mag auch den Abschnitt mit den Bewertungen, der einen Testimonial-Schieberegler mit roten Markierungen anzeigt. Es ist einfach, funktioniert aber perfekt mit dem Design der Website.

Besuche die Website

3. Der faltige Schriftsteller

Diese Seite wurde von Julie Rick eingereicht. Dieser verwendet ein klares Design, das zwischen braunen und weißen Hintergründen wechselt und durchgehend rote Highlights enthält. Die roten Hervorhebungen erstrecken sich sogar auf den Call-to-Action im Menü, die Bildlaufleiste und den Back-to-Top-Button. Eine Reihe von Klappentexten beschreiben die Bedürfnisse des Besuchers und ändern die angebotenen Dienste beim Schweben. Ein weiterer Abschnitt zeigt Informationen über den Websitebesitzer mit einem Cartoon des Besitzers auf der einen Seite und Aufzählungszeichen und benutzerdefinierten Symbolen auf der anderen Seite. Ein Abschnitt der Arbeit zeigt Kundenlogos mit Titel und Beschreibung an. Ausgewählte Projekte werden in einem Schieberegler angezeigt. Ich mag auch das einspaltige Blog-Layout mit den vorgestellten Bildern auf einer Seite.

Besuche die Website

4. DuoGeeks

Diese Seite wurde von Lovish Gulati eingereicht. Es verwendet einen durchgehend blauen und lila Farbverlauf mit Highlights in Grün oder Rot, um dem Design eine verspielte und aufregende Anmutung zu verleihen. Der Heldenbereich zeigt sowohl ein E-Mail-Formular als auch ein Formular für ein Angebot an und findet dennoch einen Weg, sie übersichtlich und leicht verständlich zu halten. Ein Call-to-Action umfasst Text auf einer Seite über einem Farbverlauf und eine Reihe von Klappentexten auf der anderen Seite mit Grafiken, die ein Mosaik bilden. Ich mag den Abschnitt mit Beispielen, der die Arbeit in einem Fenster anzeigt, das beim Schweben scrollt. Testimonials werden über einem Hintergrund mit Farbverlauf platziert und enthalten den Farbverlauf selbst. Es hat viele CTAs, die gut im gesamten Layout platziert sind. Auch die Shopseite sticht hervor sowie die ähnlich gestalteten Produktseiten.

Besuche die Website

5. Außenseiter

Diese Seite wurde von Flavio Mester eingereicht. Es verwendet viele und schwarze oder rote Hintergründe mit großem weißem Text, um ein auffälliges Design zu schaffen, das steht und ein professionelles Aussehen hat. Der Heldenbereich zeigt einen Vollbild-Schieberegler mit einem Slogan, der an Ort und Stelle bleibt, und einem rot-schwarzen Menü mit einem überlappenden Logo. Das Dropdown-Menü folgt dem gleichen Design mit rotem Hintergrund und schwarzem Rand. Ein Abschnitt mit dem Zeitplan ist auf der einen Seite schwarz und auf der anderen rot mit Schaltflächen, um den Zeitplan anzuzeigen oder sich zu registrieren. Die neuesten Nachrichten werden als Text in einem großen Kasten mit einem dicken Rand angezeigt. Die Galerieseite bringt Instagram-Posts über ein großes Hintergrundbild. Diese Seite verwendet Farben und Schriftarten hervorragend.

Besuche die Website

6. Vida-Berg

Diese Seite wurde von Megan Dorien eingereicht. Der Heldenbereich zeigt ein Bild in voller Breite des Gebiets und enthält einen CTA und Kontaktinformationen im Menü. Bilder von Blättern werden im gesamten Layout als Elemente im Hintergrund verwendet. Suiten werden als Karten in einem mehrspaltigen Layout angezeigt und ändern sich beim Schweben zu einem anderen Foto. Eine Karte im Layout enthält Kontaktinformationen. Ein interessanter CTA zeigt ein Feld mit Text und einen weiteren CTA darüber mit abgerundeten Ecken und rotem Hintergrund an, um sich abzuheben. Ich liebe das Informationsdesign mit einer Galerie auf der einen Seite und überlappendem Text auf der anderen in einem wechselnden Layout. Eine Galerie wird aus einem Instagram-Feed erstellt.

Besuche die Website

7. Dr. Evelyn Vinocur

Diese Seite wurde von Gui Vino eingereicht. Dieser verwendet großen Text, einen hellbraunen Hintergrund, rosa und gelbe Hervorhebungen und ein Mobile-First-Layout-Design. Der Heldenbereich enthält eine Zeichnung des Websitebesitzers über fleckige Hintergrundgrafiken. Die meisten Elemente weisen ein rosa Highlight auf. Die Liste der Behandlungen wird mit großem Text angezeigt, der durch eine Trennlinie getrennt ist. Bilder werden in breiten Bilderrahmen angezeigt. Der Abschnitt über die Mission zeigt eine Grafik innerhalb eines Bilderrahmens über einem Farbverlauf mit einer einfachen Nachricht. Besonders gut gefällt mir der Abschnitt über die Funktionsweise. Es zeigt Informationen auf beiden Seiten mit einer Grafik in der Mitte an, gefolgt von Kontaktinformationen. Dieser Abschnitt wird über einem Hintergrundverlauf platziert, der ein gestyltes Trennzeichen enthält, das den Hintergrund in eine neue Farbe ändert.

Besuche die Website

8. Das Village Spa

Diese Seite wurde von Paulina Ritchie eingereicht. Es verwendet sanfte Grautöne und ein Tannish-Orange, elegante Schriftarten und Fotografie, um die Zielgruppe anzusprechen. Der Hero-Bereich zeigt ein Vollbild mit Buchungs-CTAs. Mehrere CTAs in voller Breite zeigen Produkte auf der einen Seite und den Text auf der anderen Seite über einem Hintergrundbild, das sich in das Produktbild einfügt. Andere CTAs zeigen große Bilder auf der einen Seite und den Text auf der anderen in wechselndem Layout. Behandlungen zeigen Informationen in gestylten Registerkarten an. Die Terminvergabe erfolgt über ein eingebettetes Formular. Geschenkgutscheine werden über ein gestaltetes Formular mit grafischen Elementen gekauft, die zur Website passen. Diese Seite macht eleganten Gebrauch von Fotografie.

Besuche die Website

9. Createur2Site

Diese Seite wurde von Createur2Site eingereicht. Die Scroll-Effekte dieser Site sind nicht von dieser Welt und sie macht den interessantesten Gebrauch eines Mauszeigers, den ich gesehen habe. Der Mauszeiger ist ein extra großer Punkt, der die entgegengesetzten Farben des Bereichs (bis auf Pixelebene) anzeigt, über dem er schwebt. Der Heldenbereich zeigt einen schwarzen Hintergrund mit einer kreisförmigen Grafik und einem Slogan in der Mitte. Scrollen zoomt in die Mitte und scrollt den nächsten Abschnitt nach oben. Während Sie weiter scrollen, wird die Mitte wieder hineingezoomt und wird zu einem der grafischen Elemente auf dem Bildschirm. Ein anderer Scroll-Effekt teilt ein Wort in zwei Teile, während andere Scroll-Effekte Abschnittstrenner animieren, Wörter beim Schweben scrollen, grafische Elemente öffnen und vieles mehr. Die Scroll-Effekte stehen der Benutzerfreundlichkeit der Site nie im Weg.

Besuche die Website

10. Wir sind Webdesign

Diese Seite wurde von Justine Carter eingereicht. Es verwendet einen hellbraunen Hintergrund mit dunkelorangefarbenen Highlights und dunkleren Bräunungshintergründen. Kräftigere Farben werden mit Bildern für die Dienste, Kundenlogos und Bildern aus dem Portfolio hinzugefügt. Der Abschnitt für Dienstleistungen platziert den Titel über einem interessanten Hintergrundmuster. Bilder für die Dienste überlappen das Muster. Soziale Links werden vertikal auf der rechten Seite platziert. Die für die Titel verwendeten Schriftarten sind große elegante Linien, die perfekt mit der Farbe der Site harmonieren und der Site ein elegantes Gefühl verleihen. Ich liebe das Blogdesign. Es enthält das Hintergrundmuster im Titel und die Blog-Posts zeigen das vorgestellte Bild mit seinem Titel unter dem Bild mit einem hellbraunen Hintergrund an.

Besuche die Website

Abschließend

Das sind unsere 10 besten Community-Einreichungen auf der Divi-Website für den Monat September. Diese Seiten sehen fantastisch aus und wie immer möchten wir uns bei allen für Ihre Einsendungen bedanken!

Wenn Sie möchten, dass Ihr eigenes Design berücksichtigt wird, senden Sie bitte eine E-Mail an unseren Redakteur bei nathan at Elegant Themes dot com. Stellen Sie sicher, dass der Betreff der E-Mail „DIVI SITE SUBMISSION“ lautet.

Wir würden auch gerne von Ihnen in den Kommentaren hören! Sagen Sie uns, was Ihnen an diesen Websites gefällt, und wenn sie etwas getan haben, möchten Sie, dass wir es auf dem Blog unterrichten.

Ausgewähltes Bild über Jemastock / shutterstock.com