Divi Design Showcase: Neue Einreichungen ab Juli 2020

Es ist wieder soweit für unseren monatlichen Divi-Showcase, in dem wir uns acht tolle 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 Juli 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 Juli 2020

1. Poptin

Diese Seite wurde von Tomer Aharon eingereicht. Die Site verwendet viel Lila für die Text- und Hintergrundverläufe und ähnliche Rot-, Gelb- und Blautöne für Highlights. Das Menü enthält sogar Klappentexte mit Symbolen in diesen Farben. Der Hero-Bereich zeigt einen Tippeffekt für das Keyword an, der den Slogan und die Botschaft des CTA ändert. Ein interessantes Feature ist eine Reihe von Abschnitten, die Schaltflächen in einem vertikalen Stapel neben einem Computermodell-Bildschirm in einem abwechselnden Layout anzeigen. Durch Klicken auf eine der Schaltflächen ändert sich die Anzeige auf dem Mockup-Bildschirm. Ein ähnlicher Abschnitt zeigt Registerkarten mit Symbolen über dem Mockup-Bildschirm an. Die Website ist mehrsprachig, sodass Sie aus 7 Sprachen wählen können.

Besuche die Website

2. LVP-Imperium

Diese Seite wurde von Nadzim Al-Rash eingereicht. Es verwendet viel Bräune für Hintergründe mit schwarzem Text. Das Navigationsmenü ist einfach gehalten mit einem Link zur Galerie und einem zum Buchen einer Sitzung. Hover-Effekte ändern ihren Hintergrund in eine dunklere Farbe. Ein Ausblendeffekt blendet Bilder beim Scrollen ein oder aus, einschließlich des Heldenbilds und bestimmter Galerien. Die Fußzeile zeigt einen dunkelgrünen Hintergrund, der sich abhebt, aber die Bräune ergänzt. Es enthält ein Navigationsmenü mit einer hellbraunen Linie oben und Hover-Effekten. Die Galerien zeigen große Bilder in einer einzigen Spalte an, um die Arbeit zu präsentieren. Die Seite für Buchungen zeigt mehrere Standorte mit jeweils Karten an.

Besuche die Website

3. Andy Hooke

Diese Seite wurde von Andy Hooke eingereicht. Es verwendet viel Dunkelblau für Hintergründe und Text auf der gesamten Website. Das Menü zeigt Symbole für die Untermenünavigation an. Der Heldenabschnitt zeigt Screenshots von Arbeiten, die den nächsten Abschnitt überlappen. Es enthält auch mehrere Hintergrundmuster in echter Parallaxe, um sich abzuheben. Mehrere Schlüsselwörter innerhalb der Titel sind unterstrichen. Ich mag besonders die Abschnitte für aktuelle Arbeiten, die das Testimonial mit Screenshots und einem Link zum Anzeigen des Projekts kombinieren. Jeder dieser Abschnitte wechselt beim Scrollen zu einer anderen Hintergrundfarbe, von Dunkelblau zu Mittelblau und dann zu Orange. Der Blog und andere Seiten enthalten auch die gleichen Hintergrundmuster wie die Homepage. Einige der Seiten fügen sie zu Symbolen hinzu.

Besuche die Website

4. South of Scruffy Podcast

Diese Seite wurde von Brent Collier eingereicht. Die Seite verwendet viel Orange und Dunkelblau für die Hintergründe und Muster. Der Hintergrund ist eine gestylte Zeichnung eines Berges mit kräftigen Farben. Ein gestylter Audioplayer mit dem neuesten Podcast wird unter dem Slogan im Heldenbereich platziert. Das Bild enthält das Artwork und die Farben der Website. Ein anderer Abschnitt zeigt Hintergrundmuster in kräftigen Farben in echter Parallaxe. Stilisierte Symbole verlinken zu den verschiedenen Orten, an denen Sie den Podcast hören können. Auch der Kontaktbereich gefällt mir. Es enthält einen orangefarbenen Hintergrund mit dem Kontaktformular an einer Seite in einer anderen Farbe, aber die Felder überlappen die beiden Farben.

Besuche die Website

5. Palavras Cruzadas

Diese Seite wurde von Rui Edmond eingereicht. Die Site verwendet ein kräftiges Blau in den Hintergründen, Schaltflächen und Titeln. Es folgt meistens einem 2-Spalten-Design mit Abschnitten, die sich von Blau bis Weiß abwechseln. Jeder der Abschnitte enthält CTAs mit Beschreibungen und Links zu den Produkten. Grafiken akzentuieren die Links zu den Produkten. Puzzles sind in den Projektpost-Typ integriert. Testimonials zeigen eingekreiste Bilder mit gestalteten Hintergründen. Die Site enthält mehrere CTAs mit wechselnden Layouts. Das klare Design sorgt dafür, dass sich jeder von den anderen abhebt.

Besuche die Website

6. Meg Lonergan

Diese Seite wurde von Kurt Maddern eingereicht. Das Layout ist einfach, mit nur einem Menü, Logo, Copyright-Hinweis und einem Schieberegler. Der Fokus liegt auf dem Schieberegler, aber er verwendet Leerzeichen, um die Aufmerksamkeit darauf zu lenken. Der Schieberegler nimmt zwei Drittel der rechten Seite des Bildschirms ein. Das linke Drittel ist klar, mit dem Titel der Site oben und dem Logo unten. Das Navigationsmenü befindet sich über dem Schieberegler und zeigt die Links in zwei Spalten über der linken Seite des Schiebereglers an. Über der rechten Seite des Schiebereglers befindet sich ein Anfragelink. Beim Scrollen werden die gestapelten Spalten des Menüs zu einem normalen Menü mit allen Links in einer horizontalen Reihe. Der Schieberegler zeigt Bilder unterschiedlicher Breite an, um die Arbeit zu präsentieren. Auf der Seite Notizen werden Blogbeiträge mit großen Bildern und Navigationslinks angezeigt, die links hinzugefügt werden.

Besuche die Website

7. Wiederherstellung

Diese Seite wurde von Christina Oosthuizen eingereicht. Es verwendet durchgehend blau und gelb mit einem Hauch von Rot hier und da. Das Menü enthält animierte Links in Blau und Gelb. Der Hero-Bereich zeigt ein Produktbild an, das mit dem Hintergrund verschmilzt. Taglines werden mit ultragroßem Text in Weiß mit dem Schlüsselwort in Gelb erstellt. Andere Titel platzieren Text in Gelb und Blau. Große Tasten werden mit kräftigen schwarzen Schatten angezeigt, die auffallen. Die Website enthält auch viele gestaltete Zähler, Klappentexte, Erfahrungsberichte, ein passendes Kontaktformular und Schaltflächen für soziale Netzwerke. Besonders gut gefällt mir ein Abschnitt, der eine Grafik des Produkts in zwei Farben zeigt. Der Hintergrund auf der einen Seite entspricht der Farbe des Produkts auf der anderen Seite. Die Kontaktseite verwendet ein ähnliches Design.

Besuche die Website

8. PlantVibe

Diese Seite wurde von DJ Wheeler eingereicht. Die Website verwendet Grün für die Markenfarbe in den Abschnitten Hintergründe, Grafiken und Text. Der Heldenbereich enthält einen Schieberegler mit CTAs in abwechselnden Layouts, die das Bild auf der einen Seite und die Informationen auf der anderen anzeigen. Einfache CTAs mit Grafiken und Textanzeige auf grünem Hintergrund mit gestyltem Muster. Ein Abschnitt mit Kollektionen zeigt die verschiedenen Optionen in einem Produkt-Slider. Dieser Schieberegler enthält tiefgrüne Markierungen für den Titel, die Links und die Navigation. Das Kontaktformular verwendet das gleiche Grün für den Absenden-Button. Sogar die Produktfotos haben Hintergrundfarben, die in bestimmten Abschnitten verwendet werden, um sie Teil des Website-Designs zu machen.

Besuche die Website

9. Armeen

Diese Seite wurde von Thomas van der Wolde eingereicht. Die Site verwendet viel Blau in den Hintergründen, Grafiken, Texten und den CTAs im Navigationsmenü. Der Heldenbereich zeigt einen CTA mit einem Tippeffekt an, der die Schlüsselwörter ändert. Ein Abschnitt von Klappentexten zeigt für jeden Klappentext eine andere Farbe für den oberen Rand an und enthält Grafiken mit einem Blobhintergrundmuster. Ein Abschnitt mit nummerierten Schritten zeigt die Zahlen in großen blauen Schriften mit Text auf der einen Seite und einer Grafik auf der anderen in wechselndem Layout. Die anderen Seiten folgen einem ähnlich einfachen und klaren Design, das Dienstleistungen und Vorteile hervorhebt.

Besuche die Website

10. MJS-Medien

Diese Seite wurde von Matt Southam eingereicht. Es verwendet ein kräftiges Gelb für die Markenfarbe mit mehreren anderen Farben, um sie zu unterstützen. Der Heldenbereich platziert eine gelbe Überlagerung über einem Hintergrundvideo, das gerade noch durchscheint. Der gelbe Hintergrund wird auch für ein Testimonial in voller Breite und für den Kontakt-Button verwendet. Mehrere Klappentexte zeigen Grafiken mit eingekreisten Hintergründen in verschiedenen Farben an. Ich mag den Abschnitt mit einer Fallstudie, die ein Bild im Hintergrund hinter einer grauen Überlagerung zeigt. Das Vollbildmenü platziert Links in großem Text in drei Spalten, die das Anzeigen von Navigation, Diensten und Kontaktinformationen erleichtern. Der Hintergrund ist unscharf, aber sichtbar. Ich mag auch das saubere Blog-Design.

Besuche die Website

Abschließend

Das sind unsere zehn besten Einreichungen für die Divi-Website der Community für den Monat Juli. 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 DRogatnev / shutterstock.com