Divi Design Showcase: Neue Einreichungen ab Juni 2021

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 Juni 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 Juni 2021

1. Casa Los Silvestres

Diese Seite wurde von Idea Design eingereicht. Diese Seite macht großen Gebrauch von Fotografie und Animation. Der Hero-Bereich zeigt eine Grafik des Produkts, die über und um mehrere grafische Elemente herum schwebt. Scroll-Effekte verwischen die Bilder, bis sie an der richtigen Stelle sind. Mehrere Abschnitte haben einen interessanten Wasserwelleneffekt, der Ihrer Maus folgt. Ich fand es lustig, das zu sehen. Vollbild-Hintergrundbilder zeigen großformatigen Text im Vordergrund. Die Informationen werden mit zweispaltigen Abschnitten bereitgestellt, die ein Bild auf einer Seite und Text auf der anderen platzieren. Gemusterte Hintergründe werden hinter dem Text platziert. Diese Seite ist mehrsprachig.

Besuche die Website

2. Vivienne Law

Diese Seite wurde von Nick Li eingereicht. Dieser macht großen Gebrauch von Fotografie und sanften Farben. Die Fotos enthalten große Ränder, um sich vom Hintergrund abzuheben und den Leser über die angebotenen Dienste zu informieren. Der Heldenbereich enthält ein Bild in voller Breite, das von einem Foto und einem Kontaktformular überlagert wird. Die Bilder für Dienste haben undurchsichtige Überlagerungen, die nur einen kleinen Teil des Bildes durchscheinen lassen. Mehrere Abschnitte zeigen auf einer Seite ein Bild, das die Informationen auf der anderen Seite überlappt. Die Galerie- und Serviceseiten zeigen viele Beispiele der Arbeit.

Besuche die Website

3. Wegbereiter

Diese Seite wurde von Stuart Leo eingereicht. Es hat ein klares Design, das Schatten verwendet, um die Abschnitte zu trennen. Einige der Abschnitte und CTAs enthalten farbige Hintergründe in Pastelltönen, um sich abzuheben. Die CTAs haben ein Wasserzeichen in der Ecke, das das Bild überlappt und ihm ein interessantes Design verleiht, ohne aufzufallen. Besonders gut gefällt mir das Mega-Menü. Es zeigt eine Liste von Links mit einem Symbol neben jedem an. Am unteren Rand des Dropdown-Menüs befindet sich ein CTA-Banner. Viele der Seiten enthalten Style Blubs und Menüs. Interessant sind auch die eingebetteten Podcasts. Sie funktionieren wie Blog-Posts, enthalten jedoch eingebettete Videos und Audios.

Besuche die Website

4. Stiftung Bisi Alimi

Diese Seite wurde von Flavio Mester eingereicht. Es verwendet Dunkelgrün als Hervorhebungsfarbe auf der gesamten Site. Der Heldenbereich zeigt auf der einen Seite eine Karte und auf der anderen einen großen Bild-Slider. Der Titel überlappt sie. Viele der Elemente haben Hover-Effekte, die die Farben ändern, Bilder vergrößern, Informationen anzeigen und mehr. Das Layout ist sauber und leicht zu folgen. Die Farben aus den Fotos passen gut zum Markengrün. Andere Seiten enthalten gestylte Umschalter, Formulare, Bilder und einen eingebetteten Instagram-Feed.

Besuche die Website

5. iMedica

Diese Seite wurde von Yoann PIERRE eingereicht. Es verwendet einen Farbton von heißem Pink für die Highlights auf der gesamten Website. Die Kopfzeile platziert einen Kontakt-Call-to-Action auf einer Seite in einer anderen Farbe, die sich ändert und ein Symbol beim Bewegen des Mauszeigers enthält. Im Heldenbereich wird ein Video mit einem Titel und einem Symbol im Vordergrund angezeigt. Das Video enthält auch einen gestylten Teiler, der einen Abwärtspfeil erzeugt. Die Symbole, Umschalter, Schaltflächen und Hover-Animationen sind pink, wechseln zu pink oder wechseln von pink. Viele der Hintergründe zeigen ein gestyltes Muster. Einige der pinkfarbenen Elemente sind heller, bis sie in die Mitte des Bildschirms scrollen. Eine zweiseitige CTA-Folien zeigt die Seite an, über die Sie den Mauszeiger bewegen.

Besuche die Website

6. Genesis Creative Co.

Diese Seite wurde von Chaucee eingereicht. Dieser verwendet viel Tan und Braun für die Highlights, den Text und die Schaltflächen. Das Braun entspricht dem Inhalt der Bilder auf der gesamten Website. Der Header fügt sich in die Site ein und enthält einen CTA. Dieser hat ein interessantes Layout. Der Heldenabschnitt zeigt drei Bilder, die sich mit einem CTA in der Mitte überlappen, der alle drei überlappt. Ein anderer Abschnitt hat ein ähnliches Design mit kleineren Bildern und größerem Text. Der Titel für diesen Abschnitt verwendet eine andere Schriftart, die sich vom Rest abhebt. Interessant ist auch die Fußzeile. Es zeigt ein großes Logo, Links und einen Buchungs-CTA.

Besuche die Website

7. BevCheck

Diese Seite wurde von Michael White eingereicht. Helles Rot wird auf der gesamten Website als Hervorhebungsfarbe für Text, Hintergründe und Symbole verwendet. Es verwendet ein hohes Hintergrundfoto, das einen extra großen Heldenbereich umfasst. Der Heldenbereich zeigt Informationen mit einem CTA und einem eingebetteten Satz von Logos an. Der nächste Teil dieses Abschnitts enthält Klappentexte mit gestylten Symbolen und extragroßen Schaltflächen mit abgerundeten Ecken und Kastenschatten. Ein Abschnitt über das Unternehmen zeigt auf der einen Seite ein Bild und auf der anderen einen Text mit einem Kastenschatten, um sich vom Hintergrund abzuheben. Ich mag den Kontakt-CTA in der Fußzeile. Es zeigt einen großen Textblock über einem Hintergrundbild mit einem roten Overlay, das den nächsten Abschnitt mit einem gestylten Kontaktformular überlappt.

Besuche die Website

8. Breeze-Hypnotherapie

Diese Seite wurde von Sibora Halili eingereicht. Ich liebe die Grafiken und Farben in diesem. Es verwendet ein helloranges und graues Farbschema, um einen eleganten Look zu schaffen. Der Header platziert einen CTA auf einer Seite im Orange. Dies ist ein One-Page-Design. Der Heldenbereich zeigt ein Vollbild-Hintergrundbild mit gestyltem Text im Vordergrund zusammen mit Informationen. Aus Klappentexten und Hintergrundbildern werden handgezeichnete Grafiken in den Markenfarben verwendet. Einige sind Zeichnungen von Objekten, während andere abstrakt sind. Viele Elemente wie Fotos, Podcasts, Umschalter und ein Schieberegler überlappen den Hintergrund in Farbblöcken. Kleine Details wie ein Bild in Parallaxe und eine Linie, deren Größe sich beim Scrollen ändert, fallen auf. Es verwendet nur wenige Farben, aber es verwendet sie perfekt.

Besuche die Website

9. Centrolab

Diese Seite wurde von Lethicia Diniz eingereicht. Dieser nutzt Farbe und Grafik hervorragend. Es verwendet viele kräftige Farben mit einem starken Fokus auf Orange und Blau in den Hintergründen, Schaltflächen, Symbolen und gezeichneten Grafiken. Sie funktionieren perfekt für die Zielgruppe. Die Grafiken zeigen Personen mit Objekten, um die Szene zu setzen. Alle Hintergründe haben wellenförmige Teiler. Der Hintergrund des Heldenbereichs enthält eingekreiste Muster, die auffallen. Alle Abschnitte zeigen Informationen auf der einen Seite und Grafiken auf der anderen Seite. Auch die Fußzeile gefällt mir. Es besteht aus mehreren Farbblöcken, die sich überlappen, um einen Bereich für Kontaktinformationen, Links und den Urheberrechtshinweis zu schaffen. Der blaue Header hat orangefarbene Hervorhebungen für die Menüpunkte und einen grünen CTA.

Besuche die Website

10. Clement Fromont

Diese Seite wurde von Clement Fromont eingereicht. Dieser verwendet ein blaues und oranges Farbschema mit extra kräftigen Farben. Das Homepage-Layout ist einfach und erzeugt einen gut gestalteten CTA. Es enthält einen kurzen CTA im Hero-Abschnitt, einen About-Abschnitt in voller Breite, einen Textabschnitt mit Informationen, einen Abschnitt mit Testimonials und einen CTA in der Fußzeile. Sie arbeiten zusammen, um die benötigten Informationen bereitzustellen und gleichzeitig Ihre Aufmerksamkeit auf sich zu ziehen. Ich mag die animierte Grafik im Heldenbereich, die Aufmerksamkeit erregt. Der Blog hat auch ein elegantes Design mit einem CTA und den neuesten Beiträgen. Die Pfosten haben ein einzigartiges Design. Es handelt sich um extragroße Karten, die Fallstudien ähneln, mit Titel, Text, Aufzählungszeichen und einer Schaltfläche auf der einen Seite und Grafiken, die auf der anderen Seite zur Site passen.

Besuche die Website

Bis nächsten Monat!

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