Divi Design Showcase: Neue Einreichungen ab Dezember 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 Dezember 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 Dezember 2020

1. Studio Linetti

Diese Seite wurde von Nicola Toffali eingereicht. Die Seite verwendet ein interessantes Splitscreen-Design. In der linken Hälfte des Hero-Bereichs wird der Titel der Site in großem Text über einem Hintergrund angezeigt, der die Farbe ändert, wenn Sie scrollen oder den Cursor in die Adressleiste bewegen. Auf der rechten Seite ist roter Text über einem weißen Hintergrund. Diese Spalte ist innerhalb des Abschnitts scrollbar. Wenn Sie das Ende der Spalte lesen, scrollt der Abschnitt. Die nächsten beiden Abschnitte enthalten fast bildschirmfüllende Spalten mit schwarzem Hintergrund auf der einen Seite und weißem Hintergrund auf der anderen Seite in abwechselndem Layout und Schriftarten in den entgegengesetzten Farben. Der letzte Abschnitt ist eine humorvolle Vollbild-Nachricht vor einem Hintergrund, der die Farbe ändert. Dieses Design ist einfach und interessant zugleich.

Besuche die Website

2. Casa Roca Architecura

Diese Seite wurde von Freddy Maldonado eingereicht. Diese Site enthält viele überlappende Elemente mit Boxschatten, Hover-Animationen und gelben Highlights. Unter dem Heldenbereich mit geteiltem Bildschirm befindet sich auf einer Seite ein Farbblock mit einem überlappenden Bild und einem überlappenden CTA. Klappentexte geben Auskunft über die Art der Arbeit. Sie haben einfache Symbole in Gelb und die Klappen ändern leicht ihre Form und erhalten beim Schweben einen dicken gelben Rahmen. Dadurch heben sie sich ab, ohne zu auffällig zu wirken. Mein Lieblingsbereich zeigt Bilder an, die einen Instagram-Feed überlappen. Die Bilder gleiten beim Schweben nach oben, um eine Beschreibung mit einer blauen Überlagerung anzuzeigen. Interessant ist auch der Kontaktbereich. Es zeigt Kontaktinformationen in einem gelben Feld an, das von einem kleinen Kontaktformular überlagert wird.

Besuche die Website

3. Kundencamp

Diese Seite wurde von Sarah Hart eingereicht. Am unteren Bildschirmrand hängt ein Podcast-Player mit der neuesten Folge. Lila und Gelb werden für die Markenfarben auf der gesamten Website für Hintergründe, Schaltflächen, Symbole und zum Hervorheben von Text verwendet. Viele einzelne grafische Elemente scrollen unabhängig von den Abschnitten, wodurch Scroll-Effekte optimal genutzt werden. Jeder Abschnitt nutzt den Bildschirm gut, um CTAs und Informationen anzuzeigen. Besonders gut gefällt mir, wie Testimonials um die Bilder herum angezeigt werden. Dies kommt am unteren Rand des Layouts für den Testimonial-Bereich zusammen. Es gibt ein paar GIFs, aber nicht so viele, dass es ablenkt. Diese Site macht großen Gebrauch von Farbe, Scroll-Effekten und überlappenden Elementen.

Besuche die Website

4. Alive Service GmbH

Diese Seite wurde von Markus Behmann eingereicht. Diese Site verwendet durchgehend viel Blau als Hervorhebungen für Symbole, Schaltflächen, Hintergründe und Hover-Effekte. Das Menü verwendet animierte Hover-Effekte für die Links. Im Heldenbereich wird ein Video mit einer gestylten Trennlinie für den oberen und unteren Rand angezeigt. Dies sorgt vor allem für eine elegante Trennung vom Header und hebt sie hervor. Mein Lieblingsbereich zeigt interessante Klappentexte für Dienste an. Die Klappen enthalten eine Schaltfläche, die das Bild und den Inhalt überlappt. Die Klappentexte selbst überlappen die darüber liegende Zeile und bewegen sich beim Scrollen nach oben oder unten horizontal. Dieser Abschnitt enthält auch einen wellenförmigen Teiler, der zum ersten Abschnitt passt und ihn zusammenbindet. Das Layout ist sauber und elegant.

Besuche die Website

5. Architekt & EMU-Bau

Diese Seite wurde von Abdy Designbüro eingereicht. Es verwendet Grün als Markenfarbe auf der gesamten Website, einschließlich des Logos, der Hintergründe und der Ränder für die Schaltflächen. Der Heldenbereich verwendet auf einer Seite einen grünen Hintergrund mit einem Kreismuster, um ihm Stil zu verleihen. Das Navigationsmenü hat einen transparenten Hintergrund, der auf einer Seite das Grün durchscheinen lässt. Während Sie scrollen, ändern sich der Text und der Hintergrund des Menüs. Ich mag den CTA, der Informationen mit Schaltflächen auf einem hellgrauen Hintergrund platziert, der sich nur vom weißen Hintergrund abhebt und ein Kreismuster enthält. Ein Bild überlappt dies, um sich abzuheben. Das graue Kreismuster wird an mehreren Stellen verwendet, um dem Hintergrund eine gewisse Textur zu verleihen.

Besuche die Website

6. Schritte Digital

Diese Seite wurde von Douglas Henrique eingereicht. Dieser verwendet ein sauberes Layout mit viel Leerraum auf der gesamten Website. Blaue und gelbe Hervorhebungen werden für Schaltflächen, Symbole, Schriftarten, Hintergründe und andere grafische Elemente verwendet. Die Titel sind klein und sehen aus wie Schaltflächen, aber sie heben sich richtig ab. CTAs zeigen handgezeichnete Grafiken auf der einen Seite und Text auf der anderen. Die Grafiken haben ein cartoonartiges Design, das perfekt für die Website funktioniert. Besonders gut gefällt mir der Erfolgsfall, der einen blauen Hintergrund zeigt, der den Titel und die Beschreibung mit Informationen und einem Bild der Arbeit enthält, das den nächsten Abschnitt überlappt. Die Seite für die Erfolgsfälle folgt einem ähnlichen Design. Das Layout ist einfach, aber die Farbe ist gut ausbalanciert.

Besuche die Website

7. Grüne Erbsen zum Frühstück

Diese Seite wurde von Monica Higgins eingereicht. Dieser verwendet viel Rosa, Dunkelgrün und Gold für Hintergründe, Text und Highlights sowie viele Scroll-Effekte auf der gesamten Website. Es verwandelt Ihren Mauszeiger in eine gestylte Spitze eines Stifts. Der Heldenabschnitt zeigt eine rosafarbene Zeile an, die den nächsten Abschnitt überlappt. Ich liebe die Bilder, um die Dienste zu zeigen. Jedes Bild ist alte Hardware mit Text auf einem Bildschirm oder gedruckt. Ihr Text scrollt, während Sie auf der Seite nach unten scrollen. Arbeitsbeispiele werden in einem Abschnitt mit zwei Spalten gezeigt, der rosafarbene Hintergründe mit goldenen Rändern enthält. Bilder der Arbeit werden auf alten Fernsehbildschirmen, in Webbrowsern oder als Grafiken platziert. Jedes der grafischen Elemente verwendet Scroll-Effekte. Diese Seite macht großen Gebrauch von Farbe und Bildern.

Besuche die Website

8. Hey Fresto!

Diese Seite wurde von James Middleditch eingereicht. Es verwendet ein elegantes Grün als Markenfarbe mit vielen Fotos und Scroll-Effekten auf der gesamten Website. Der Hero-Bereich spielt ein Hintergrundvideo ab, das unscharf ist, aber genug zu sehen ist, um zu verstehen, worum es auf der Site geht. Ein Titel und ein Slogan stellen die Site vor. Bilder von Lebensmitteln enthalten Überlagerungen, die beim Scrollen ausgeblendet werden. Tags für die Bilder sind in vielen verschiedenen Farben passend zum östlichen Thema. Blurbs, die Informationen bereitstellen, werden beim Scrollen von den Seiten eingefügt, gefolgt von einem ähnlichen Abschnitt mit CTAs. Viele Zeichnungen und Bilder helfen dabei, die Ränder der Site einzurahmen. Ein Abschnitt mit Bestsellern umfasst Produkte mit mehreren Optionen. Diese Site enthält auch eine gestylte Bildlaufleiste. Ich liebe die Farben und Bilder auf dieser Seite.

Besuche die Website

9. MVMNT

Diese Seite wurde von Simon Frost eingereicht. Der Heldenbereich zeigt ein Vollbildvideo mit einer Bildwiederholfrequenz und einem Filter an, der in meinen Augen wie ein älterer digitaler Filmprojektor aussieht, während der Text im Vordergrund alle paar Sekunden umgedreht wird, um die Nachricht zu ändern. Ein interessanter Bereich mit breiten Bildern in wechselndem Layout zeigt Titel über den Bildern, die auf Informationen über das Unternehmen verlinken. Die Bilder enthalten Hover-Effekte. Blog-Posts enthalten mehrere Tags und Overlays, die einen Auszug zeigen. Hellblau und Pink werden für die Markenfarben verwendet und werden oft verwendet, um die Titel zu unterstreichen. Jede der Seiten folgt einem ähnlichen Design und enthält schwarze Hintergründe hinter einigen der Titel. Diese Seite verwendet stilvolle Farben und Hintergründe.

Besuche die Website

10. Le Kombucha

Diese Seite wurde von Florent Noel eingereicht. Dieser verwendet viele interessante Grafiken und auf der gesamten Website. Es verwendet hauptsächlich Hellgelb und Hellgrün für die Markenfarben, die in den Hintergründen, Schaltflächen und der Zurück-nach-oben-Schaltfläche erscheinen. Die Hintergrundgrafiken erzeugen ein Getränk mit Blasen und weisen Wellenkanten auf, um sich von den umgebenden Abschnitten abzuheben. Andere Grafiken und Bilder auf der gesamten Website zeigen das Getränk in Gläsern und Krügen. Diejenigen mit Grafiken platzieren die Grafik auf einer Seite und den Text auf der anderen, um CTAs zu erstellen. Diese werden in einem wechselnden Layout platziert. Informationen werden in Klappentexten mit mehrfarbigen Symbolen angezeigt. Alle Bilder und Grafiken werden beim Scrollen verschoben oder verschoben.

Besuche die Website

Abschließend

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