Divi Design Showcase: Neue Einreichungen ab April 2019
Veröffentlicht: 2019-04-29Es ist wieder Zeit für unseren monatlichen Divi-Showcase, in dem wir uns 10 fantastische Divi-Websites ansehen, die von unseren Community-Mitgliedern erstellt wurden. 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 April 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 April 2019
1. Bewegungsuniversität
Diese Seite wurde von Andrew Bartlett eingereicht. Die Site verwendet einen dunklen Hintergrund mit weißem Text mit gelben und orangefarbenen (technisch schmutzigen braunen) Hervorhebungen. Alle Hintergrundbilder sind dunkel. Der Hero-Bereich zeigt ein Hintergrundbild an, das die Site beschreibt. Der Text im Overlay enthält links einen Slogan und CTA und rechts eine Play-Schaltfläche. Die Wiedergabeschaltfläche ändert sich beim Bewegen der Maus und öffnet beim Anklicken ein Video in einem Popup. Andere Abschnitte zeigen Informationen in zwei Spalten mit Text und Bildern. Das Layout wechselt beim Scrollen. Zwischen den Abschnitten gibt es kleine Thumbnails mit Sprechblasen für Erfahrungsberichte. Ein CTA mit voller Breite stellt ein Bild mit einem Abonnementformular bereit. Weitere Testimonial-Sprechblasen erzeugen eine enthüllte Fußzeile.
Besuche die Website
2. JD-Designs
Diese Seite wurde von James Dawson eingereicht. Es zeigt einen Vollbild-Schieberegler mit Hintergrundbildern und dunklen Überlagerungen an. Die Overlays verwenden großen Text, um die Site zu beschreiben und einen CTA bereitzustellen. Beim Scrollen wird ein weiterer Abschnitt mit großem Text auf weißem Hintergrund angezeigt, der das Unternehmen beschreibt. Dienste werden im Text mit einem interessanten Punkttrenner zwischen Titel und Beschreibung angezeigt. Der Portfolio-Bereich zeigt Bilder mit Overlays. Dieser Abschnitt verwendet wellenförmige Abschnittsteiler und einen grauen Hintergrund, der sich gerade genug vom Rest des Layouts abhebt. Mehrere andere Abschnitte verwenden dieses Design, jedoch mit blauem Hintergrund. Ich mag den Abschnitt mit extra großen Kundenlogos. Sie werden in vier Spalten dunkelgrau dargestellt.
Besuche die Website
3. Swish
Diese Seite wurde von Daniel Neumann eingereicht. Die Site zeigt einen Vollbildhintergrund mit einem dunkelblauen Overlay und einem CTA in weißem Text an einer Seite an. Dienste werden in Klappentexten mit einem Kastenschatten und animierten Symbolen angezeigt. Das Hintergrundmuster wird durch den Klappentext gesehen. Beim Schweben wird der Box-Schatteneffekt verstärkt, sodass sie hervorstechen und der Klappentext vollständig undurchsichtig wird. Mehrere zweispaltige Abschnitte wechseln ihr Layout mit Text auf der einen Seite und Bildern auf der anderen Seite ab. Der Text in diesen Abschnitten zeigt animierte Symbole und hervorgehobenen Text. Die Preisseite nutzt ein einfaches blau-weißes Design mit weißen Preistabellen hervorragend. Ich mag das rote Leuchten der Schaltflächen der Preistabelle. Die roten Highlights bringen gerade genug Farbe und heben sich perfekt ab.
Besuche die Website
4. HH-Instrumente
Diese Seite wurde von Mathias Rue eingereicht. Die Site verwendet einen orange-roten Hintergrund mit Farbverlauf und Symbolen, um ein technisches Design zu erstellen. Das Overlay zeigt auf der einen Seite Unternehmensinformationen, Schaltflächen und eine Suchfunktion und auf der anderen ein Kontaktformular. Das Dropdown-Menü enthält eine Schaltfläche in voller Breite zur Kontaktseite. Partnerlogos werden in einem Slider mit einem Link zur Lieferantenseite angezeigt. Blurbs werden für Links zu Diensten und Informationen verwendet. Sie enthalten 2-farbige Bilder als Symbole und haben einen interessanten Rahmen, um die Klappentexte hervorzuheben. Ein Abschnitt für Referenzen verwendet ein ähnliches Design, ist jedoch viel größer und enthält Kundenlogos für die Bilder. Das Design wird auch für den Blog-Bereich verwendet. Das Layout enthält auch eingebettete Artikel von LinkedIn vor demselben Hintergrund wie der Hero-Bereich.
Besuche die Website
5. IQ Animationsstudio
Diese Seite wurde von Saurabh Patil eingereicht. Der Heldenbereich zeigt auf der einen Seite Slogan, Informationen und CTA und auf der anderen Seite eine animierte Grafik über einem dunkelblauen Hintergrundverlauf. Die animierte Grafik macht Spaß. Ich möchte einen dieser Kaffeespender. Für den Rest der Hintergründe und für die Buttons wird ein noch dunkleres Blau verwendet. Vier Spalten mit Klappentexten zeigen animierte Symbole mit einem Titel. Sie verwenden einen dunkelblauen Hintergrund und einen grauen Rand, der gerade hell genug ist, um sich voneinander abzuheben. Wenn Sie den Mauszeiger über einen der Klappentexte bewegen, wird der Hintergrund orange. Ähnliche Designs werden für andere Klappentexte verwendet, die Informationen bereitstellen. Ein interessanter About-Bereich zeigt eine Animation über coole Kunstwerke in Parallaxe. Die Seiten zeigen auch eine coole Ladeanimation.
Besuche die Website
6. Fräulein Kindergarten
Diese Seite wurde von Chris Cadalzo eingereicht. Die Site zeigt ein extragroßes Logo in der Mitte unter dem Menü an. Der nächste Abschnitt verwendet wellenförmige Abschnittstrenner für oben und unten – jeweils mit einem anderen Design und in mehreren Schattierungen der Hintergrundfarbe. In diesem Abschnitt werden die Themen auch als quadratische Bilder angezeigt, die herauszoomen und ihren Rahmen beim Bewegen der Maus ändern. Ein Abschnitt für Ressourcen und der Blog-Abschnitt (aber mit größeren Bildern) verwenden dasselbe Design. Ein Info-Abschnitt zeigt den Website-Inhaber in einem eingekreisten Bild und im gleichen Skript-Schriftstil wie das Logo. Das Anmeldeformular zeigt das Werbegeschenk mit der geskripteten Schriftart für den Titel. Der Blog und die Seitenleiste sind ebenfalls so gestaltet, dass sie dem Markendesign der Website entsprechen.
Besuche die Website
7. Delmain
Diese Seite wurde von Jake Braught eingereicht. Hinter dem Overlay mit Slogan wird ein Videohintergrund abgespielt. Beim Scrollen werden mehrfarbige Symbole für die Dienste für bestimmte Kundentypen angezeigt. Ein ähnlicher Abschnitt mit Diensten wird unten auf der Seite angezeigt. Ein Testimonial wird in voller Breite auf grünem Hintergrund mit abgewinkelten Abschnittsteilern angezeigt. Dieser Abschnitt sticht perfekt hervor. Am unteren Rand des Layouts erscheint ein größerer Abschnitt mit Erfahrungsberichten in mehreren Spalten mit abwechselnden Farben und gestylten Bildern. Mehrere Abschnitte zeigen Kundengeschichten mit einem eingebetteten Video und Statistiken in großem Text und einem Link für weitere Informationen. Die Bilder für die Videos zeigen die Websites auf mehreren Geräten. Die Fußzeile beginnt mit einem Berg in Parallaxe hinter einem Bergausschnitt, einem Kontaktformular mit abgewinkelten Abschnittstrennern und einem Abschnitt, der Logos von Bewertungsseiten mit einem Statistikzähler zeigt.
Besuche die Website
8. Supa International
Diese Seite wurde von Ben Dale eingereicht. Dies ist ein 2-seitiges Design. Etiketten für die Produkte werden im Hintergrund in Parallaxe mit einem Slogan und einem CTA im Overlay angezeigt. Der nächste Abschnitt zeigt auf der einen Seite Detailinformationen in kleinerer Schrift und auf der anderen Seite eine verkürzte Aussage in größerem Text. Die nächsten Abschnitte zeigen Bilder der Produkte mit Titeln und Text. Die Bilder sind vertikal gegeneinander versetzt, was dem Design einen interessanten visuellen Stil verleiht. Dienste werden mit Bildern angezeigt, die Überlagerungen mit Titeln und nummeriertem Text enthalten. Weitere Produkte werden in der großen, 4-spaltigen Galerie gezeigt. Diese Site macht großen Gebrauch von großen Titeltexten und Bildern.
Besuche die Website
9. Held für dich
Diese Seite wurde von Bram Chauvin eingereicht. Diese Seite verwendet interessante Grafiken. Der Heldenabschnitt verwendet einen oberen Abschnittsteiler, der die Kopfzeile tatsächlich gestaltet. Der Titeltext ist groß und zeigt einen Slogan und mehrere Schaltflächen an. Der Hintergrund wird in echter Parallaxe angezeigt und enthält Wolken, die vom Wolkenabschnittsteiler des nächsten Abschnitts überlappt werden. Blurbs zeigen Dienste mit eingekreisten Grafiken an. Die Schaltflächen in den Klappentexten überlappen den Klappentext. Ich mag den CTA, der eine große Grafik eines Superhelden-Smartphones zeigt. Interessant ist auch die Fußzeile. Es zeigt einen grafischen Hintergrund in echter Parallaxe mit einem abgewinkelten Abschnittsteiler und einem Kontakt-CTA im Overlay. Der Blog folgt dem gleichen Design und verwendet die Kopf- und Fußzeilenelemente.
Besuche die Website
10. VS & zusammenbauen
Diese Seite wurde von MJ Swart eingereicht. Diese Seite verwendet interessante grafische Elemente und große Blöcke, um das Layout zu erstellen. Der Heldenbereich verwendet einen dunklen Hintergrund mit verschiedenfarbigen Blöcken, Punkten und vertikalem Text, um visuelle Muster zu erstellen. Diese Muster folgen durch den Rest des Layouts. Die nächsten Abschnitte verwenden ein mehrspaltiges Layout mit Farbblöcken für den Hintergrund, gestylten Titeln, extra großen Titeln und Schiebereglern, um ihre Dienstleistungen, Informationen über das Unternehmen, Erfahrungen, Kultur, Büros und mehr anzuzeigen. Ein Klick auf den Kontaktlink im Menü öffnet ein Kontaktformular im Menü. Ich liebe die Verwendung von Farbe, Text und Schiebereglern auf dieser Site.
Besuche die Website
Abschließend
Das sind unsere 10 besten Einreichungen für die Divi-Website der Community für den Monat April. 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 MSSA / shutterstock.com