Divi Design Showcase: Neue Einreichungen ab Mai 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 Mai 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 Mai 2020

1. Svadobna agentura Terezy Klizanovej

Diese Seite wurde von Lubomir Micuch eingereicht. Diese Site spielt ein Hintergrundvideo im Vollbildmodus ab und enthält einen Audioplayer mit Musik, die zum Video passt. Der Ton ist standardmäßig ausgeschaltet und kann einfach eingeschaltet werden. Der Vordergrund zeigt auch das Logo, den Slogan und den CTA in der Mitte mit einem gestylten Abschnittstrennzeichen an, das zum Abschnitt „Info“ führt. Dieser Abschnitt enthält einige Zeilen mit Text und einem Klappentext in zwei Spalten in einem abwechselnden Layout. Der Klappentext ist mit einer überlappenden Schaltfläche gestaltet. Testimonials zeigen Bilder mit einem Link, um mehr zu erfahren. Eine Videogalerie zeigt Clips von Hochzeiten. FAQs werden in gestylten Schaltern platziert. Ich liebe die benutzerdefinierte Fußzeile mit einem Hintergrundbild und gestylten Social-Buttons. Die Site enthält auch eine gestylte Schiebeleiste und eine Zurück-nach-oben-Schaltfläche. Seine Eleganz passt perfekt zu seinem Thema.

Besuche die Website

2. Techint Labs

Diese Seite wurde von Ben Schroeder eingereicht. Ihr Mauszeiger wird zu einem roten +, wenn Sie mit der Maus über eine beliebige Stelle des Bildschirms fahren. Die Startseite ist im Vollbildmodus mit blauem Hintergrund mit einem Weltraumhelm in der Mitte. Das Gesicht des Helms spielt ein Video von Wolken ab, die sich über die Berge bewegen. Es enthält einen großen weißen Text mit einem CTA auf der linken Seite und Informationen über das Unternehmen mit Social-Buttons auf der rechten Seite. Die Kopfzeile zeigt das Logo und ein Hamburger-Menü an. Besonders interessant ist die Speisekarte. Auf etwa der Hälfte des Bildschirms wird ein weißer Hintergrund angezeigt. Links sind einzelne Wörter in extragroßer schwarzer Schrift. Sie sind mit noch größeren grauen Schriften nummeriert, die beim Schweben blau werden. Mehrere Seiten folgen dem gleichen Farbschema oder haben einen animierten schwarzen Sternenhintergrund.

Besuche die Website

3. Schwerpunktmarketing

Diese Seite wurde von Derek Nelson eingereicht. Diese Site verwendet auf der gesamten Site viel großen, fetten Text in Gelb, Weiß und Schwarz. Der Heldenbereich enthält ein Hintergrundvideo im Vollbildmodus, während der Vordergrund einen großen Slogan anzeigt. Das sekundäre Menü enthält einen gestalteten Hintergrund und der nächste Abschnitt verwendet das fette Gelb für den Hintergrund. Es enthält ein Muster in echter Parallaxe mit einem großen CTA und einer Videoschaltfläche, die diesen und den Heldenabschnitt überlappt. Ich liebe den nächsten Abschnitt, der eine Grafik des Space Shuttles zeigt, das beim Scrollen nach oben startet. Dieser Abschnitt enthält auch einen CTA und einen Wolkenabschnittstrenner. Ein ähnlicher Abschnitt zeigt den Erath, der sich beim Schweben dreht. Andere sind animierte Arbeitsbeispiele, schräg gezeigte Projekte, extragroße Symbole und ein gestylter Blog mit den Markenfarben.

Besuche die Website

4. Atemfest

Diese Seite wurde von Radko Sedlak eingereicht. Es verwendet ein dunkles Farbschema mit roten und blauen Highlights. Der Heldenbereich zeigt einen schwarzen Hintergrund mit einer blauen Form an einer Seite an. In der Mitte wird eine rote Hand mit einem CTA darüber platziert. Kleine Linien in echter Parallaxe sorgen für einige visuelle Muster auf der gesamten Website. Der nächste Abschnitt zeigt einen weiteren CTA mit Text auf einer Seite und einem Bild auf der anderen. Der Text enthält den blauen Hintergrund, während das Bild rot ist. Sein schwarzer Hintergrund wird blau, da ein Abschnitt mit gestylten Bildern auf Facebook-Posts verweist. Es enthält auch einen Kauf-CTA, ein gestyltes Newsletter-Formular mit einem Bild in Parallaxe und weiße Logos von Partnern. Das Menü zeigt ein Hamburger-Symbol an, das das Menü im Vollbildmodus öffnet.

Besuche die Website

5. Nur Verstand

Diese Seite wurde von Chetan Gupta eingereicht. Diese Seite verwendet durchgehend sanfte Farben, um über das Thema zu informieren und das ideale Publikum anzusprechen. Der Heldenbereich zeigt einen weißen Hintergrund mit einem CTA auf der einen Seite und einem Bild mit einer gestylten Form auf der anderen Seite. Ein Abschnitt mit Informationen zu den Kursen wird in zwei Spalten angezeigt, wobei jede Spalte eine andere Hintergrundfarbe hat. Ein weiterer Informationsabschnitt zeigt Grafiken mit denselben Ausschnittsformen an. Ein Abschnitt mit Kursen zeigt einen Kurs als Karte mit einem Kastenschatten auf der einen Seite, Informationen und einem Button auf der anderen Seite und dem Titel in extra großer Schrift unten. Jeder der Kurse hat unterschiedliche Farben in einem abwechselnden Layout. Klappentexte bieten Informationen mit gestylten Symbolen. Zu den Informationen über den Dozenten gehören CTAs und ein gestyltes Bild. Ein Anmeldeformular in voller Breite enthält die Markenfarben für die Elemente und Grafiken.

Besuche die Website

6. Bewährt und wahr

Diese Seite wurde von Mick Tilley eingereicht. Es verwendet viele helle Farben auf der gesamten Website. Der Heldenbereich zeigt zwei Spalten an. Links ein Bild mit blauem Hintergrund. Rechts zeigt ein Bild mit rosa Hintergrund und einem CTA über dem Bild mit grünem Hintergrund, der an den nächsten Abschnitt anknüpft, der ein CTA zum Starten eines Projekts ist. Informationen über das Unternehmen umfassen einen vertikalen Titel und Bilder, die sich überschneiden. Ein E-Mail-Opt-In mit blauem Hintergrund führt zum nächsten Abschnitt, der Dienste in Klappentexten mit Grafiken in den Markenfarben anzeigt. Ein Portfolio-Bereich zeigt die neuesten Projekte als große Screenshots. Im Bereich eines Kunden werden Logos mit einem Testimonial über einem Hintergrundbild angezeigt. Die Blog- und Kontaktbereiche enthalten die Markenfarben in den Bildern, Texten und Hintergründen.

Besuche die Website

7. Artillerie-Medien

Diese Seite wurde von Siscanu Mihail eingereicht. Es verwendet großen Text mit viel Schwarz und Weiß, die von gelben Abschnitten abgesetzt werden. Der Heldenabschnitt zeigt ein Bild in voller Breite mit einem großen Titel und Slogan an. Jeder der anderen Abschnitte ist mit einer Beschreibung und einem Teiler beschriftet. Ein Leitbild wird über einem hellgrauen Muster angezeigt, gefolgt von Informationen auf einem schwarzen Hintergrund. Dienste werden auf Karten angezeigt, die Bilder enthalten, die beim Hover zoomen und große gelbe Schaltflächen enthalten, um den Dienst im Detail anzuzeigen. Kundenlogos werden in Schwarz und Grau auf gelbem Hintergrund dargestellt. Daran schließen sich Abschnitte mit Kontaktformular, Arbeitsablauf und Blog an – jeweils mit abwechselnd grauen und schwarzen Hintergründen. Die Blogkarten verbinden Schwarz und Gelb mit schwarzen Knöpfen, die beim Schweben gelb werden.

Besuche die Website

8. Von Grund auf neu

Diese Seite wurde von Philipp Stakenborg eingereicht. Es hat viele leuchtende Gelb-, Grün- und Magentafarben als Markenfarben auf der gesamten Website. Die Kopfzeile ist gelb hinterlegt und die Links sind in einem weißen Feld platziert, während das Logo und die Links die Kopfzeile überlappen. Der Heldenbereich verwendet dasselbe Gelb für den Hintergrund und hat einen grünen Kreis an einer Seite. Im Vordergrund steht ein großer Titel und Slogan. Text mit schwarzem Hintergrund befindet sich oben und ein weißer Hintergrund unten überlappt den Helden und den nächsten Abschnitt. Ein CTA wird mit einem Textabschnitt erstellt, der auf einer Seite einen gelben Hintergrund hinter großem Text und auf der anderen einen weißen Hintergrund verwendet. Ein ähnliches Design erzeugt ein Testimonial mit einem größeren Zitat oben. Blurbs mit Box Shadows in den Markenfarben zeigen die Dienste. Das Kontaktformular verbindet alles mit den drei Hauptfarben. Auch das Popup-Newsletter-Formular folgt diesem Design.

Besuche die Website

Abschließend

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