Divi Design Showcase: Neue Einreichungen ab November 2019

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

1. Atelier 1318

Diese Seite wurde von Judith Augustin eingereicht. Dies ist ein One-Page-Design. Das Navigationsmenü für die Abschnitte ist eine Liste mit vertikal ausgerichtetem Text, der beim Scrollen schwebt. Der Heldenabschnitt zeigt ein Vollbild-Hintergrundbild in echter Parallaxe mit einem animierten kreisenden Logo in der unteren rechten Ecke an, das den nächsten Abschnitt überlappt. Viele Rubriken bieten Informationen und Links. Hintergrundfarben wechseln zwischen Schwarz und Weiß mit mehreren Abschnitten, die stilisierte Titel und Nummern als Einführung in die Klassen enthalten. Die Arbeit wird in einem Galerie-Schieberegler angezeigt, der die Beschreibung beim Schweben anzeigt. Die Bilder in den Galerien öffnen einen Tab, auf dem Sie das Bild auf Instagram sehen können.

Besuche die Website

2. Technisches Recht

Diese Seite wurde von Aleksandra Palecka eingereicht. Dieser verwendet viel kräftiges Rot für die Highlights. Der Hero-Bereich zeigt ein Hintergrundbild in Schwarzweiß mit einem CTA auf der einen Seite und einem liniengezogenen Feld in Rot auf der anderen Seite mit zwei offenen Ecken. Es ist erstaunlich, wie viel visueller Reiz etwas so Einfaches dem Layout verleiht. Die nächsten Abschnitte haben einen Hintergrund mit einem Punktmuster, das beim Scrollen verblasst. Diese Abschnitte zeigen mehrere CTAs, umgeben von Schwarzweißfotos mit roten Hervorhebungen. Zu den Highlights zählen Bilder mit roten Überlagerungen, Trennlinien, ein liniengezeichnetes Feld und Schaltflächen. Das gleiche Kastendesign wird verwendet, um die Aufzählungspunkte zu nummerieren. Die rote Überlagerung wird auch verwendet, um einen Anruf-CTA zu erstellen. Ich liebe die Verwendung von Rot in diesem.

Besuche die Website

3. Die Gemeindekirche von Ridge

Diese Seite wurde von James Smith eingereicht. Es spielt ein Vollbild-Hintergrundvideo mit einem großen Logo und dem Slogan im Overlay ab. Das Mega-Menü befindet sich auf der linken Seite, während die rechte Social-Follow-Links und einige CTAs mit Symbolen über dem Text enthält. Links werden am unteren Rand des Videos angezeigt und enthalten Hover-Overlays. Ein Begrüßungsbereich zeigt ein eingebettetes Video und eine Veranstaltung mit einem Link an, um mehr von beiden zu sehen. Ereignisse werden als Karten innerhalb eines Schiebereglers angezeigt. Die Ereignisse selbst auf der Ereignisseite werden als benutzerdefinierte Beitragstypen mit mehr in der Seitenleiste angezeigt. Überzeugungen werden in Akkordeons gezeigt. Ich mag die roten Highlights in diesem.

Besuche die Website

4. Alight-Medien

Diese Seite wurde von James Smith eingereicht. Der Heldenbereich zeigt einen Schieberegler in voller Breite mit einem geschwungenen Teiler und einer gestylten vertikalen Navigation an. Mehrere Folien haben Bilder, die den Teiler überlappen. Dienste werden in Klappentexten angezeigt und enthalten zweifarbige benutzerdefinierte Symbole. Das Mega-Menü enthält dieselben Symbole mit denselben Titeln wie die Klappentexte. Ein weiterer Slider zeigt die letzten Projekte. Dieser Slider hat oben einen geschwungenen Teiler und zeigt die Folien mit abgerundeten Ecken an. Ein kleinerer Schieberegler zeigt Kundenlogos in Farbblöcken, die gerade dunkel genug sind, um sich vom Hintergrund abzuheben. Auf den Serviceseiten werden Beispiele mit einem Galerieraster angezeigt.

Besuche die Website

5. Doktor Life Health

Diese Seite wurde von Oskar Kopec eingereicht. Produkte und ein CTA werden innerhalb eines Schiebereglers in voller Breite im Heldenbereich angezeigt. Die Folien enthalten Hintergrundbilder an den Seiten, die die Bilder hervorheben. Der nächste Abschnitt zeigt einige CTAs zu verschiedenen Produkten. Diese CTAs haben einen Schatten, der nach innen zeigt, wodurch sie sich voneinander abheben, obwohl sie verbunden sind. Die nächsten Abschnitte zeigen die Produkte als kleinere Bilder in Schiebereglern. Ein Informationsbereich zeigt Bilder mit Beschreibungen in den Overlays. Die Artikelseite zeigt Bilder für Kategorien mit Kastenschatten und enthält Titel und Beschreibungen.

Besuche die Website

6. Gemeinsam Medien

Diese Seite wurde von Robin Kesting eingereicht. Es verwendet viel fettes Gelb für Symbole, Links, Schaltflächen und mehr. Mehrere Hintergründe haben geschwungene Trennwände, während viele der Reihen und Module Kastenschatten haben, um sich abzuheben. Der Hero-Bereich zeigt auf der einen Seite einen CTA und auf der anderen eine Grafik. Eine Einführung wird mit einem eingebetteten Video und einem gestylten Textblock bereitgestellt. Eine Reihe nummerierter Klappentexte zeigt die Vorteile ihrer Verwendung. Die Zahlen stehen hinter den Titeln. Es enthält auch eine gestylte Galerie, die das Bild auf Instagram öffnet, umschaltet, um die FAQ zu erstellen, ein gestyltes Newsletter-Formular und eine gestylte Fußzeile mit einer überlappenden Schaltfläche.

Besuche die Website

7. Bishopton Dog Walking Services

Diese Seite wurde von Jamie Shanks eingereicht. Die Kopfzeile fügt oben im ersten Bild eine Leiste mit einer anklickbaren E-Mail- und Telefonnummer hinzu. Der Rest der Seite besteht aus einer Reihe von fast bildschirmfüllenden Bildern. Die Bilder zeigen Hunde beim Spielen und enthalten CTAs und andere Informationen in den Overlays. Die Bereiche, in denen der Text platziert wird, werden abgedunkelt. Das gestylte Kontaktformular wird ebenfalls über einem Hintergrundbild platziert. Dieses Bild ist noch stärker abgedunkelt, lässt aber die Mitte durchscheinen. Der Blog zeigt Beiträge in Karten an und enthält einen Kastenschatten für die Schaltflächen zum Weiterlesen. Die Blog-Kategorieseiten enthalten eine Suchfunktion. Es enthält sogar eine Grafik einer nach oben zeigenden Pfote für den Zurück-nach-oben-Button.

Besuche die Website

8. IWOOD

Diese Seite wurde von Julien Ferla eingereicht. Das Menü enthält Farbblöcke, um die CTAs hervorzuheben. Es hat einen interessanten Heldenbereich, mit dem es wirklich Spaß macht, damit zu spielen. Der Titeltext und das Hintergrundbild bewegen sich als Reaktion auf Ihre Maus. Drei eingekreiste (zweifarbige) Punkte bleiben an Ort und Stelle. Jeder der Punkte wird über einem der Elemente im Bild platziert und zeigen den Namen der Elemente beim Schweben an. Ein schmaler Abschnitt bietet Links zu den Richtlinien und zum Shop. Darauf folgen mehrere große Textabschnitte. Der Text besteht aus mehreren Wörtern in Rosa und Textabschnitte sind durch abwechselnde Trennzeichen voneinander getrennt. Große Abschnitte zu den Produkten zeigen Text, Bilder und Schieberegler. Sie enthalten schlanke CTAs, die dem unter der Überschrift entsprechen. Dieser macht eleganten Gebrauch von Text und Farbe.

Besuche die Website

9. Cody Goodin

Diese Seite wurde von Nicole Marie Zinnanti eingereicht. Diese Site verwendet viel Leerraum und ein minimales Design, um ein sauberes Layout zu präsentieren. Der Heldenbereich enthält auf einer Seite einen CTA über einem gemusterten Hintergrund. Der nächste Abschnitt zeigt auf der einen Seite eine Grafik und auf der anderen einen CTA. Besonders gut gefällt mir der Kompetenzbereich. Es zeigt die Fähigkeiten in zwei Spalten an, die sich abwechseln. Jedes hat ein zweifarbiges Symbol für jedes der Segmente mit dem Titel und der Beschreibung darunter. Auf der anderen Seite werden die Skills dann in einer anderen Schriftart aufgelistet. Ein Info-Abschnitt schließt die Site mit einem gestylten Teiler und einer Grafik ab. Die benutzerdefinierte Fußzeile platziert Links auf beiden Seiten.

Besuche die Website

10. Elsebeth Egholm

Diese Seite wurde von Rikke Ekelund eingereicht. Der Heldenbereich zeigt ein gemustertes Hintergrundbild in Parallaxe mit einem Bild eines Buches und einem CTA über einer Reihe von Rezensionen im Overlay. Andere Bücher werden in einem wechselnden Layout mit Links zum Weiterlesen angezeigt. Ein Abschnitt über den Autor zeigt die Informationen auf der einen Seite mit einem Link zum Weiterlesen und einem Bild auf der anderen Seite. Alle Kontaktinformationen werden über einem Vollbildfoto des Autors platziert. Ich mag die Seiten für die Bücher. Sie zeigen das Buch auf der einen Seite und eine Beschreibung auf der anderen, beides über einem dunklen Hintergrund, der den Ton des Buches bestimmt. Die Site enthält eine gestylte Back-to-Top-Schaltfläche und einen gestylten Schieberegler auf der rechten Seite. Ich liebe die roten Highlights.

Besuche die Website

Abschluss

Das sind unsere 10 besten Einreichungen für die Divi-Website der Community für den Monat November. 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 Mascha Tace / shutterstock.com