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

1. Vale Industries

Diese Seite wurde von DJ Wheeler eingereicht. Es hat ein industrielles Aussehen und fühlt sich mit mehreren Grautönen für die Abschnittshintergründe, Hintergründe von Klappentexten und Testimonials und sogar einem dunklen Grau für Text an. Rote Markierungen für Schaltflächen und Punktnavigation fallen auf. Das Logo verbindet die Farben. Der Hero-Bereich macht mit einem CTA auf der einen Seite und einem Video auf der anderen auf die Themen aufmerksam. Tasten sind Parallelogramme. Der CTA im Menü ändert sich beim Bewegen der Maus in Schwarz und öffnet eine weitere Schaltfläche mit grauem Hintergrund, die der Farbe des CTA-Texts entspricht. Themen werden mit großen Klappen angezeigt. Ein Bild in voller Breite in echter Parallaxe zeigt eine Beispielarbeitsstelle. Andere Seiten folgen einem ähnlichen Design. Die Farben und das klare Layout passen hervorragend zu diesem Industriestandort.

Besuchen Sie Vale Industries

2. Arca Interactive

Diese Seite wurde von Justin Arcara eingereicht. Es hat viel Lila, Rot und Blau auf der gesamten Website. Die meisten Abschnitte enthalten zweispaltige Hintergründe. Der Hero-Bereich zeigt ein zweispaltiges Design mit einem CTA auf der einen und einem Bild auf der anderen Seite. Beide sind mit einem Titel und einer Beschreibung überlagert. Blurbs beschreiben Dienste mit zweifarbigen Symbolen. Mehrere Abschnitte enthalten Bilder oder andere Elemente, die sich vom Hintergrund unterscheiden. Letzte Projekte scrollen den Titel horizontal und zeigen die Projekte mit Bildern an. Testimonials enthalten ein Bild auf der einen Seite und Text auf der anderen, mit Logos, die sie überlappen. Es enthält auch eine gestylte Back-to-Top-Schaltfläche mit einem klebrigen E-Mail-Link. Diese Site verwendet hervorragend großen Text, große Symbole, Farben und Layoutelemente.

Besuchen Sie Arca Interactive

3. Trafoos

Diese Seite wurde von Samant Jaitli eingereicht. Es verwendet weiche Farben in den Hintergründen und den Produkthintergründen auf der gesamten Website. Viele der Schaltflächen und Karten enthalten Box-Schatten, um sich abzuheben. Ein Countdown-Timer zeigt an, wann die Sonderpreise enden. Der Hero-Bereich zeigt Farben der Site mit einem abgewinkelten Muster und Bildern an, die auf beiden Seiten in das Muster eingebettet sind, und zwei CTAs in der Mitte. Ein Abschnitt zum Gestalten Ihres eigenen Shirts zeigt die Schritte mit Symbolen an. Jede der Produktkategorien enthält auf der linken Seite farbige Blöcke, um die Kategorie vorzustellen. Auch der Kontaktbereich gefällt mir. Es zeigt Informationen in zwei Spalten mit einer anderen Hintergrundfarbe für jede Spalte und Cartoon-Grafiken an, die der Site entsprechen. Diese Seite macht großen Gebrauch von Farbe.

Besuchen Sie Trafoos

4. UX-Design-Geschichten

Diese Seite wurde von Allie Walters eingereicht. Es verwendet ein einfaches Design mit extra großem Text für Titel. Der Hero-Bereich zeigt einen Bereich mit einer großen Schrift auf einem hellbraunen Hintergrund an. Ein Link in der Beschreibung ist eine dunklere Bräune und hebt sich gut ab. Mehrere Abschnitte enthalten Hintergrundbilder in voller Breite in echter Parallaxe. Das Overlay zeigt eine kurze Beschreibung mit einem Link, um mehr zu sehen. Ein Abschnitt hinter den Kulissen zeigt Bilder des Workflow-Prozesses. Die Projektseiten zeigen ein Video und detaillierte Informationen zum Projekt. Details sind in kleinere Abschnitte unterteilt, die schrittweise durch das Projekt führen. Es zeigt mehr Details als ich auf der typischen Projektseite gesehen habe, und es zeigt es auf die einfachste und sauberste Weise.

Besuchen Sie UX Design Stories

5. TPress Studio

Diese Seite wurde von Alexis Presti eingereicht. Diese Website hat ein einseitiges Design, das einen dunkelgrauen Hintergrund mit weißem Text und Text mit grünem Farbverlauf verwendet. Ein Teil des Textkörpers ist hellgrau. Normalerweise finde ich weißen Text auf schwarzem Hintergrund schwer für meine Augen, aber diese Farbkombination funktioniert gut und hält den Text lesbar. Der Hero-Abschnitt und der folgende Abschnitt zeigen ein Hintergrundbild an, das sich in den Hintergrund einfügt. Die Überblendung ist so glatt, dass es schwer zu sagen ist, wo das Bild endet. Dies trägt dazu bei, dem Layout ein elegantes Gefühl zu verleihen. Der Text im Heldenabschnitt verwendet Blocktext mit einem grünen Farbverlauf über dem umrandeten Text für den Titel. Ähnlicher Text mit Farbverlauf wird für Titel verwendet und enthält passende Trennwände, Schaltflächen und Symbole. Ich liebe die Verwendung von Grau und Farbverläufen auf dieser Website.

Besuchen Sie TPress Studio

6. Mein Columbus Makler

Diese Seite wurde von Greg Ventresca eingereicht. Es verwendet viel Grau für die Bildüberlagerungen und hellbraune Hintergründe auf der gesamten Website. Der Heldenbereich zeigt auf der linken Seite ein Video über einem grauen Hintergrund an, das in ein Bild übergeht. Der Titel überlappt beide Seiten und zeigt den Text für jede Seite anders an. Mehrere CTAs überlappen Bilder oder enthalten Bilder, die Hintergrundelemente überlappen. Eines der Bilder wird sowohl im Hintergrund als auch im Vordergrund platziert, wodurch ein interessanter CTA entsteht. Eigenschaften werden in das Layout eingebettet und beinhalten Bilder mit Boxschatten. Mehrere Seiten enthalten benutzerdefinierte Symbole, die sich von den grauen Hintergründen abheben. Die Farben und Bilder passen gut zum Layout und passen perfekt zur Zielgruppe.

Besuchen Sie My Columbus Realtor

7. Dragonfly Avenue

Diese Seite wurde von Marci Angeles eingereicht. Es verwendet ein sauberes Layout mit vielen weichen farbigen Hintergrundverläufen und dünnen oder doppelten Linien, um Ränder zu erstellen. Der Heldenabschnitt zeigt eine Nachricht in Großbuchstaben in einem Bogen an. Der Text überlappt den Hintergrundverlauf, wodurch der Bogen entsteht. Ein Schieberegler ändert die Bilder in der Mitte des Bogens. Dienste werden in Bildern unterschiedlicher Form angezeigt. Einige der Elemente zeigen den Hintergrundverlauf auf unterschiedliche Weise an, darunter eine vertikale Form hinter einer Umrandung, eine horizontale Form mit abgerundeten Kanten für Testimonials und ein Ticker, der eine Nachricht scrollt. Abwechselnde CTAs zeigen auf der einen Seite ein Bild und auf der anderen Text mit Variationen der Hintergrundfarben. Die Back-to-Top-Schaltfläche ist ein seitlich gedruckter Kursivtext. Ich liebe den Libellen-Preloader und den Mauszeiger.

Besuchen Sie die Dragonfly Avenue

8. NEVERMVM

Diese Seite wurde von Dylan Boulkras eingereicht. Es verwendet einen schwarzen Hintergrund mit kräftigem orangefarbenem Text, der hervorsticht, um dem Design ein scharfes Aussehen zu verleihen. Ein klebriges Menü bleibt auf der linken Seite und zeigt eine Linie mit Kreisen an, die die Seiten verbinden. Der Heldenbereich zeigt auf einer Seite ein Hintergrundbild mit einem Titel, einer Beschreibung, einem Link und Zahlenzählern im Vordergrund. Das Menü wird im Vollbildmodus angezeigt und enthält dasselbe Hintergrundbild. Ein Abschnitt mit einem eingebetteten Video zeigt ein Hintergrundbild, das aussieht, als wäre es durch Rauch vom Hintergrund getrennt. Mehrere Abschnitte sind nummeriert und enthalten fettgedruckte Titel. Projekte werden in Klappen angezeigt, die sich schnell ändernde Bilder enthalten, die beim Hover zoomen und orangefarbene Symbole enthalten. Diese Seite macht einen hervorragenden Gebrauch von Farbe.

Besuchen Sie NEVERMVM

9. Panda Remiremont

Diese Seite wurde von Panda Remiremont eingereicht. Dies ist ein einseitiges Layout, das durchgehend chinesische Designelemente mit Text, Farbe und Grafiken verwendet. Der Heldenbereich zeigt ein Menü an, das sich unter dem oberen Rand des Bildschirms befindet und über dem Vollbildhintergrund und den grafischen Elementen schwebt. Eine große Grafik enthält auf der einen Seite chinesischen Text und auf der anderen einen CTA. Ähnliche Grafiken mit chinesischem Text erscheinen in mehreren Abschnitten. Für die Titel wird großer Text mit orientalischem Design verwendet. Die Preise werden mit Textbausteinen auf einem gestalteten Hintergrund angezeigt, der wie eine chinesische Speisekarte aussieht. Ich mag den Abschnitt für Kontaktinformationen. Es enthält einen Buchungs-CTA mit einem Bild auf der einen Seite und Kontaktinformationen auf der anderen. Ein Buchungsformular überschneidet sich damit und enthält einen gestylten Rahmen. Ich liebe die Hintergrundgrafik in diesem.

Besuchen Sie Panda Remiremont

10. Allianz Brünn

Diese Seite wurde von Michal Teska eingereicht. Es hat viel Weißraum mit grünen und blauen Highlights, die perfekt zum Genre passen. Der Heldenbereich zeigt ein Bild in voller Breite mit einem CTA auf der einen Seite und dem Team auf der anderen Seite. Teammitglieder und Standorte sind mit einer handgeschriebenen Schrift gekennzeichnet. Informationen über Dienstleistungen werden mit einfachen Klappentexten bereitgestellt. Darauf folgt ein Abschnitt mit größeren Klappen mit eingekreisten Symbolen, die beim Bewegen die Farbe ändern. Die Klappentexte zeigen auch beim Schweben einen Rahmen an. Die Symbole überlappen die Grenzen. Der Teambereich gefällt mir. Es zeigt kreisförmige Teambilder mit dicken Rändern an. Die Bilder der Teammitglieder werden außerhalb des Kreises fortgesetzt. Das Bild ändert sich beim Bewegen der Maus, um das lächelnde Teammitglied zu zeigen. Interessant ist auch die eingebettete Karte. Es ist leicht und verschmilzt mit dem Hintergrund auf einer Seite. Kontaktinformationen überlappen die Karte.

Besuchen Sie Allianz Brünn

Einpacken

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