Divi Design Showcase: Neue Einreichungen ab September 2018

Es ist wieder Zeit für unseren monatlichen Divi-Showcase, in dem wir uns 10 fantastische Divi-Websites ansehen, die von unseren Community-Mitgliedern erstellt wurden. Jeden Monat präsentieren wir die besten Divi-Websites, die von unserer Community eingereicht wurden, und heute möchte ich 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 2018

1. Pixel und Bleistifte

Diese Website wurde von Tyler Diaz eingereicht. Ein schöner Vollbild-Header zeigt, worum es auf dieser Site geht, indem Grafiken und Farben zusammen mit interessanten Designs verwendet werden. Der nächste Abschnitt zeigt Kundenlogos mit einer Schaltfläche, um mehr zu erfahren. Ein Abschnitt mit vorgestellten Arbeiten zeigt Projekte als Karten mit Bildern, Text, Schaltflächen und Schatteneffekten an. Ich liebe den letzten Abschnitt, der eine weitere Reihe von Grafiken mit einem einfachen Call-to-Action und Social-Buttons zeigt, die in einem abgewinkelten Abschnitt platziert sind. Die Arbeitsseite zeigt größere Versionen der Projektkarten an, wobei jede den Besucher zu einer einfachen und eleganten Projektdetailseite führt. Ich liebe auch die vereinfachte Verwendung von Farben und Grafiken.

Webseite ansehen

2. Andrea Masotti

Diese Website wurde von Andrea Masotti eingereicht. Diese Site verwendet interessante Divi-Module. Drei Zeilen zeigen drei Spalten mit Text ganz rechts und links und einer Grafik in der Mitte. Der Text und die Grafiken verwenden schwarze Umrisse mit Weiß für die Farbe, die mit dem Hintergrund verschmilzt. Jede Reihe wird durch eine schwarze Linie getrennt. Wenn Sie den Mauszeiger nur über die Zeile bewegen, werden alle ihre Elemente schwarz. Wenn Sie mit der Maus über ein bestimmtes Element innerhalb der Zeile fahren, ändert sich dessen Farbe in Rot (für Text) oder Rot und Blau (für die Grafiken). Die roten und blauen Grafiken werden als Kopfelemente für die Portfolioseiten verwendet. Diese Website ist ein hervorragendes Beispiel dafür, wie etwas Einfaches eine große Aussage machen kann.

Webseite ansehen

3. Adriano Alfaro

Diese Website wurde von Adriano Alfaro eingereicht. Es zeigt eine Vollbild-Kopfzeile mit einem Titel und einer Beschreibung an, gefolgt von einem kurzen Abschnitt mit sozialen Folgen, sodass Sie sofort wissen, worum es auf der Website geht, und mit dem Designer in Kontakt treten können. Klappentexte mit großen Symbolen, Beschreibungen und Links zeigen die Dienste an. Die nächsten Abschnitte sind meine Favoriten. Sie zeigen auf der einen Seite ein Bild und auf der anderen Text in voller Breite und enthalten Links zum Portfolio. Sie wechseln die Seiten, während Sie scrollen. Hinter einer Auszeichnung mit Zitat und CTA läuft ein Videohintergrund. Ich liebe die Portfolio-Seite, die flächendeckende Bilder von anklickbaren Projekten anzeigt. Auf den einzelnen Projektseiten glänzt diese Seite wirklich. Sie sind ein schönes Beispiel für modernes Layout-Design. Schaut unbedingt auf der Fiat-Seite vorbei.

Webseite ansehen

4. Emily Händlerin

Diese Website wurde von Emily Merchant eingereicht. Dieser erstellt einen interessanten Header mit einem CTA. Der CTA wird mit Bild, Rahmen, Art der bereitgestellten Arbeit, Titel und Schaltflächen erstellt. Darunter sitzen drei Bilder. Sie enthalten einen Titel in einem Overlay. Beim Schweben ändert sich ihre Farbe und es wird ein Rahmen angezeigt, wodurch ein eleganter Projektseiten-CTA entsteht. Ein About-Abschnitt wird mit einem Zitat und Text erstellt. Ein anderer Portfolio-CTA zeichnet Grafiken, während Sie zu ihm scrollen. Die Portfolio-Seite erstellt ein mehrspaltiges Layout, bei dem jedes Bild seine eigenen Überlagerungsfarben hat und die Hover-Effekte fortsetzt.

Webseite ansehen

5. INTROAMERIKA

Diese Website wurde von Vincent Valentino eingereicht. Dieser nutzt kräftige Farben und Parallax-Effekte. Der Vollbild-Header startet die Site mit einem schönen Hintergrund, der den Text und die Schaltflächen präsentiert. Ein Abschnitt, der zeigt, was sie tun, zeigt eine topografische Karte mit gezackten Kanten an, um sie von einem Abschnitt mit Klappentexten zu trennen, die Blöcke mit Schatteneffekten anzeigen. Ich liebe die Abschnitte mit Fallstudien. Ein Bild des kompletten Designs wird im Hintergrund mit überlappendem Text angezeigt und ein Bild scrollt in Parallaxe. Aktuelle Projekte werden in einem mehrspaltigen Layout angezeigt. Diese Site nutzt ein One-Page-Design hervorragend.

Webseite ansehen

6. Wetterstation

Diese Website wurde von Pierre Lannoy eingereicht. Dies ist die Website einer App. Es hält das Design einfach und nutzt die Farbe. Ich mag besonders die blauen Hintergründe mit einem dezenten Farbverlauf, der im gesamten Design verwendet wird. Eine wellenförmige Abschnittstrennung hebt die Kopfzeile ab, während die Vorteile mit Bildern und Textbausteinen dargestellt werden. Die Site verwendet auch Zahlenzähler, die tatsächlich nützliche Statistiken zu Downloads und öffentlichen Installationen anzeigen. Direkt darunter befindet sich ein Abschnitt, der die Bewertungen der App anzeigt und Grafiken der Sternebewertung enthält. Testimonials sind sauber und beinhalten Schatteneffekte. Ich mag auch die Blog-Seite, die Bilder als Karten in zwei Spalten mit einem Kastenschatten, einem Titel und einer Schaltfläche anzeigt. Beim Schweben wird ein blaues Overlay mit einem Auszug aus dem Beitrag angezeigt. Der neueste Beitrag wird in voller Größe in einer einzigen Spalte angezeigt. Die einzelnen Posts verwenden auch Box-Schatteneffekte und enthalten Postnavigations- und Kommentarmodule.

Webseite ansehen

7. Goodimalist

Diese Website wurde von Daragh Wallace eingereicht. Diese Seite konzentriert sich auf ein Blog-Layout. Es zeigt eine extragroße Kopfzeile an, um das Logo vorne und in der Mitte anzuzeigen. Darunter befinden sich zwei Navigationsmenüs: Die Hauptthemen werden im Hauptmenü platziert und Unterthemen werden in einem Nebenmenü mit einer etwas kleineren Schrift in Grün platziert. Ein hervorgehobener Beitrag zeigt auf der linken Seite ein Bild und auf der rechten Seite den Titel, die Kategorien, den Auszug und die Schaltfläche "Weitere Informationen" in einem kleineren Feld. Zusammen nehmen sie die volle Breite des Inhaltsbereichs ein. Daran schließt sich ein Blog-Abschnitt mit 9 Beiträgen in drei Spalten an. Die Beiträge zeigen das vorgestellte Bild, den Titel, die Kategorien, einen kurzen Auszug und eine Schaltfläche an. Der Autor in mir liebt den Abschnitt in voller Breite, der die Definition des Titels der Website zeigt. Die Blog-Posts haben auch ein klares Design mit dem vorgestellten Bild, Text, einem CTA, einem Bild-Slider, einem Video (für einige der Posts) und einem Blog-Bereich mit drei Posts. Diese Seite ist ein großartiges Beispiel für ein sauberes Blog-Design.

Webseite ansehen

8. Jerrix

Diese Website wurde von Jeroen Rotty eingereicht. Es verwendet einige meiner Lieblingsfarben (ich komme aus Tennessee und ich mag Orange). Der Header verwendet Parallaxe mit einem CTA. Ein gestylter Abschnittstrenner hilft beim Erstellen des Leerraums für den nächsten Abschnitt, der mit einem Link und einem eingekreisten Foto „Über“-Informationen bereitstellt. Dienste werden mit großen zweifarbigen Symbolen angezeigt, die die orangefarbenen Highlights und Hover-Effekte verwenden. Screenshots neuerer Arbeiten verwenden auch Hover-Effekte und enthalten einen Shadow-Box-Effekt. Die Portfolio-Seite setzt das aktuelle Arbeitsdesign fort. Wenn Sie auf eines klicken, gelangen Sie zur Website selbst, damit Sie die Arbeit aus erster Hand sehen können. Die WordPress-Seite zeigt die Vorteile in zwei Spalten an und enthält handgezeichnete Grafiken auf der gesamten Seite. Ich liebe die Farben auf dieser Seite.

Webseite ansehen

9. Mütter in Gefahr

Diese Website wurde von Swag Design Factory eingereicht. Es verwendet ein Box-Design mit einem mehrspaltigen Layout. Die Kopfzeile zeigt das Logo, das Menü und die Schaltflächen zum Folgen von sozialen Netzwerken vertikal auf einer Seite mit einem Video und einem Slogan auf der anderen Seite an. Ein Bild- und Informationsabschnitt verwendet dasselbe Zeilenlayout, wechselt jedoch Bild und Text ab. Mehrere zweispaltige Abschnitte zeigen ein Bild mit einer überlappenden Schaltfläche und Text mit CTA. Ein Testimonial in voller Breite verwendet das Logo und die Farben der Website, um sich perfekt zu vermischen. Die einzelnen Blog-Posts zeigen ein Hintergrundmuster mit Titel- und Social-Follow-Buttons für die Kopfzeile, gefolgt von Post und Sidebar, die passend zur Site gestaltet sind. Ich liebe die dunkelgrünen und rosafarbenen Highlights, die auf der gesamten Website verwendet werden.

Webseite ansehen

10. Wems Wireless

Diese Website wurde von Philip Wantling eingereicht. Es verwendet Markenfarben (orange und grün) mit Bildern von Elektronik (mit denselben Markenfarben), um diese Geschäftswebsite zu beschreiben. Dies wird in der Vollbild-Kopfzeile und auf der gesamten Website angezeigt. Vier Bilder in zwei Spalten verlinken zu den verschiedenen Produkten. Ich liebe den CTA, der eine Animation mit Titel und Schaltfläche bietet. Es überschneidet sich mit dem vorherigen Abschnitt (der Kundenlogos) und wird von einer Reihe von Klappentexten begleitet, um die Vorteile zu beschreiben. CTAs für Demos verwenden herausragende Bänder in den Ecken der Bilder. Die Produkte werden mit mehrspaltigen Layouts angezeigt, die zu Produktlinks führen. Die einzelnen Produktseiten enthalten auch süßes Divi-Styling für die Produktbeschreibungen und Seitenhintergrundmuster. Diese Seite macht großen Gebrauch von Layout-Design und Farbe.

Webseite ansehen

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 Koksharov Dmitry / shutterstock.com