Divi Design Showcase: Neue Einreichungen ab April 2020

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

1. Abel Villaverde

Diese Seite wurde von Abel Villaverde Selles eingereicht. Ein bläuliches Violett wird auf der gesamten Site für Hintergründe, Text, Grafiken und andere Hervorhebungen verwendet. Im Heldenbereich wird ein Slogan mit einem Call-to-Action gefolgt von einer großen Grafik angezeigt. Der nächste Abschnitt verwendet einen weißen Hintergrund mit einem Bild einer Website, umgeben von Grafiken in den Markenfarben auf der einen Seite und einem CTA auf der anderen. Projekte werden als gestylte Karten angezeigt, die beim Schweben einen violetten unteren Rand zeigen. Ein Abschnitt mit Informationen über den Websitebesitzer zeigt weißen und blauen Text auf violettem Hintergrund an und enthält zwei Schaltflächen. eine in jeder Farbe. Dienste werden in versetzten Klappen angezeigt, die den gestylten Rahmen beim Bewegen des Mauszeigers enthalten. Ein CTA mit einem kleinen Hintergrund zeigt ein hervorstechendes Sternsymbol an. Ich mag die Art und Weise, wie die Abschnitte viele wellenförmige Trennzeichen verwenden, und die Verwendung von Farben auf dieser Seite.

Besuche die Website

2. IYASHI

Diese Seite wurde von Alex Hawro eingereicht. Es hat ein gestyltes Menü mit einem überlappenden Logo und zwei Linkzeilen mit Symbolen und einem CTA. Der Heldenabschnitt zeigt einen Slogan gefolgt von einer Reihe von Bildern an, die miteinander verknüpft sind. Dienste werden mit Grafiken angezeigt, die überlappende Titel und Links zu den Dienstseiten enthalten. Ein großer Post-Slider ist eines der interessanteren Elemente. Bilder werden im Hintergrund platziert, wobei ein Teil der vorherigen und nächsten Bilder angezeigt wird. Über der linken Seite des Bildes befindet sich eine Box mit Text und Navigation und auf der rechten Seite eine überlappende Grafik. Die Folien sind unten nummeriert. Im nächsten Abschnitt werden große Bilder und Informationen mit Registerkarten unten angezeigt. Informationen werden mit benutzerdefinierten Symbolen in Markenfarben angezeigt. Die Preisliste ist ein weiteres interessantes Element. Jeder Preis wird in separaten Elementen angezeigt. Sie zoomen und zeigen gestylte Rahmen an den Seiten an, wenn Sie den Mauszeiger bewegen. Ich mag die roten und grünen Markenfarben, die in Hervorhebungen und Text auf der gesamten Website verwendet werden.

Besuche die Website

3. Piccadilly Whippy

Diese Seite wurde von Ron Studios eingereicht. Es platziert den Titel über einem Vollbild-Hintergrundvideo mit einer Reihe von Statistiken in großen Kästchen am unteren Rand. Der nächste Abschnitt setzt das Design mit einer großen Informationsbox mit einem CTA fort, um mehr zu erfahren. Der nächste Abschnitt zeigt auf einer Seite ein Bild und auf der anderen Seite einen großen bunten Text über einem dunkelblauen Hintergrund. Dienste werden in eingekreisten Bildern auf einem farbigen Hintergrund in Parallaxe angezeigt. Informationen zum Buchen einer Veranstaltung zeigen abgewinkelte Bilder auf einem kräftigen gelben Hintergrund. Testimonials werden auf einem dunkelblauen Hintergrund mit weißem Text und einem großen Bild angezeigt. Ein Abschnitt von CTAs zeigt Bilder unterschiedlicher Breite mit Text in bunten Kästchen an. Ich mag die Verwendung von kräftigen Farben auf dieser Website. Die Farben und Schriftarten passen perfekt zum Branding des Unternehmens. Jetzt will ich Eis.

Besuche die Website

4. Sentido Comunicacao

Diese Seite wurde von Fernanda Prevedello eingereicht. Diese Seite verwendet viel Gold und rötliche Pflaumen (oder vielleicht Wein?) als Markenfarben. Der Heldenbereich zeigt links einen Call-to-Action mit großem Text und rechts Grafiken mit den Markenfarben an. Informationen finden Sie im nächsten Abschnitt mit Grafiken, die auf der einen Seite ein gestyltes graues Hintergrundmuster und auf der anderen gestylten Text verwenden. Der Abschnitt Dienste zeigt auf der einen Seite einen CTA und auf der anderen Seite Beschreibungen der Dienste innerhalb von Akkordeons. Ein Abschnitt für Fälle zeigt drei Fälle als Text über dem grauen Hintergrundmuster. Im Blog-Bereich werden Blog-Karten angezeigt, die eine gebrandete Hintergrundfarbe überlappen. Besonders interessant finde ich das Kontaktformular. Das Formular wird über einem Farbblock angezeigt, der eine anklickbare Anrufschaltfläche enthält. Ich mag die Verwendung von Markenfarben auf dieser Website.

Besuche die Website

5. Markenagentur gesehen

Diese Seite wurde von George Paratsokis eingereicht. Es macht interessanten Gebrauch von Text in echter Parallaxe mit Text. Die Kopfzeile zeigt links ein Hamburger-Menü und rechts ein Logo an. Das Menü zeigt beim Bewegen der Maus ein hellgraues Kästchen an. Wenn Sie auf das Symbol klicken, wird das Menü von dieser Stelle aus geöffnet und erstreckt sich über den Bildschirm mit großem Text und Schaltflächen für soziale Netzwerke. Der Heldenbereich zeigt einen Slogan als extragroßen Text im Hintergrund an. Sowohl der Text als auch der Hintergrund sind dunkelgrau. Der Vordergrund zeigt einen großen Titel in Weiß, der das Unternehmen vorstellt. Während Sie scrollen, scrollt der Text in Parallaxe und zeigt eine Reihe von Links zum Portfolio in großem Text, der separat vom Titel scrollt. Andere Abschnitte mischen den Hintergrundtext, um auf einer Seite dunklen Text und auf der anderen hellen Text anzuzeigen, mit Schaltflächen, die CTAs erstellen. Eine Vorhang-Fußzeile zeigt den Titel der Website und große Schaltflächen zum Folgen sozialer Netzwerke. Sogar die Bildlaufleiste ist so gestaltet, dass sie der Site entspricht.

Besuche die Website

6. Carola Staudinger

Diese Seite wurde von Sibi Ha eingereicht. Diese Seite verwendet hervorragend braune und rosa Markenfarben. Der Heldenbereich zeigt ein Vollbild-Hintergrundbild in Parallaxe mit Logo, Titel und einem CTA im Overlay an. Daran schließt sich ein Abschnitt über das Unternehmen an, der Informationen mit Social-Follow-Buttons auf der einen Seite und einem Bild auf der anderen enthält. Dieser Abschnitt enthält eine Nachricht, die in einer eleganten Skriptschrift geschrieben ist. Ein Buchungs-CTA in voller Breite zeigt ein Hintergrundbild mit einem Farbverlauf aus den Markenfarben für den Hintergrund und ein Bild mit rosa Hervorhebungen an. Ein ähnlicher CTA erscheint später, der ein Vollbild mit mehr Informationen verwendet. Informationen zu den Diensten werden in einem Abschnitt mit Bildern und Text in einem Mosaik-Layout angezeigt. Ein Teambereich zeigt Fotos der Stylisten und enthält einige biografische Informationen. Der Kontaktbereich listet auf der einen Seite die Öffnungszeiten auf und platziert auf der anderen ein gestyltes Kontaktformular, gefolgt von einer Karte in voller Breite.

Besuche die Website

7. Stoked MTB

Diese Seite wurde von John Hawley eingereicht. Dieser verwendet viel kräftiges Gelb für die Markenfarbe. Der Heldenbereich spielt ein Hintergrundvideo hinter dem Menü und einem großen CTA ab. Ein Pfeil, der Ihnen das Scrollen anzeigt, springt auf der linken Seite des Bildschirms. Beim Scrollen wird ein Abschnitt mit einem cleveren Titel auf der einen Seite und Informationen auf der anderen Seite angezeigt, die einen in den Markenfarben gestalteten Button enthalten. Blurbs zeigen Grafiken in den Markenfarben an und enthalten Links zu weiteren Informationen. Ein Abschnitt für Kontaktinformationen zeigt eine Reihe großer Blöcke mit einem beitragenden CTA mit Grafiken in einem und Schaltflächen für soziales Folgen in der anderen an. Beide verwenden Markenfarben. Dies führt in ein gestyltes Anmeldeformular, das ein großes Hintergrundbild enthält und sich vom gelben Hintergrund abhebt. Oben in diesem Abschnitt wird ein gestylter Abschnittsteiler angezeigt. Die benutzerdefinierte Fußzeile enthält Gelb für die Hervorhebungen vor einem dunkelgrauen Hintergrund.

Besuche die Website

8. Yooker

Diese Seite wurde von Sander Goorman eingereicht. Diese Website verwendet Blau für die Markenfarbe und enthält eine gestaltete Bildlaufleiste. Im Heldenbereich wird ein Hintergrundvideo mit einer Beschreibung und Links zu Diensten im Vordergrund angezeigt. Das Menü platziert die Links auf der linken Seite und einen CTA auf der rechten Seite. Klappentexte mit Symbolen und Beschreibungen für Dienste überlappen das Video mit dem nächsten Abschnitt und werden beim Schweben animiert. Ein Abschnitt über das Unternehmen zeigt auf der einen Seite eine Zusammenfassung mit in der Markenfarbe hervorgehobenen Schlüsselwörtern und auf der anderen Seite die Beschreibung. Mehrere Beispiele werden auf Bildschirmen verschiedener Geräte angezeigt und enthalten Links, um die vollständige Website anzuzeigen. Ein Anfrageformular wird über einem Bild in voller Breite platziert und enthält ein Dropdown-Feld, um anzugeben, wann jemand anrufen soll. Der Kontaktbereich enthält einen CTA in voller Breite und viele Kontaktlinks. Ich mag das klare Design.

Besuche die Website

9. Seilmeister

Diese Seite wurde von Michal Teska eingereicht. Es verwendet viel Blau und Orange für Markenfarben. Der Heldenbereich zeigt drei verschiedene Ebenen an. Der Hintergrund ist durchgehend blau und fügt sich in das Menü ein, das orangefarbene Pfeile enthält, um die aktuelle Seite und den Anruf-CTA anzuzeigen. Ein Hintergrundbild wird über den blauen Hintergrund gelegt und bedeckt die linke Seite nicht vollständig. Dieser Hintergrund verwendet eine dunkelblaue Überlagerung mit einem orangefarbenen Design auf der rechten Seite und überlappt den nächsten Abschnitt. Überlappend dazu befindet sich ein Schieberegler, der die Dienste mit Bildern und Titeln anzeigt. Informationen werden in Klappentexten mit orangefarbenen Symbolen bereitgestellt und umfassen Titel und Beschreibungen. Ein interessanter Kontakt-CTA folgt einem ähnlichen Design wie der Hero-Bereich. Es bietet einen blauen Hintergrund mit einem Bild, das sich oben überlappt. Das Bild deckt nicht die rechte Seite ab und hat eine tieforange Überlagerung. Der Call-to-Action verwendet großen weißen Text, der perfekt hervorsticht. Ich liebe die Verwendung von Blau und Orange.

Besuche die Website

10. Henrik Stenson Brillen

Diese Seite wurde von Maximilian Leiding eingereicht. Es hat ein klares Design, um den Fokus auf die Produkte zu richten. Der Hero-Bereich zeigt auf der einen Seite einen CTA und auf der anderen Seite ein Bild des verwendeten Produkts. Ein geschwungener Separator schafft ein abgerundetes Bodendesign für den Heldenbereich. Scrollen zeigt die vier meistverkauften Produkte. Ihre Hintergründe verschmelzen mit dem Hintergrund der Website. Der nächste Abschnitt zeigt zwei Bilder der Produkte mit Links zu ihren Seiten, gefolgt von einer weiteren Liste von Produkten für eine bestimmte Kategorie in zwei Spalten: links ein Titel und rechts die Produkte. Eine ähnliche Liste erscheint näher an der Fußzeile und enthält noch mehr Produkte. Die Informationen werden in einem zweispaltigen Abschnitt mit einem Bild auf der einen Seite und einem Text auf der anderen Seite mit einem Link zum Lesen der vollständigen Geschichte bereitgestellt. Ein Newsletter-Anmeldeformular führt in die Fußzeile und fügt die im Heldenbereich verwendeten Farben hinzu. Ich mag das schlichte klare Design.

Besuche die Website

Abschluss

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