Divi Design Showcase: Neue Einreichungen ab Mai 2019

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

1. Akimbo

Diese Seite wurde von Alan Cox eingereicht. Die Site verwendet Strichzeichnungen in Grautönen für die Hintergründe und farbenfrohe Charakterzeichnungen. Schaltflächen und andere grafische Elemente sind ebenfalls farbig, um sich vom Design der Site abzuheben. Dies gelingt hervorragend, um den Fokus auf die Produkte und Handlungsaufforderungen zu lenken. Es hält das Design einfach mit einem Vollbild-Heldenabschnitt, einer Produktdemonstration, einem zweispaltigen Abschnitt zur Benutzerfreundlichkeit, einem einspaltigen Leitbild, Testimonials und einem CTA, der die Fußzeile überlappt. Die Science-Seite ist mit ihren großen Titeln und Markengrafiken interessant, während das Design einfach gehalten wird.

Besuche die Website

2. Dapper Tapper Magazin

Diese Seite wurde von Carlos Godoy eingereicht. Diese Seite verwendet Extra, um ein elegantes Magazindesign zu erstellen. Es zeigt einen Vollbild-Heldenabschnitt mit einem Hintergrundbild in Parallaxe und einem Logo in der Mitte an. Durch Scrollen wird das Menü angezeigt, das an seinem Platz bleibt, wenn es den oberen Rand des Bildschirms erreicht. Artikel werden innerhalb eines mehrspaltigen Layouts in drei Spalten platziert. Andere Beiträge werden mit einem einspaltigen Schieberegler und unten einem Abschnitt zum Weiterlesen angezeigt. Die Blogbeiträge platzieren den Text auf einer Seite und Bilder auf der anderen. Die Site bietet auch ein großes Dropdown-Menü und einen Preloader. Ich hätte nicht gedacht, dass es sich um Extra handelt.

Besuche die Website

3. Basiskarte

Diese Seite wurde von Dustin Olsen eingereicht. Die Site platziert eine Demo und einen CTA des Produkts in der Mitte des Bildschirms über einem Hintergrundbild, das dem Leser hilft, den Zweck des Produkts auf einen Blick zu verstehen. Mehrere andere Abschnitte mit ähnlichem Design zeigen das Produkt auf einer Seite, aber diesmal sind es zwei Demos mit Screenshots, Animation oder einem Video, die den nächsten Abschnitt überlappen. Die Demos funktionieren perfekt, um die Funktionen des Produkts zu zeigen. Ich mag die gestylten Preistabellen. Interessant ist auch der Blog. Es enthält einen Schieberegler, gefolgt von einem zweispaltigen gefilterten Blog-Raster. Die Beiträge enthalten elegante Overlays. Auch die Seitenleiste passt zum Design der Seite und enthält einen Instagram-Feed. Die Fotografie auf dieser Seite ist unglaublich.

Besuche die Website

4. DH Marketing Digital

Diese Seite wurde von Douglas Henrique Monteiro und Silva eingereicht. Es zeigt ein Vollbild mit dem Motiv auf der einen Seite und dem Hintergrund auf der anderen, wodurch Platz für Titel, Slogan und CTA bleibt. Dienste werden mit Aufzählungszeichen und bunten Symbolen angezeigt. Statistiken für die Dienste werden mit interessanten Grafiken von vertikalen Umschaltern mit Symbolen angezeigt. Testimonials werden auf Karten gezeigt, die Kastenschatten und ein Sternebewertungssystem verwenden. Ein Abschnitt hat ein Hintergrundmuster hinter den Grafiken. Ein CTA überlappt zwei Abschnitte und hebt sich gut ab. Ich mag die elegante Verwendung von Klappentexten auf der Seite Dienste. Sie verwenden bunte Icons und erstellen schlanke Karten mit Hover-Effekten. Die Site verwendet viel Weißraum und verwendet elegant Farben.

Besuche die Website

5. Yooker

Diese Seite wurde von Sander Goorman eingereicht. Es verwendet einen blauen Farbverlauf, um das Vollbild-Hintergrundbild anzuzeigen, und zeigt den Slogan mit der Navigation zu den Diensten auf einer Seite an. Klappentexte überlappen den nächsten Abschnitt und enthalten detaillierte Informationen zu jedem Dienst. Die Klappentexte sind saubere Karten mit blauen Symbolen. Sie steigen beim Schweben nach oben und passen perfekt zum Design der Website. Ein Abschnitt, der ihre Geschichte zeigt, verwendet mehrfarbigen großen Text auf einer Seite und normalen Text auf der anderen. Beispiele ihrer Arbeit werden in einem wechselnden Layout mit Links zu den Werken gezeigt. Das Blogdesign gefällt mir. Es zeigt die Beiträge in einem Raster mit Overlay, Titel, Kategorie, Autorname und Schaltfläche an, um das vorgestellte Bild in einem Popup anzuzeigen. Alle werden über dem vorgestellten Bild platziert.

Besuche die Website

6. Idiolektik

Diese Seite wurde von Oliver Gehrmann eingereicht. Mehrere Bilder mit Slogans werden in einem Schieberegler in voller Breite angezeigt, gefolgt von einem Infobereich mit einem gestylten Blocktitel. Eine Schaltfläche "Weitere Informationen" öffnet ein ganzseitiges Popup. Die Schaltflächen für weitere Informationen sind im gesamten Design hervorgehoben und eignen sich hervorragend, um Platz zu sparen und gleichzeitig Zugriff auf viele Informationen zu bieten. Weitere Informationen werden durch Grafiken bereitgestellt, die beim Bewegen die Farbe ändern und beim Klicken ein Popup öffnen. Weitere Dienste werden mit Grafiken und Informationsschaltflächen innerhalb eines Schiebereglers angezeigt. Ein ähnlicher Slider zeigt Bilder der Dozenten. Die Dozentenseite zeigt zwei Spalten mit einem großen Foto und Informationen zu jeder Person. Ich mag die Veranstaltungsseite. Es verwendet einen Filter mit Dropdown-Boxen.

Besuche die Website

7. Bio-Bausewein

Diese Seite wurde von Michael Koch erstellt. Dieses zeigt ein Vollbild mit einem Slogan über dem Motiv und Überlagerungen in Form von Bäumen, um die Seiten zu schmücken. Diese und ähnliche Formen erscheinen überall auf der Site entlang der Seiten. Der nächste Abschnitt zeigt CTAs auf verschiedenen Seiten. Die CTAs verwenden große gemusterte Hintergründe mit Überlagerungen in verschiedenen Farben. Kleinere CTAs verwenden ein ähnliches Design sowie ein Blog-Card-Design. Man verwendet ein geneigtes Design. Ich mag den Abschnitt, der die Besitzer zeigt. Es zeigt ein Vollbild von beiden zusammen und darunter befinden sich Textblöcke, die das Bild in der Nähe der Person auf dem Foto überlappen. Auf der Ereignisseite werden Ereignisse angezeigt, die Inline-Blogposts ähneln, mit einer Leiste am oberen Rand, um das Datum anzuzeigen. Ich liebe die Fotografie und Farbe auf dieser Website.

Besuche die Website

8. EcoHost

Diese Seite wurde von Emy eingereicht. Diese Site verfügt über ein einseitiges Layout, das ein flaches Design mit eleganten Rot-, Grün- und Blautönen für Hintergründe und Symbole auf der gesamten Site verwendet. Grafiken für die Hintergründe und andere Elemente helfen, die Mission des Unternehmens zu beschreiben. Funktionen werden mit Klappentexten angezeigt, um Karten mit großen Symbolen und einem Titel zu erstellen. Ähnliche Karten werden für Testimonials und Kontaktinformationen verwendet. Die Preistabellen gefallen mir. Sie beinhalten einen Kippschalter und die Preise werden animiert, wenn Sie auf den Kippschalter klicken. Mehrere Karten enthalten Informationen in einem Popup, wenn Sie darauf klicken, um die Informationen anzuzeigen. Die Site verwendet Grafiken, Hintergrundmuster und Farben hervorragend.

Besuche die Website

9. 717 Medien

Diese Seite wurde von Eike Müller eingereicht. Es verwendet Hellgrün als Markenfarbe auf der gesamten Website innerhalb von Text, Schaltflächen, Animationen und Hintergründen. Sogar die Bildlaufleiste und der Zurück-nach-oben-Button sind grün gestylt. Große Karten zeigen Dienste mit Bildern, Text und Schaltflächen. Die Karten zeigen beim Schweben einen Schatten. Es enthält einen interessanten CTA mit einem Hintergrund in voller Breite mit einem dunklen Overlay. Wenn Sie dorthin scrollen, wird eine grüne Linie um den Text gezogen, um die Aufmerksamkeit zu erregen. Ich mag den Abschnitt "Info". Es zeigt Informationen in Karten mit Bildern und Text an. Die Karten überlappen den nächsten Abschnitt und enthalten eine animierte Überlagerung. Die Site verwendet kleine Animationen und grüne Highlights auf jeder Seite.

Besuche die Website

10. PicknRoll

Diese Seite wurde von Roberto Wagner eingereicht. Dies ist ein Online-Shop. Die Homepage zeigt dem Store einen Vollbild-CTA mit einem Hintergrundbild mit großem Text in mehreren Farben. Der Shop-Bereich zeigt die Produkte in drei Spalten mit einem Symbol im Overlay an, das der Markenfarbe der Website (fettes Gelb) entspricht. Ein Informationsteil zeigt die Vorteile gegenüber einem Hintergrundbild in Parallaxe. Die Testimonials und Newsletter-Abschnitte folgen einem ähnlichen Stil mit dem gelben Text. Die Store-Seite folgt dem gleichen Design, fügt jedoch im Heldenbereich eine Suchfunktion hinzu. Der Blog hat derzeit einen Beitrag, aber die Seite hat ein cooles Design. Der Blogpost überlappt den Hero-Bereich und der Newsletter überlappt zwei Bereiche, einschließlich des Social Follow-Bereichs über der Fußzeile.

Besuche die Website

Abschließend

Das sind unsere 10 besten Community-Divi-Website-Einreichungen für den Monat Mai. 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 L-astro / shutterstock.com