Divi Design Showcase: Neue Einreichungen ab Januar 2020

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 Januar 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 Januar 2020

1. Altmonde

Diese Seite wurde von Daniel Behrens eingereicht. Es zeigt ein Vollbild-Hintergrundvideo mit einem Slogan und einem CTA im Vordergrund an. Darauf folgt ein Vollbildbereich mit einem Titel mit Hover-Effekten, um den nächsten Abschnitt einzuleiten, der in Parallaxe angezeigt wird, wenn Sie am Titel vorbeiscrollen. In diesem Abschnitt werden Titel in großem Text mit Hover-Effekten auf einer Seite und einem CTA auf der anderen Seite angezeigt. Der nächste Abschnitt enthält Informationen darüber, wie sie mit Kunden arbeiten. Dazu gehören ein weißer Hintergrund mit diagonalem Design und nummerierter Text, der sich beim Schweben ausdehnt. Ein weiterer CTA zoomt beim Scrollen hinein und heraus. Die Seite Dienste zeigt jeden Dienst in einem geteilten Bildschirm mit CTAs auf der einen Seite und Hintergrundbildern in Parallaxe auf der anderen. Ich mag die Verwendung von Text, Farbe und Bildern auf dieser Site.

Besuche die Website

2. Vemel

Diese Seite wurde von Murray Price eingereicht. Dies ist ein Online-Shop mit einem Bild-Slider, der Produkte in voller Breite anzeigt. Ein Begrüßungsbereich zeigt Informationen neben einem Produktbild mit einem Link zum Weiterlesen. Ein Shop-Bereich zeigt Produkte mit Links zu den Produktseiten. Mein Lieblingsbereich zeigt ein großes Produktbild in der Mitte, umgeben von Klappentexten mit Beschreibungen, Symbolen und gebogenen Pfeilen, die zurück zum Produkt zeigen. Die Startseite zeigt außerdem Produktbilder in wechselndem Layout, Bewertungen in einem Testimonial-Slider, einen Blog-Bereich mit zwei Posts und einen Instagram-Slider. Das Layout enthält eine Linie, einen Leerraum und einfache Linien, die ein minimales Design erzeugen.

Besuche die Website

3. Prugners

Diese Seite wurde von RAPHAEL PRUGNER eingereicht. Dies ist ein One-Page-Design. Ein mehrschichtiges Menü hebt sich von der Seite ab und zeigt eine anklickbare Telefonnummer über den Schaltflächen für soziale Netzwerke neben einem CTA. Der Heldenbereich zeigt ein Vollbild-Hintergrundmuster, während der Vordergrund einen Computerbildschirm mit einem Arbeitsbeispiel zeigt und noch mehr zeigt, wenn man mit der Maus neben einem Titel und einem Slogan schwebt. Beim Scrollen wird ein Ausschnitt mit Text und Grafiken angezeigt, die in Parallaxe über ein Hintergrundbild scrollen. Die Vorteile werden in Klappentexten in einem abwechselnden Layout über mehrere Abschnitte hinweg angezeigt und umfassen Hover-Zoom-Effekte. Beispielprojekte werden innerhalb eines Schiebereglers angezeigt. Andere Projekte werden innerhalb eines eingebetteten Instagram-Feeds angezeigt. Es zeigt auch einen CTA, der beim Scrollen vergrößert wird, und ein gestaltetes Kontaktformular.

Besuche die Website

4. Lila Lemur

Diese Seite wurde von Liam Pedley eingereicht. Der Titel, der Slogan, der CTA und ein Beispielproduktbild mit einer Markengrafik eines Lemuren befinden sich auf einem schwarzen Hintergrund, der einen abgerundeten Abschnittsteiler enthält. Der Text und die Schaltflächen haben einen violetten Farbverlauf, der den Grafiken auf der gesamten Site entspricht. Eine Reihe mit drei Grafiken von Lemuren wird über einem Abschnitt platziert, der Text und Klappentexte zeigt. Wenn Sie auf die Lemuren klicken, werden verschiedene Informationsabschnitte angezeigt, wobei ein Pfeil auf den Abschnitt zeigt. Unternehmensinformationen werden in einem zweispaltigen Abschnitt mit einem Computerbildschirm an einer Seite angezeigt, der ein Hintergrundbild in echter Parallaxe zeigt. Besonders gut gefällt mir der Portfolio-Bereich. Es zeigt Bilder in einem Winkel. Wenn Sie mit der Maus darüber fahren, wird das Bild nach oben und in Richtung des Bildschirms angehoben und hinterlässt farbige Dias. Ein Testimonial-Slider zeigt drei Seiten gleichzeitig, wobei die eine in der Mitte flach und die anderen beiden abgewinkelt sind. Es enthält auch gestaltete Blog-Karten und Klappentexte mit Hover-Animationen für jeden der Dienste.

Besuche die Website

5. DShjemmeside

Diese Seite wurde von David Sylvest eingereicht. Es zeigt einen Hintergrund mit einem dunkelblauen Overlay und einem abgerundeten Abschnittsteiler und einem großen Titel in der Mitte. Die Kopfzeile platziert das Menü in der Mitte und enthält einen gestylten Hintergrund mit Farbverlauf und abgerundeten Ecken. Ich liebe die nächste Sektion. Es zeigt Beispiele für Arbeiten innerhalb von drei gekippten Karten. Die beiden an den Seiten sind nach innen abgewinkelt. Dazu gehören Hover-Effekte. Der nächste Abschnitt zeigt einen CTA mit schräg gestellten Computermonitoren und einem gemusterten Hintergrund. Der Abschnitt Vorteile zeigt Aufzählungspunkte mit großen Klappen neben einer Grafik von Zahnrädern. Die Site enthält auch viele CTAs mit gestylten Symbolen und eingekreisten Bildern, ein eingekreistes Bild des Entwicklers, einen FAQ-Bereich mit Umschaltern und ein gestyltes Kontaktformular. Das Layout nutzt Farben, Grafiken und Bilder hervorragend.

Besuche die Website

6. Zipline-Karrieren

Diese Seite wurde von Nicole Marie Zinnanti eingereicht. Die Site verwendet viel Weißraum mit der richtigen Menge an violetten Grafiken und Highlights. Der Heldenbereich zeigt auf der einen Seite einen CTA und auf der anderen eine Grafik von Personen, die einen Lebenslauf erstellen. Der nächste Abschnitt zeigt die Dienste in Blubs, die lila und weiße Grafiken sowie lila Ränder und Schatten verwenden. Ein eingebettetes Video wird über einem Hintergrundmuster platziert, das in der oberen Hälfte links und in der unteren Hälfte rechts Punkte zeigt. Klappentexte mit gestylten Symbolen zeigen die Vorteile in einem sauberen 3-Spalten-Layout. Das Design umfasst auch einen CTA mit Grafiken, einen gestalteten Blog-Abschnitt und einen CTA mit Schaltflächen zum Erstellen einer benutzerdefinierten Fußzeile. Ich mag den Blog auch. Es zeigt eine Full-with-Grafik in der Kopfzeile mit einem diagonalen Teiler und dann Blog-Karten in einem sauberen Raster an.

Besuche die Website

7. Adoptionsunterstützungszentrum von Saskatchewan

Diese Seite wurde von Molly Seaton-Fast eingereicht. Es zeigt ein Bild in voller Breite von spielenden Kindern und drei Textmodule, um große Schaltflächen für die Navigation zu erstellen. Jeder der Knöpfe hat abgerundete Abdeckungen, die höher werden und beim Schweben eckige Ecken haben. Klappentexte mit Teilumrandungen stellen Links zu bestimmten Themen her. Informationen werden in einer Schleppspalte mit Klappentexten und einem CTA auf der einen und einem Akkordeon auf der anderen Seite bereitgestellt. Ein Spenden-CTA fügt sich in den Bereich der Mailingliste ein. Jeder der Abschnitte verwendet gestylte Farben und Hintergrundmuster, die übereinstimmen. Die Seite Ereignisse enthält einen eingebetteten Ereigniskalender. Die Spendenseite enthält eine eingebettete Spendenbox. Die Site hat viele Informationen zu teilen und das Menü navigiert die Informationen so sauber wie möglich.

Besuche die Website

8. Nanaimo-Höhen

Diese Seite wurde von Danielle Mah eingereicht. Es hat ein einseitiges Design und ist mehrsprachig. Der Heldenbereich zeigt einen Vollbildhintergrund mit einer orangefarbenen Überlagerung an, die den Titel, den Slogan und den Abwärtspfeil enthält. Der Heldenbereich enthält auch einen abgewinkelten Abschnittsteiler, gefolgt vom Navigationsmenü, das beim Scrollen oben einrastet. Mehrere Registrierungs-CTAs zeigen Bilder des Gebäudes. Das Layout enthält auch ein Bild des Innenraums in voller Breite mit Klappentexten, die die Vorteile zeigen. Mehrere Abschnitte zeigen Features mit Aufzählungszeichen und Bildern in abwechselnden Layouts. Eine eingebettete Karte verwendet dieselben Farben wie der Rest der Site. Grundrisse werden in einem Slider angezeigt und enthalten herunterladbare PDFs. Das Anmeldeformular enthält Fragen, die Ihnen helfen, den genauen Wohnungstyp zu bestimmen, den Sie suchen. Ich liebe die Verwendung von Farbe und Fotografie auf dieser Seite.

Besuche die Website

9. Mehr als ein paar Worte

Diese Seite wurde von Britt Baue eingereicht. Das Menü zeigt ein überlappendes Logo, gefolgt von einer kleinen Willkommensnachricht. Der Hauptteil der Seite enthält viele eingebettete Podcast-Epsioden mit gestylten Audioplayern. Der erste Abschnitt zeigt Podcasts in zwei Spalten mit einem Vertikeltitel und einem Link, um mehr zu erfahren. Ein Textabschnitt mit Informationen zur Show enthält auf der gegenüberliegenden Seite einen Vertikaltitel. Ein weiterer Abschnitt enthält den Titel und zeigt eine Liste von Podcasts mit einem Audioplayer neben einem Kontaktformular an. Im Anschluss daran befindet sich ein Abschnitt mit Links zum Abonnieren des Podcasts von allen wichtigen Hosts. Die Info-Seite fügt eine Themenliste und einen gestylten Testimonial-Schieberegler hinzu. Das Design verwendet viel Weißraum und ein minimales Layout, das sauber und elegant aussieht.

Besuche die Website

10. Negrosanon Young Leaders Institute

Diese Seite wurde von JR Galia eingereicht. Der Hero-Bereich zeigt ein Hintergrundbild in voller Breite mit einem Titel und einem CTA im Overlay an. Das Navigationsmenü zeigt auch den CTA an und enthält das Menü in einem separaten Segment. Ein Abschnitt von Programmen zeigt Karten mit Spendenschaltflächen an. Besonders gut gefällt mir der Bereich „Mitmachen“. Es zeigt ein großes Bild auf einer Seite und Klappentexte mit Grafiken auf der anderen an. Das Layout beinhaltet auch Nummernzähler und ein gestyltes Kontaktformular. Die Info-, Blog- und Galerieseiten folgen einem ähnlichen Design und fügen den Text-, Blog- und Galeriemodulen einen soliden Schatten hinzu.

Besuche die Website

Abschluss

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