Divi Design Showcase: Neue Einreichungen ab Dezember 2019

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

1. Handwerkliche Glasstrukturen

Diese Seite wurde von Stuart Hingston eingereicht. Im Hintergrund wird ein Vollbildvideo mit einer dunklen Überlagerung abgespielt, die den Text hervorhebt. Das Overlay enthält das Logo und das Menü mit CTA, Titel, Slogan, Beschreibung und Schaltfläche. Beim Scrollen wird ein fester Header und ein ähnliches Design mit einem Hintergrundbild in echter Parallaxe sichtbar. Services und Informationen werden in einem schmalen Streifen mit Grafiken dargestellt. Ein CTA zeigt auf einer Seite ein kreisförmiges Bild in echter Parallaxe. Ein Testimonial-Schieberegler platziert Text über Hintergrundbildern, die als Arbeitsbeispiele dienen. Dienste zeigen große Bilder mit Text und Schaltflächen. Ich liebe den Projektbereich. Es zeigt Projekte in einem mehrspaltigen Layout mit gestylten Seitentrennern und Zoomeffekten für die Bilder. Ich mag auch das Kontaktformular, das gleich große Felder verwendet.

Besuche die Website

2. Claire Creative

Diese Seite wurde von Claire Gallagher eingereicht. Der Hero-Bereich zeigt einen Handbuch-CTA mit einem warmen Hintergrund und hilft zu beschreiben, worum es auf der Site geht. Der nächste Abschnitt zeigt einen weiteren CTA mit einem Foto des Seiteninhabers, gefolgt von einem Testimonial mit einer Grafik. Blogbeiträge werden in einem Abschnitt mit Bildern und den Titeln darunter in Kursivschrift angezeigt. Dadurch entsteht ein klares Design mit viel Weißraum. Ich mag es, wie sie sich abheben. Ein Abschnitt mit Erfahrungsberichten folgt einem ähnlichen Design, enthält jedoch mehr Text. Die Seite endet mit einem CTA in voller Breite. Die Blog-Seite folgt dem gleichen klaren Design wie der Blog-Bereich der Homepage. Die Work With Me-Seite wurde für die Lead-Generierung erstellt und enthält ein einzigartiges Design für das Buchungsformular und die Preistabellen. Projekte folgen dem gleichen Design wie die Blogbeiträge.

Besuche die Website

3. Freshlit-Medien

Diese Seite wurde von Nicole Marie Zinnanti eingereicht. Dies ist ein einseitiges Design mit Ankern im Menü zu den verschiedenen Abschnitten. Diese Site verwendet viele große Schwarzweißbilder, großen Text und Gelb hinter den Titeln über den Bildern, beginnend mit dem Vollbild-Header. Mehrere Abschnitte enthalten Bilder, die diesem Design folgen. Der nächste Abschnitt zeigt Informationen in voller Breite. Dienste werden in nummerierten Textblöcken mit großen Titeln, Beschreibungen und Trennlinien angezeigt. Testimonials beinhalten auch große Titel und folgen einem minimalen Design. Ein About-Abschnitt setzt das minimalistische Design mit einem großen Titel, Text und einer Trennlinie fort, gefolgt von einem ähnlichen Abschnitt, der mit einem minimalen Kontaktformular endet.

Besuche die Website

4. Hilltop-Kreditpartner

Diese Seite wurde von Rolando S. Bouza eingereicht. Der Hero-Bereich spielt ein Video hinter Titel und Slogan ab und führt mit einem gestylten Abschnittsteiler in den nächsten Abschnitt. Der nächste Abschnitt zeigt mehrere CTAs in einem abwechselnden Layout. Der erste CTA zeigt ein Bild mit einem großen Titel, einer kurzen Beschreibung und einer Schaltfläche an, während der zweite CTA zwei Schaltflächen enthält. Ein Blog-Slider in voller Breite zeigt vorgestellte Bilder fast im Vollbildmodus an. Darauf folgt ein Abschnitt über den Eigentümer mit einem Bild und einem Zitat. Ich mag den Abschnitt "Info", der Informationen mit einem gestalteten Rahmen über einem dunklen Hintergrundbild anzeigt. Das Kontaktformular verwendet eine ähnliche Form in Spiegelung und enthält einen einfarbigen Hintergrund. Die anderen Seiten folgen einem ähnlichen Design, fügen jedoch viele unterstützende Informationen in Grafiken hinzu. Die Blog-Seite fügt eine gestaltete Seitenleiste hinzu, um Ankündigungen zu präsentieren. Ich mag auch das Blogpost-Design mit seinem klaren Layout und dem großen Text.

Besuche die Website

5. Insight-Hosting

Diese Seite wurde von Steve Doig eingereicht. Es verwendet viel kräftiges Pink als primäre Hervorhebungsfarbe für den Text und die Überlagerungen und hebt sich wunderschön ab. Der Heldenbereich zeigt ein Flugzeug, das vom Bildschirm fliegt, mit einem CTA auf der anderen Seite des Bildschirms. Das Flugzeug selbst und der CTA sind pink schattiert. Ein Abschnitt mit Plänen zeigt die Pläne und Preise innerhalb von Blöcken. Sie enthalten pinkfarbene Hover-Animationen. Ein CTA in voller Breite zeigt einen rosa Geparden in der Mitte mit dem Text auf einer Seite, während ein anderer ein Schachspiel und einen Text mit rosa Elementen zeigt. Mehrere Abschnitte zeigen Vorteile innerhalb von Klappentexten. Einer meiner Favoriten ist der Abschnitt, in dem die Arten von Unternehmen erörtert werden, denen sie dienen. Bilder werden in einem 5-Spalten-Raster mit abwechselnden Überlagerungen angezeigt. Die Bilder verkleinern beim Bewegen der Maus und entfernen die Überlagerung. Interessant ist auch das Menü in der Fußzeile. Es zeigt die Titel mit einem formatierten Anfangsbuchstaben für jeden an.

Besuche die Website

6. Keren Herrera

Diese Seite wurde von Edgar Herrera eingereicht. Die Website verwendet viele sanfte Farben, um das Publikum anzuziehen. Der Heldenbereich zeigt ein Vollbild mit einem CTA auf der einen und dem Besitzer auf der anderen Seite. Darauf folgt ein elegantes E-Mail-Anmeldeformular, das ein Bild auf einer Seite und eine Beschreibung über dem Formular zeigt. Bilder mit gestylten Rändern bieten Links zu den verschiedenen Informationsseiten. Ein Abschnitt „Über“ zeigt ein Bild, das den nächsten Abschnitt überlappt, der ein zentriertes Testimonial bietet. Die nächsten Abschnitte enthalten Bilder, die mehrere Abschnitte innerhalb eines abwechselnden Layouts überlappen. Diese Abschnitte enthalten Informationen und CTAs. Das Kontaktformular wird über ein Hintergrundbild eines marmorierten Tisches gelegt und hebt sich von den einfarbigen Hintergründen ab. Ein Buch-CTA wird in zwei Spalten mit einem sie überlappenden Foto angezeigt. Die Fußzeile zeigt einen Instagram-Follow-CTA mit mehreren Fotos im Hintergrund.

Besuche die Website

7. Finbingo

Diese Seite wurde von Prashant Karandikar eingereicht. Es hat ein klares Layout mit vielen Farben für die Highlights. Der Heldenteil zeigt auf der einen Seite eine Einleitung, auf der anderen eine Grafik, die in eine Reihe von Klappentexten übergeht. Informationen werden in einem 2-Spalten-Layout mit Klappen angezeigt, um Aufzählungspunkte zu erstellen. Einige Informations-CTAs zeigen auf einer Seite eine Grafik in wechselndem Layout. Dienste werden in Karten mit Grafiken und Text angezeigt. Weitere Informationen werden in farbigen Klappentexten bereitgestellt, die eine Reihe von Blöcken bilden. Zahlenzähler zeigen jede Zahl mit einer anderen Farbe an, um sich abzuheben. Ein 2-spaltiges Testimonial entspricht der farblichen Gestaltung der Seite. Viele der Seiten folgen einem ähnlichen Design und fügen dann Inhalte mit einem Kastenschatten hinzu, um sich abzuheben.

Besuche die Website

8. Ukhuni

Diese Seite wurde von Vernon Joyce eingereicht. Es hat ein klares Layout mit einem Fokus auf die Produkte. Das Mega-Menü zeigt 3 Spalten mit mehreren Links zu einer Seite, die Informationen und Bilder enthüllen. Der Hero-Bereich zeigt eine Reihe von Grafiken für Büromöbel. Wenn Sie mit der Maus darüber fahren, werden die anderen mit einer Überlagerung überlagert und ein kleines Popup mit einem Titel zur Beschreibung der Möbel angezeigt. Die Popups variieren in der Farbe. Das vorgestellte Produkt zeigt auf der einen Seite eine große Grafik und auf der anderen eine Beschreibung. Darauf folgt ein CTA in voller Breite und dann ein Abschnitt mit Informationen, die dem vorgestellten Produktdesign entsprechen. Die Produktseiten zeigen Produkte mit ähnlichen Titeln wie die Popups und enthalten eine Aufzählungsliste für Funktionen. Interessant ist die Serviceseite. Es zeigt viele Grafiken der Produkte und zeigt Vorteile in Klappentexten an.

Besuche die Website

9. Architektenlabor

Diese Seite wurde von Mischa Groenen eingereicht. Es zeigt eine einzelne Vollbildseite mit Links als Text mit Pfeilen als Navigation an. Der Bildschirm ist diagonal geteilt mit Titel und Links auf einer Seite mit weißem Hintergrund und Beschreibung auf der anderen Seite mit gelbem Hintergrund. Der Titel wird auf dem Bildschirm gezeichnet, wenn Sie den Mauszeiger bewegen. Wenn Sie mit der Maus über die Links fahren, wird ein Zoomeffekt angezeigt. Wenn Sie auf einen der Links klicken, wird eine Seite mit einer Kopfzeile geöffnet, die dem Design des Hauptbildschirms entspricht. Die Portfolioseite fügt einen Filter hinzu, der dem Design der Website entspricht und Bilder in einem Raster anzeigt, das Hover-Animationen und Titel enthält. Die Teamseite zeigt ein 3-Spalten-Design mit Bildern des Teams auf der einen Seite, einem Personenschieberegler in der Mitte und einem Formular auf der anderen Seite. Die Informationsseite zeigt eine gestaltete Grafik über ihre Arbeit. Es ist ein einfaches, interessantes und einzigartiges Design.

Besuche die Website

10. Altern als nächstes

Diese Seite wurde von Nicolle Principe eingereicht. Diese Site verwendet hervorragend Orange und Grün, wobei einige andere zur zusätzlichen Hervorhebung hinzugefügt wurden. Es hat einen CTA im sekundären Menü. Der Heldenbereich zeigt ein Vollbild-Hintergrundbild in echter Parallaxe mit einem einfachen CTA im Overlay. Links zu Seiten werden mit Farb- und Textblöcken in einem schmalen Abschnitt über die gesamte Breite erstellt. Mehrere CTAs in voller Breite zeigen auf der einen Seite ein Bild und auf der anderen den Text in wechselnden Layouts. Blurbs erstellen auch CTAs mit eingekreisten Symbolen und gestalteten Schaltflächen. Ein Spendenbereich zeigt eine Bartheke mit einem Ziel und dem aktuellen Betrag. Viele der Abschnitte enthalten ein überlappendes Symbol. Ich mag den Abschnitt über Geschichten mit Text auf der einen Seite und zwei Bildern auf der anderen. Jedes der Bilder enthält Hover-Effekte, die Informationen anzeigen und einen Link, um mehr zu erfahren. Es enthält auch einen Veranstaltungskalender, einen gestylten Blog und vieles mehr. Die Website bietet viele Personalisierungsanpassungen, einschließlich einer einfachen Steuerung der Schriftgröße und der Sprachauswahl.

Besuche die Website

Abschluss

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