Divi Design Showcase: Neue Einreichungen ab August 2020

Veröffentlicht: 2020-08-31

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

1. Divemaster Gilis

Divemaster Gilis

Diese Seite wurde von Alexander Falch eingereicht. Die Site verwendet ein korallenrotes Farbschema für den festen Header-Hintergrund, Trennlinien, Symbole, Klappenhintergründe, Fußzeilen, Blog-Schatten usw. Der Heldenbereich verwendet ein Vollbild-Hintergrundbild, das mich hineinzieht, und Text im Overlay, der die Site beschreibt . Die Kopfzeile wird beim Scrollen angezeigt und enthält einen dunklen Schatten, um ihr ein 3D-Erscheinungsbild zu verleihen. Die Kopfzeile enthält auch liniengezeichnete Symbole, deren Farbe sich beim Scrollen ändert. Schriftarten für die Überschriften sind groß und dünn. Die Farbe, Symbole und Schriftarten passen perfekt zum Genre und funktionieren gut mit dem Whitespace auf der gesamten Site. Pakete werden mit abwechselnden Layouts mit Bildern angezeigt, um die Ereignisse zu beschreiben.

Besuche die Website

2. Techniker

Techniker

Diese Seite wurde von Michal Teska eingereicht. Die Website ist ein einseitiges Design, das viel Leerraum mit minimalen Grafiken verwendet. Blau und Pink werden für die Markenfarben in den Hintergründen, Texten, Trennwänden, Grafiken und Menüs verwendet. Ich mag die Beispiele von Diensten, die Grafiken auf der einen Seite und Text auf der anderen in einem wechselnden Layout zeigen. Der Leerraum hebt die Grafiken und den Text hervor und verleiht ihm ein klares Design. Ich mag auch die vereinfachten Klappentexte zur Beschreibung von Diensten, die wellenförmigen Abschnittstrenner und das Kontaktformular, das sich über zwei Abschnitte erstreckt.

Besuche die Website

3. Die PA-Akademie

Die PA-Akademie

Diese Seite wurde von Aimee Agee eingereicht. Diese Seite verwendet viel Rot, Schwarz und Weiß für Markenfarben. Rot ist besonders in Hintergrundüberlagerungen und Symbolen auffällig. Zusammen mit weißen Rändern und Symbolen über dem roten Hintergrund hebt dies die Site hervor und sieht aufregend aus. Jeder Abschnitt enthält Scroll-Animationen. Besonders gut gefällt mir der einfache Veranstaltungskalenderbereich unter dem Heldenbereich, der die Workshop-Termine mit einem Registrierungslink anzeigt. Der Abschnitt über das, was Sie lernen werden, zeigt die Hauptpunkte in Klappentexten in den äußeren Spalten, während ein Bild in der Mitte schwebt und dem Scrollen mit der Maus folgt. Ein weiterer meiner Lieblingsabschnitte ist der Workshop CTA. Es zeigt ein großes Bild in der linken Hälfte des Bildschirms mit einem roten Overlay und CTA an. Auf der rechten Seite sind einfache Klappentexte für Aufzählungszeichen mit gestylten Symbolen.

Besuche die Website

4. Fitness und Essen

Fitness und Essen

Diese Seite wurde von Patrick Hertnagel eingereicht. Diese Site verwendet ein schönes Grün für die Markenfarbe in den Menüs, Rändern, Schaltflächen, Overlay-Text, Fußzeilenhintergrund und sogar der Bildlaufleiste. Die Titel verwenden großen Text, der sich perfekt in das Site-Design einfügt. Besonders gut gefällt mir der Abschnitt der großen CTAs. Die Anzeige erfolgt in zwei Spalten, die die volle Bildschirmbreite einnehmen, mit Text und Schaltfläche auf der einen Seite und einem Bild auf der anderen. Es enthält vier davon in einem abwechselnden Layout. Der Blogbereich enthält ein Suchfeld, das der Breite der Blogspalte entspricht. Ein weiterer Bereich, der auffällt, ist die Mosaik-Bildergalerie. Es zeigt Bilder in mehreren Spalten und Höhen an, aber sie passen alle in den Raum und schaffen eine perfekte Symmetrie.

Besuche die Website

5. Hey Bär Kreative

Hey Bär Kreative

Diese Seite wurde von Marcy Henriques eingereicht. Es verwendet viele cartoonartige Grafiken und kräftiges Rot, Schwarz und Gelb für Markenfarben. Der Heldenbereich zeigt eine Hintergrundgrafik eines Berges mit einer ähnlichen Grafik überlappend, alle in verschiedenen Rottönen mit dunkleren Schattierungen für die Grafiken im Vordergrund. Die Vordergrundgrafik wird beim Scrollen vergrößert. Die Kopfzeile zeigt ein Hamburger-Menü mit fetten Linien und einen CTA in Gelb mit einem fetten schwarzen Rand an. Ähnliche Schaltflächen sind auf der gesamten Website platziert. Ich liebe die Bären- und Berggrafiken, die diese Website verwendet. Das Design nutzt kräftige Farben und Hintergrundgrafiken, während der Inhalt sauber und lesbar bleibt.

Besuche die Website

6. Rue

Bereuen

Diese Seite wurde von Mathias Rue eingereicht. Es verwendet einen schwarzen Hintergrund mit weißem, rotem und violettem Text. Der Heldenbereich ist ein Vollbildbereich, der den Bildschirm umrahmt und Links in den Ecken platziert. Es enthält extra großen Text für den Slogan. Alle Module haben einen Rahmen, der von Rot nach Lila geht. Der violette Text im Heldenbereich und die violetten Teile des Rahmens werden beim Scrollen rot. Die nächsten Abschnitte zeigen Bilder der Dienste und des Portfolios mit schwarzem Hintergrund, weißem Text und roten Tags und Links. Diese Module werden nebeneinander mit 2 oder 3 pro Reihe platziert. Jedes dieser Module wird beim Schweben erweitert, um mehr Platz einzunehmen und ihre Bilder zu vergrößern. Kontaktinformationen in der Fußzeile verwenden auch den extragroßen Text, der beim Scrollen seine Farbe ändert. Diese Seite macht interessanten Gebrauch von großem Text und Hover-Effekten.

Besuche die Website

7. Dijimoe

Dijimoe

Diese Seite wurde von Moe bei Dijimoe eingereicht. Diese Seite verwendet viel Dunkelblau für die Hintergründe und Highlights. Der Heldenbereich zeigt eine große Grafik mit einem Titel über einem Hintergrund aus animierten Partikeln. Jeder Abschnitt verwendet gestylte Trennzeichen für den unteren Teil, um eine gestylte U-Form bereitzustellen, um sich abzuheben. Die Abschnitte wechseln zwischen dunkelblauem Hintergrund und weißem Hintergrund. Dies hält ein einfaches Design, das sauber und elegant ist. Dienste werden in Klappen angezeigt, die Symbole in verschiedenen Farben verwenden. Kundenlogos werden in einem Schieberegler angezeigt, der sich ständig bewegt, sodass er sich vom Rest der Website abhebt. Das Menü ist einfach mit einem Link auf jeder Seite, der ein Symbol außerhalb des Links enthält. Wenn Sie mit der Maus über den Link fahren, wird ein abgerundeter Hintergrund angezeigt. Ich mag besonders die Verwendung von gestylten Akkordeons und Grafiken auf der Service-Seite.

Besuche die Website

8. Ernährungswissenschaftlerin Maria Antonietta Gastone

Ernährungsberaterin Maria Antonietta Gastone

Diese Seite wurde von Daniele Bardella eingereicht. Diese Site verwendet ein klares Design mit vielen orangefarbenen Hervorhebungen für Schaltflächen, Links und Symbole. Das Layout verwendet Leerzeichen, um jeden Klappentext, CTA und Testimonial hervorzuheben. Der Abschnitt für Dienste verwendet ein Bild auf einer Seite und zeigt eine Reihe von Klappentexten mit einer kurzen Beschreibung und einem Symbol mit einem Link zum Weiterlesen an. Ich mag den Abschnitt über die verwendete Methode. Es bietet eine Beschreibung, gefolgt von Klappentexten, die ein Bild zu einer Seite überlappen. Ein CTA in voller Breite für ein Buch zeigt eine Schaltfläche in der Mitte und ein Bild an einer Seite an. Die Buchseite verwendet weißen Text und ein Bild des Buchcovers über einem orangefarbenen Hintergrund. Diese Seite verwendet Farbe und Weißraum gut.

Besuche die Website

9. Webstrategen

Webstrategen

Diese Seite wurde von Michael Kwasiuk eingereicht. Diese Seite verwendet Radical Red für Highlights vor weißem und schwarzem Hintergrund. Das Rot wird auch als Preloader-Bildschirm verwendet. Praktisch jeder Abschnitt hat etwas, das sich von der Mitte überlappt oder versetzt. Wenn sich die Abschnitte abwechseln, entsteht eine einzigartige Balance, die Ihr Auge führt. Mehrere Abschnitte platzieren Text auf einer Seite und ein animiertes Bild auf der anderen. Das Portfolio verwendet einen zur Seite verschobenen Schieberegler mit einzigartigem Navigationsstil. Im Blogbereich werden Karten mit Beschreibungen angezeigt, die vom Bild abgesetzt sind. Ich finde es toll, wie das Logo die Buchstaben beim Scrollen löscht und den ersten Buchstaben mit dem Punkt für das Hauptmenü hinterlässt.

Besuche die Website

10. Limonade IT

Limonade IT

Diese Seite wurde von Teck Seng Chan eingereicht. Das Design verwendet ein gelbes und grünes Farbschema (Zitrone und Limette) für Highlights wie den CTA im Menü, Grafiken, Rahmen, Text, Slider-Navigation, Hintergrundfarben von Blog-Posts und mehr. Alle Abschnittshintergründe sind entweder weiß oder hellgrau, um das Design so einfach und sauber wie möglich zu halten. Dienste werden in hohen Klappen angezeigt, die beim Hovern unten Schatten hinzufügen. Mein Lieblingsbereich ist ein CTA mit Handy und einem Webseiten-Layout, das sich selbstständig dahinter bewegt. Interessant ist auch der Testimonial-Slider. Es scrollt die Testimonials vertikal. Diese Seite verwendet Farbe und ein einfaches Layout.

Besuche die Website

Abschließend

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