Divi Design Showcase: Neue Einreichungen ab Juli 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 Juli 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 Juli 2021

1. Stratton Craig

Diese Seite wurde von Piers Elliott eingereicht. Es hat viele rote Hervorhebungen für Text, Links und Schaltflächen sowie etwas dunkelblaues auf der gesamten Website. Abschnitte enthalten weiße oder sehr hellgrüne Hintergründe, die sowohl mit Rot als auch mit Blau hervorragend funktionieren. Das Mega-Menü enthält einen hellgrünen Hintergrund mit einem Kontakt-CTA und Links in mehreren Spalten. Der Hero-Bereich zeigt ein eingebettetes Video an. Abschnitte für Fallstudien und Dienstleistungen zeigen kleine Zeilen mit einem Bild auf der einen Seite und den Informationen auf der anderen Seite. Der Blogbereich gefällt mir. Die Beiträge zeigen die Titel, die durch Leerzeichen und eine einzelne horizontale Linie getrennt sind. Eine andere Sache, die ich interessant fand, ist, dass es keine Bildlaufleiste hat.

Besuche die Website

2. Mike der Freiberufler

Diese Seite wurde von Mike McManus eingereicht. Dieser macht interessanten Gebrauch von Typografie und grauen Hintergründen. Der Heldenbereich zeigt auf einer Seite ein Bild mit einer abgerundeten unteren Ecke. Dieser ist vom Text auf der anderen Seite getrennt, der einen grauen Hintergrund überlagert. Kleine gelbe Schaltflächen werden überall auf der Site verwendet und entsprechen den gelben im Menü. Projekte werden als Beiträge mit einem Bild auf der einen Seite und dem Auszug auf der anderen angezeigt. Ich mag den Abschnitt der Klappentexte, die durch Ränder getrennt sind, die nur einen anderen Klappentext berühren. Das Design der Website hat ein Code-Look and Feel, das auffällt und perfekt funktioniert, um die Website zu beschreiben. Die Seite hat auch ein interessantes Blog-Design.

Besuche die Website

3. dajo kreativ

Diese Seite wurde von David King eingereicht. Dieser nutzt Grün auf der gesamten Website hervorragend für das Branding. Der Heldenbereich enthält ein Bild eines Gurkenglases, das beim Scrollen in den Bildschirm hineingezoomt wird. Die Website wird mit extra großem Text eingeleitet. Viele der Elemente umfassen Hover- oder Scroll-Animationen. Einige der Hintergründe sind in Parallaxe und zeigen Bilder des Studios. Einer meiner Lieblingsabschnitte zeigt Klappentexte mit Symbolen, die sich auf das Typografie-Design beziehen. Ein weiterer meiner Favoriten zeigt extragroßen Text, der beim Scrollen herausgezoomt wird. Ich mag auch die Arbeitsbeispiele, die in einem mehrspaltigen Layout angezeigt werden. Sie enthalten grüne Überlagerungen für den Hover-Effekt des Bildes.

Besuche die Website

4. Sichere IT-Quelle

Diese Seite wurde von Michael White eingereicht. Dieser verwendet viel Orange und Rot als Highlights für das Logo, einen vertikalen Balken im Heldenbereich, Zahlen, Links, Symbole, Overlays und einen horizontalen Rahmen. Viele der Abschnitte enthalten Muster in den Hintergründen, die nur auffällig sind. Einige enthalten Text, der den Abschnitt beschreibt. Ich mag den Abschnitt, der ihren Ansatz beschreibt. Es enthält nummerierte Klappentexte mit Animationen und Überlagerungen. Ich mag auch die Ressourcenseite. Es zeigt Blog-Posts mit vorgestellten Bildern mit Hover-Animationen, dem Titel und der Kategorie. Sie sind kurz und breit und befinden sich in zwei Spalten, die dem Blog ein klares Design verleihen.

Besuche die Website

5. Studiovitas

Diese Seite wurde von Simone Vitas eingereicht. Dieser hat viele interessante Hover-Animationen auf der gesamten Website. Der Mauszeiger verwandelt sich in ein gestyltes Dreieck, das den Hintergrund durchscheinen lässt. Wenn Sie den Mauszeiger über etwas bewegen, das anklickbar ist, wird das Dreieck ausgefüllt, der Hintergrund scheint durch und die Farben werden invertiert. Die anklickbaren Elemente ändern sich in ein dunkles Rot, das auffällt. Besonders elegant sind die Header- und Hamburger-Menü-Fonts. Ich liebe die Blockanimationen, die die Elemente der Seite beim Laden enthüllen. Ich mag auch die Verwendung von interessanten Bildern für die Arbeitsbeispiele. Ein Call-to-Action zeigt eine große Version des Dreiecks beim Bewegen des Mauszeigers an und führt Sie zu einem großen Kontaktformular, das so gestaltet ist, dass es der Site entspricht.

Besuche die Website

6. In Indonesien surfen

Diese Seite wurde von Lokesh Mangyan eingereicht. Dieser macht interessanten Gebrauch von Notationen. Viele der Elemente enthalten geneigten Text mit einem Pfeil, der auf das Element zeigt. Der Text gibt Tipps zur Nutzung der Website. Auf der gesamten Homepage werden mehrere Handlungsaufforderungen platziert, die gut mit dem Design der Website harmonieren. CTAs umfassen Schaltflächen, kleine Banner und einen Abschnitt in voller Breite, der großen Text auf einem hellbraunen Hintergrund mit einem Bild und einer Schaltfläche im Vordergrund anzeigt. Es enthält auch einen CTA für die App-Version der Tools der Website. Als Markenfarben werden mehrere Brauntöne verwendet, die gut zum Strandthema passen. Ein Abschnitt von Klappentexten zeigt ihre Grenzen beim Schweben und enthält hellbraune Symbole. Bewertungen werden als kurze Ausschnitte mit Sternbewertungen im Heldenbereich und in einem Testimonial-Slider angezeigt. Ich liebe die Verwendung von Karten auf dieser Website.

Besuche die Website

7. Kal Digital

Diese Seite wurde von Petros aus Kal eingereicht. Dieser macht interessanten Gebrauch von Hintergründen und Typografie. Es zeigt eine leuchtend rote animierte Blase hinter dem Titel im Heldenbereich an. Die Blase bleibt an Ort und Stelle, während Sie zu den nächsten Abschnitten scrollen, und ändert sich in eine andere Form, bis sie zum vollständigen Hintergrund wird. Es wird dann grau und verwandelt sich wieder in eine Blase und dann in einen schwarzen Hintergrund. Im Vordergrund stehen auf der einen Seite Informationen, Dienste mit Cartoon-Grafiken und auf der anderen Seite Informationen. Der graue Abschnitt zeigt eine Grafik eines Computerbildschirms mit Klappentexten auf beiden Seiten. Andere Seiten verwenden ein ähnliches Design mit anderen Farben. Ich mag auch den animierten Stift auf der Kontaktseite.

Besuche die Website

8. Robinson MD

Diese Seite wurde von Jonathan Morey eingereicht. Es verwendet helle Farben als Hervorhebungen und Hintergrundelemente auf der gesamten Website. Eingabehilfen werden in einem Symbol platziert, das immer in Reichweite ist. Einige der Abschnitte zeigen zwei Spalten mit einem Bild auf der einen Seite und Text auf der anderen. Einige der Bilder enthalten Farbblöcke hinter zwei ihrer Ecken. Blurbs enthalten spezielle Symbole, die sich hervorragend für das Genre der Website eignen. Ein Abschnitt von Klappentexten enthält Karten, die schneller als der Hintergrund scrollen, und einen Klappentext an der Seite. Ein detailliertes Formular in der Nähe der Fußzeile entspricht dem Design der Website. Die Blog-Seite folgt dem gleichen Design und enthält eine Suche mit Vorschlägen und gestylten Blog-Karten.

Besuche die Website

9. Internationale Budgetpartnerschaft

Diese Seite wurde von Rajan Zaveri eingereicht. Es verwendet viele Erdtöne in allen Elementen. Viele Überschriften enthalten gezeichnete Hervorhebungen, die wie eine Markierung aussehen. Einige der Hintergründe umfassen handgezeichnete Karten. Handgezeichnete Grafiken von Personen schweben neben dem Text. Das Menü hat gestylte Schaltflächen. Innerhalb eines Umschalters wird ein Inhaltsverzeichnis erstellt. Auf der linken Seite befindet sich ein gestyltes Punktnavigationssystem, das angezeigt wird, sobald Sie am Heldenabschnitt vorbeiscrollen. Die Kopfzeile zeigt den Namen jedes Abschnitts. Besonders gut gefällt mir der Abschnitt mit Zahlen in einem Raster. Die Zahlen sind mit großen Rändern getrennt. In der Mitte des Rasters befinden sich kleine Textblöcke mit Titeln. Wenn Sie mit der Maus darüber fahren, wird es auf volle Größe skaliert, wobei Informationen und ein Overlay angezeigt werden, das über der Zahl angezeigt wird. Unten klebt ein Button für eine Datenkarte und öffnet ein Popup.

Besuche die Website

10. Nyansa

Diese Seite wurde von Christina eingereicht. Dieser verwendet mehrere Grüntöne als Markenfarben auf der gesamten Website, einschließlich des Logos. Der Hero-Abschnitt platziert eine grüne Überlagerung über einem Teil des Bilds in voller Breite und enthält einen CTA. Ein anderer Abschnitt überlappt einen Textblock über einem Bild und enthält einen Titel mit grünem Hintergrund. Ich mag besonders den Abschnitt von 5 Klappentexten, die grün eingekreiste Symbole in Quadraten enthalten, die an ihren Ecken gedreht sind. Ein Informationsabschnitt verwendet Karten mit verschiedenen Grüntönen, die von dunkel bis hell reichen. Die sozialen Symbole in der Fußzeile folgen der gleichen Reihenfolge. Der Blog-Bereich verwendet einen dunkelgrünen unteren Rand für die Karten. Der Testimonial-Slider enthält einen grünen Hintergrund für den Text und einen dicken weißen Rand, der sich vom großen Hintergrundbild abhebt.

Besuche die Website

Bis nächsten Monat!

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