Divi Design Showcase: Neue Einreichungen ab Juni 2019

Es ist wieder Zeit für unseren monatlichen Divi-Showcase, in dem wir uns 10 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 Juni 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 Juni 2019

1. Marie Bouzkova

Diese Seite wurde von Michal Teska eingereicht. Dies ist ein einseitiges Design, das ein Navigationsmenü nur für den Titel und die Links zu sozialen Medien verwendet und das Menü am unteren Rand der Seite platziert. Das Menü bleibt beim Scrollen erhalten. Der Hero-Bereich zeigt ein großes Bild des Site-Inhabers seitlich über dem Vollbildhintergrund. Der Name und die Statistiken werden auf der anderen Seite platziert. Die Titel für jeden der Abschnitte zeigen großen Text hinter dem Titel an. Karriere-Highlights zeigt überlappende Bilder auf der einen Seite und die Highlights in Klappen auf der anderen, gefolgt von einem eingebetteten Video. Bilder werden in der Mauerwerksgalerie angezeigt und in einem Vollbild-Slider geöffnet. Der Abschnitt Team zeigt Kopfschüsse des Teams mit einem Hintergrundmuster. Der Abschnitt Folgen enthält eingebettete Facebook- und Twitter-Feeds. Die Site verwendet interessante Farben und Texte.

Besucherseite

2. MWS Digital

Diese Seite wurde von Kaelynn Midgley eingereicht. Es hat eine saubere Landingpage mit einem Fokus auf Calls-to-Action. Der Header zeigt die Hauptinformationen in der Mitte der Seite mit Logo, Slogan und CTA an. Eine Grafik mit CTA für ihren Ansatz überlappt den nächsten Abschnitt. Ein zweispaltiger Abschnitt zeigt ein Bild auf dem Handy in einer Spalte mit Text in der anderen Spalte. Die nächsten Abschnitte folgen diesem Design und wechseln sich auf der Seite ab. Der Blog-Bereich zeigt quadratische Bilder mit dunklen Überlagerungen und Text an, wodurch ein sauberes und elegantes Design entsteht. Ich mag den Abschnitt mit Links zu Diensten. Es zeigt den Dienst in großer Schrift an, der mit jedem Dienst verknüpft ist. Diese Seite macht eleganten Gebrauch von Farbe und Layouts.

Besucherseite

3. Una Papaya

Diese Seite wurde von Andrea El-Bardawil eingereicht. Die Site ist ein einseitiges Design, das viele Parallax-Hintergründe mit Bildern über einem Hintergrundmuster verwendet. Im Vordergrund werden Bilder angezeigt, die beim Scrollen mit den Hintergründen interagieren. Der Vordergrund enthält großen Text, der den nächsten Abschnitt beschreibt. Informationen werden in Klappentexten mit entsprechenden Grafiken bereitgestellt. Ein nummerierter Abschnitt zeigt Informationen mit einem CTA an. Beispiele der neuesten Arbeiten werden in einem Slider mit einer Beschreibung und einem Link über einem fetten roten Hintergrund angezeigt. Diese Seite macht großen Gebrauch vom Fruchtthema, Parallaxenbildern und kräftigen roten und orangen Farben.

Besucherseite

4. Frische Limette

Diese Seite wurde von Josh Allan eingereicht. Die Website verwendet Limettengrün als Markenfarbe in den Grafiken wie Symbolen, Logo und Menü-CTA (nach dem Scrollen) sowie Schaltflächen und Text und Blau für Hintergründe und Schaltflächen. Der Heldenbereich zeigt ein interessantes Hintergrundmuster in verschiedenen Dunkelblautönen mit einer Grafik von Gebäuden mit Menschen. Im Vordergrund werden Titel, Slogan und CTA angezeigt. Dienste werden in Klappentexten mit grünen Symbolen beschrieben. Ein weiterer Abschnitt zeigt Informationen auf der einen Seite mit einer Grafik eines Gebäudes und Personen auf der anderen Seite, die zum Heldenabschnitt passen. Jede der Seiten nutzt hervorragend Grafiken und gemusterte Hintergründe.

Besucherseite

5. Ranch am Fluss

Diese Seite wurde von Kelsey Specter eingereicht. Es verwendet ein extragroßes Logo, das das Menü und den nächsten Abschnitt überlappt. Das Menü erscheint so weit unten auf dem Bildschirm, dass ein Teil des Hauptbildes darüber erscheint. Das Bild in voller Breite zeigt den Standort und verwendet den Himmel im Bild, um den Titeltext zu platzieren. Darunter erscheint ein Newsletter-CTA mit einer Skriptschrift als Titel, die wie handschriftlich aussieht. Bilder werden als Links zu Informationsseiten verwendet. Mehrere Abschnitte zeigen Karten oder Bilder auf der einen Seite und Text auf der anderen, um Standorte zu beschreiben oder Informationen bereitzustellen. Die verschiedenen Seiten zeigen Bilder der Standorte in voller Breite und verwenden handgezeichnete Grafiken oder Satellitenbilder für Karten. Die Farben für die Hintergründe und den Text passen perfekt zum Ranch-Thema.

Besucherseite

6. Eden River Equestrian

Diese Seite wurde von Salma Sheriff eingereicht. Es enthält eine obere Menüleiste mit Kontolinks, einen großen Logobereich und dann die Hauptnavigation mit blauem Hintergrund, die schmaler als der Rest der Website ist. Das Haupthintergrundbild zeigt einen Slogan und einen Shop-CTA in einem Overlay an. Überschriften sind entweder grün oder braun, um in das Design der Website zu passen. Ein Facebook-CTA beschreibt die Gruppe in einem farblich hervorgehobenen Kästchen. Es verwendet ein eingekreistes Bild und eine Schaltfläche, die mit der Gruppe verknüpft ist. Ein Abschnitt über den Podcast verwendet Bilder mit Titeln, um auf die neuesten Episoden zu verlinken. Ein weiterer auffallender Abschnitt ist eine Reihe von Klappentexten mit eingekreisten Bildern, die auf die verschiedenen Seiten verweisen, die einem ähnlichen Stil wie die Startseite folgen. Die Farben für Text und Hervorhebungen passen gut zum Design der Website.

Besucherseite

7. Löwenallee

Diese Seite wurde von Ricky eingereicht. Die Website ist ein einseitiges Design, das sowohl dunkle als auch gedeckte Farben verwendet, um einen gestylten Look zu erzielen. Hellblaue Hervorhebungen werden für Titel, Hintergründe und Ränder verwendet. Der Heldenbereich zeigt den Slogan mit einer Reihe von CTAs gefolgt von einem großen Logo an. Ein Informationsabschnitt zeigt ein Bild des Site-Inhabers auf der einen Seite in einem gestylten Bild, während die Informationen auf der anderen Seite in einem größeren Bereich mit dem Titel, einer Skriptschrift und den Informationen selbst in einem Feld mit einem gestylten Rahmen dargestellt werden, der überlagert das Bild. Derselbe Titel und das Skript-Schriftdesign werden verwendet, um mehrere Abschnitte auf der gesamten Website einzuführen, einschließlich der Portfolio-Abschnitte, die Bilder von Projekten als Karten zeigen. Die Farben, Schriftarten und abgewinkelten Trennwände verleihen dieser Site ein sauberes und interessantes Design.

Besucherseite

8. Mehr melken

Diese Seite wurde von DJ WHEELER eingereicht. Die Website verwendet ein schwarz-weiß-braunes Farbschema, um ein sauberes Design zu erstellen. Der Text des Menüs ist größer als normal mit viel Platz zwischen den Links. Der Hero-Abschnitt zeigt ein verwandtes Bild in voller Breite und extragroßen wellenförmigen Trennlinien mit Transparenz, um sie in den nächsten Abschnitt einzufügen, der großen schwarzen Text auf weißem Hintergrund zeigt. Ein weiteres Bild in voller Breite verschmilzt mit dem vorherigen und nächsten Abschnitt, der große Schaltflächen für die Shop-Kategorien enthält, gefolgt von einer Reihe von Produkten. Mehrere Abschnitte bieten Informationen entweder mit Bildern und Schaltflächen oder Klappentexten und Symbolen. Jeder Abschnitt hält die Informationen kurz und einfach. Die Testimonials und Newsletter-Abschnitte folgen dem gleichen einfachen Design. Diese Seite nutzt hervorragend Leerraum und Typografie.

Besucherseite

9. Pro Foto Online

Diese Seite wurde von Eugene Dimov eingereicht. Die Site verwendet ein Timeline-Design, um die Abschnitte zu trennen. Ein Vollbild zeigt den Titel und den CTA an. Große Abschnitte enthalten große Überschriften, die sich hinter den Titeln befinden. Die Überschriften gleiten beim Scrollen langsam an ihren Platz. Jeder Abschnitt ist mit einem Farbblock und einer Nummer mit einem vertikalen Strich nummeriert. Die Zahlen springen beim Scrollen in Position. Die kleineren Abschnitte haben vertikale Titel, die an den Seiten des Bildschirms erscheinen. Die Abschnitte selbst enthalten abwechselnde CTAs mit Text und Bildern. Ich liebe das Layout der Galerie-Seite. Es zeigt das Bild auf einer Seite mit einem dicken Rand und die Informationen des Fotografen auf der anderen Seite und Schaltflächen zum Kaufen oder Drucken des Bildes. Die Kontaktseite zeigt das Kontaktformular auf einer Tafel, die von der Decke hängt. Das Formular befindet sich neben einem Bildschieberegler. Das Brett, auf dem sie platziert sind, befindet sich über einer Ziegelmauer. Die Seite macht großen Gebrauch von Typografie und Fotografie.

Besucherseite

10. Haiko Labs

Diese Seite wurde von Rui Silva eingereicht. Der Hero-Bereich zeigt ein großes orangefarbenes Hintergrundmuster mit einem CTA und abgewinkelten Bildern im Overlay in Parallaxe. Der Abschnitt hat einen abgewinkelten Teiler, der in den nächsten Abschnitt übergeht. Während Sie scrollen, werden Produkte auf der einen Seite mit Beschreibungen auf der anderen angezeigt und wechseln sich auf der Seite ab. Einige der Bilder überlappen Hintergrundelemente. Ein weiterer interessanter Informationsabschnitt verwendet einen Block mit schwarzem Hintergrund, der den größten Teil des Bildschirms einnimmt und seitlich sitzt. Während Sie scrollen, wird der angezeigte Hintergrund mit dem darunter liegenden Bild verschmolzen. Die CTAs heben sich durch kräftige Farben auf dem schwarzen Hintergrund ab. Diese Seite macht exzellenten Gebrauch von Farbe und Fotografie.

Besucherseite

Abschluss

Das sind unsere 10 besten Community-Einreichungen auf der Divi-Website für den Monat Juni. 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 rudall30 / shutterstock.com