Elementor-Websites vom Februar 2022
Veröffentlicht: 2022-03-17Die zweite Präsentation in diesem Jahr ist ein Beweis für die Vielfalt dessen, was Web Creators erwarten können, da jeder Kunde mit einzigartigen Bedürfnissen an die Tür klopft. Zu den Websites dieses Monats gehören märchenhaft inspirierte NFTs, ein hochmodernes Supply-Chain-Management-Unternehmen, eine Vielzahl kreativer Webagenturen und -studios, eine Englisch-Sprachschule, ein Graffiti-Künstler, ein Hersteller von gewachster Baumwolle und ein stolzes Gemeinschaftstheater.
Machen Sie sich Notizen zu Best Practices für Maus-, Hover- und Scroll-Effekte; untersuchen, wie Farbkombinationen nahtlos über Texte und Hintergründe hinweg verwendet werden können; verstehen, wie Mikroanimationen einer Website Leben einhauchen; sehen, wie Textgrößen und Layoutstile die Atmosphäre eines Gottesdienstes beeinflussen; und erfahren Sie, wie clevere Texte jedem Website-Inhalt Leben einhauchen.
Schauen Sie sich einen fabelhaften Februar-Schaukasten an, der Originalität feiert!
Holen Sie sich Elementor Pro
10
Aldam Street Art
von Giuseppe Cangiano
Inspiriert von der Hip-Hop-Kultur gründete Aldam eine Crew und festigte damit seinen Wunsch, sich einem künstlerisch-musikalischen Weg zu widmen. Bewaffnet mit Spraydosen, einem Mikrofon, Worten und Gemälden setzt er Gefühle wie Wut, Frust und Traurigkeit in kreative Kunstwerke um.
Eine Website, auf der Sie beim Schweben mit farbiger Sprühfarbe spielen können? Was wäre besser geeignet für eine Graffiti-Künstler-Website! Auch animierte Sprühfarbenströme sind periodisch aus der Sprühdose zu sehen. Aldam Street Art ist eine unterhaltsame interaktive Website, die eine lebendige, jugendliche Atmosphäre mit einem dynamischen Touch schafft.
Das Schaltflächenmenü verwendet Symbole, die dem Toolkit von Graffiti-Künstlern entsprechen, wobei dieselben vier Farben verwendet werden, um jede Kategorie hervorzuheben, die auf der gesamten Website verwendet wird. Es gibt auch einen netten Klebeeffekt auf der Doodle-Seite, wo jedes Doodle ordentlich unter den neueren gestapelt wird.
Bei der Darstellung des zweiten Abschnitts der Malseite wird die Asymmetrie geschickt eingesetzt. Hover-Effekte werden auf jedem der Hauptbilder verwendet, die sich in einem bestimmten Popup öffnen. Es gibt auch eine Folie, die sich diagonal über die Seite bewegt.
Aldams Arbeit erhält eine passende Website, die die Essenz der urbanen Kunst und der unterirdischen Straßenkultur einfängt.
Design & Entwicklung : Giuseppe Cangiano
Thema : Hallo
Plugins : Elementor Pro, dynamic.ooo
Siehe Live-Website
09
Percy & York
von Percy &York
Percy & York ist eine Werbe-, Kreativ- und Digitalagentur, die stolz darauf ist, ein Querdenker zu sein. Sie werden persönlich, wenn es um Themen wie Kommunikation, Kampagnen, Corporate Design und Marken geht, denn ihre Leidenschaft ist es, immer das beste Konzept für ihre Kunden zu finden.
Das Farbschema der Website ist vielleicht von den deutschen Wurzeln der Agentur inspiriert und leiht sich Schwarz, Rot und Gelb zusammen mit einem Hauch von Blau, alles mit einem kleinen Twist. Der zeitgemäße Farbton kommt bei großformatigen Texten und Hintergründen gleichermaßen zum Einsatz. Ebenso wie die Verwendung von horizontalem Scrollen, das ihre beste Arbeit gut zur Geltung bringt.
Die Seitenleiste enthält ein Hamburger-Menü (interessanterweise wie ein Hamburger geformt) und enthält einen Link zum Spotify-Podcast der Agentur, der selten zu sehen ist. Es fällt auch auf, dass es einige Fotobearbeitungen gibt, bei denen die Farbschemata verschiedener Mitarbeiter verwendet werden, einschließlich des Firmenhundes Matilda.
Der Text kreuzt auch die Hintergrundfarben, beeinträchtigt jedoch nicht das Leseerlebnis. Dies liegt an der sorgfältigen Farbkombination, die gut funktioniert und mit jeder der Farben des Themas harmoniert. Es gibt auch eine schöne Schriftartpaarung aus großen Großbuchstaben für Titel, die über kleineren Kleinbuchstaben für Beschreibungen gesetzt sind.
Genau wie das Kuckucksvergnügen in der Fußzeile der Homepage lässt Percy & York potenzielle Kunden sagen: „Das gefällt uns“, bevor sie sich mit ihnen in Verbindung setzen.
Design & Entwicklung : Percy & York
Thema : Hallo
Plugins : Elementor Pro, Borlabs Cookie – Cookie Opt-in, Code Snippets, Essential Addons for Elementor – Pro, Instagram Feed Pro Developer, MailPoet 3 Premium (neu), OoohBoi Steroids for Elementor, WP Rocket, Rank Math SEO Pro
Siehe Live-Website
08
Halley Stevensons
von Liam Bonar
Halley Stevensons ist der weltweit führende Hersteller und Innovator von gewachster Baumwolle und wetterfesten Stoffen. Als unabhängiges Unternehmen mit über 150 Jahren Erfahrung hat die Organisation einzigartiges technisches Wissen und Fertigungserfahrung angehäuft.
Das Vermächtnis des Unternehmens ist in den Stoff der Website eingewoben, wobei Ausschnitte aus der Vergangenheit, Gegenwart und Zukunft auf der Homepage sichtbar sind. Selbst bei Verwendung eines Layouts in voller Breite wirkt die Website aufgrund ihrer hellen pastellfarbenen Hintergründe immer noch elegant.
Handgezeichnete Bilder vermitteln den Look und das Gefühl einer High-End-Modedesignerwerkstatt, ebenso wie der sachliche, saubere, konventionelle Stil. Die monochrome Farbgebung lässt auch die Muster sprechen, da das Design nicht vom Inhalt ablenkt.
Das Mega-Menü nutzt gekonnt das gewachste Baumwollmaterial mit darauf sitzenden Tropfen, die sein wetterfestes Verkaufsargument unterstreichen. Dies ist eine schöne Möglichkeit, die Einzigartigkeit des Produkts hervorzuheben.
Mit Produkten, die in die ganze Welt exportiert und jede Saison in London, Paris, New York, München und Mailand präsentiert werden, lässt Halley Stevensons zu Recht seine Weltklasse-Produkte mit einer einfachen Schnittstelle zur Ergänzung all die schweren Arbeiten erledigen.
Design & Entwicklung : Liam Bonar – lbd.studio
Thema : Hallo
Plugins : Elementor Pro, Yoast, WP Rocket, Autoptimize, ACF, Imagify
Siehe Live-Website
07
Ein Grianan-Theater
von Tommy Callaghan / Manna Design
An Grianan Theatre zeichnet sich unter den regionalen Veranstaltungsorten durch seinen Erfolg als Theaterproduzent aus, der sein reiches irisches Kulturerbe aktiv feiert. Es hat im Laufe der Jahre viele groß angelegte Produktionen inszeniert. Zu seinen bisherigen kreativen Partnern gehörten die Yew Tree Theatre Company, das Cork Opera House, das Pavilion Theatre, das Civic Theatre und The Lyric, Belfast.
Das Theater feiert lokale, nationale und internationale Kunst- und Unterhaltungsveranstaltungen und ist auch stolz darauf, lokale Künstler zu unterstützen, die auf der gesamten Website vorgestellt werden. Eine mit Elementor neu erstellte Website, die minimalistisch, augenfreundlich, mühelos zu navigieren ist und einem Kulturmagazin oder Blog ähnelt.
Das flache, minimalistische Schwarz-Weiß-Design sorgt dafür, dass die Aufmerksamkeit ausschließlich auf die neuesten Nachrichten und Inhalte gerichtet ist, was der Seite Farbe und Lebendigkeit verleiht. Durch die Verwendung einer dünnen, zeitungsähnlichen Typografie erleichtert der informationslastige Ansatz der Website die Verdaulichkeit und richtet sich vielleicht an ein älteres Publikum, das möglicherweise weniger technologisch veranlagt ist.
Dies ist eine Website, die ihrem lokalen Community-Publikum dient, indem sie Elemente in Schach hält, ohne über Bord zu gehen. Das Theater zeigt stolz seine weitreichende Unterstützung durch berühmte Institutionen in seiner Fußzeile und ist ein künstlerischer und kultureller Brennpunkt für seine Gemeinde.
An Grianan Theatre ist eine Flaggschiff-Website für einen Flaggschiff-Veranstaltungsort im Nordwesten Irlands.
Design & Entwicklung : Tommy Callaghan
Thema : Astr
Plugins : Elementor Pro, Erweiterte benutzerdefinierte Felder, JetEngine, JetSmartFilters, WooCommerce, WP Rocket
Siehe Live-Website
06
Studio Grit
von Chris Forsyth
Grit bringt eine Gruppe kreativer Spezialisten zusammen; Texter, Illustratoren, Videoproduzenten, Animatoren, Fotografen und Digitalexperten, die eng mit Kunden zusammenarbeiten, um sinnvolle und wirkungsvolle kreative Lösungen zu liefern.
Die Website verwendet eine ungewöhnliche Rangoon Green-Farbe für den Hintergrund und einzigartige Schriftarten und bietet Taschen mit Scroll-Animationen und Hover-Animationen, die die Aufmerksamkeit des Betrachters aktiv halten. Der dunkle Hintergrund verleiht der Website auch ein hochwertiges Erscheinungsbild, wobei eine schöne Serifen- und Sans-Serifen-Paarung dafür sorgt, dass die Kopie eine schöne Hierarchie hat.
Die Verwendung von Scrolling-Effekten vermittelt dem Betrachter das Gefühl, auf eine Reise ähnlich einer Ausstellung mitgenommen zu werden, wobei jedes Projekt als Schaufenster fungiert und nicht einem typischen symmetrischen Design folgt. Die anklickbaren Projektseiten selbst sind aufwendig detailliert. Tatsächlich erwähnt die Website interessanterweise ihr neuestes großes Projekt, Momentum Podiatry, innerhalb des Helden selbst.
Die minimalistische Einstellung ermöglicht es den Projekten, für sich selbst zu sprechen, wobei größere Projekte mehr Immobilien erhalten als kleinere. Besucher haben auch die Möglichkeit, das gesamte Portfolio des Studios auf seiner Indexseite anzuzeigen, wodurch ihr gesamtes Portfolio in eine eigenständige Seite umgewandelt wird.
Während Grit sich selbst als kleines Studio betrachten mag, hebt seine Website große Fähigkeiten hervor.
Design & Entwicklung : Chris Forsyth
Thema : Hallo
Plugins : Elementor Pro, Code-Snippets, Extras für Elementor, Benutzeroberfläche für benutzerdefinierte Beitragstypen, Piotnet-Add-Ons für Elementor Pro, einfache Seitenbestellung, SVGator, Yoast SEO
Siehe Live-Website
05
Studio DoublePoint
von Nicolas Meyer
Studio DoublePoint arbeitet mit Kunden aus allen Lebensbereichen für Benutzer auf der ganzen Welt zusammen. Unabhängig davon, ob es sich um die Optimierung aktueller Websites oder die Erstellung einer neuen Website handelt, ihre Webdienste ermöglichen es Kunden, ihr Publikum zu vergrößern und bessere Interaktionsraten mit Kunden zu erzielen.
Mit kräftigen Farben, Scroll-Effekten und GIFs präsentiert das Studio seine Projekte auf unterhaltsame Weise. Die subtile Verwendung von Zoom-Out-Effekten mit wachsenden Bildern, wenn wir nach unten scrollen, ist eine nette Möglichkeit, die Aufmerksamkeit auf die Erfolgsgeschichten des Studios zu lenken. Es gibt auch eine schöne weiche Sans Serif-Schriftart, die dazu beiträgt, das zeitgemäße Erscheinungsbild der Website zu betonen.
Die Hintergrundfarbe ändert sich von Beige zu Orange, wenn Sie nach unten scrollen, während die Aufmerksamkeit auf das rotierende Emblem gelenkt wird. Orange ist eine wiederkehrende Farbe, um Schlüsselbereiche hervorzuheben. Es gibt auch einen schönen Hover-Effekt auf dem rotierenden Kontakt-CTA sowie den E-Mail- und Telefonkontaktoptionen. Auch die Farben der Projektseiten lehnen sich an die Projekte selbst an.
Das Menü verwendet einen schönen modernen Schriftstil mit hohlem, umrissenem Text, wenn es mit der Maus darüber bewegt wird, während die Studioseite die Standbilder der Grafik- und UI-Designer verwendet, die sich basierend auf dem begleitenden Text ändern. Dies zeigt auch ein wenig von seiner Persönlichkeit und macht die Website zugänglicher.
Studio DoublePoint erstellt einzigartige Identitäten für Projekte und lässt sie im Web lebendig und wachsend werden.
Design & Entwicklung : Nicolas Meyer
Thema : Hallo
Plugins : Elementor Pro, JetEngine, Premium-Addons, WP Rocket
Siehe Live-Website
04
Logik
von Haim Benisty
Logico bietet Unternehmensberatung auf der Grundlage von Business Intelligence. Sie kombinieren zuverlässige und umfassende Daten mit den fortschrittlichsten Optimierungstools der Welt und lassen internationale Experten den Bewerbungsprozess begleiten.
Die High-Tech-Website von Logico, die von Haim Benisty erstellt wurde, dessen Portfolio-Website in der Präsentation des letzten Monats vorgestellt wurde, gibt mit einem High-End-Hintergrundvideo den Ton an, zieht Besucher an und hebt seine Spitzentechnologie hervor. Die Verwendung der Farbe Blau vermittelt ebenfalls eine Botschaft des technischen und technologischen Fortschritts und wird gerne von Startups verwendet.
Die Verwendung von Scrolling-Effekten führt uns in das Vertriebszentrum und die Büros und hebt mehrere internationale Versandunternehmen hervor, die die Organisation nutzt. Jeder Raum erscheint als 3D-Modell und hebt seine Supply-Chain-Management-Services hervor, die seine operative Exzellenz hervorheben.
Roboter transportieren Objekte, während das Video zeigt, wie die Organisation mit den fortschrittlichsten Optimierungstools arbeitet. Die Verwendung von Scrollytelling ist wunderschön angewendet und verleiht der Seite einen fast animierten filmähnlichen Effekt. Jede der Seiten öffnet sich mit einem Wischeffekt, der den Betrachter einlädt, während das „g“ von „Logico“ als konsistenter Übergangseffekt fungiert.
Logico ist ein Unternehmen mit einem energiegeladenen und jungen Geist, das einen erfrischenden Ansatz im Bereich der Betriebsberatung einbringt und dessen erstklassige Website seine Stärken effektiv zur Geltung bringt.
Design & Entwicklung : Haim Benisty
Thema : Hallo
Plugins : Elementor Pro
Siehe Live-Website
03
Kreidegespräch
von Addictive Design Creative Studio
ChalkTalk ist ein Joint Venture zweier langjähriger Kollegen, die durch langjährige Erfahrung und erfolgreiche Arbeit mit Studenten inspiriert wurden. Das Duo hatte die Idee, eine Umgebung zu schaffen, in der die Schüler nicht nur die Sprache lernen, sondern sich auch ohne Angst und Druck austauschen und ihr Wissen über andere Menschen und Kulturen erweitern können.
Die Website verwendet auf jeder Seite intelligent vier Farben. Mit Global Styling kann dies nahtlos aktualisiert und geändert werden. Unter Verwendung von Kombinationen aus Porzellan, Neapelgelb, Faded Green, Eminence (Magenta) ändert sich jeder Abschnitt des Hintergrunds der Website, während Sie scrollen.
In ähnlicher Weise werden Hover-Effekte verwendet, um die Aufmerksamkeit durch die Verwendung von Farben und Animationen zu erregen. Es gibt nahtlose Übergänge von Abschnitt zu Abschnitt mit subtilen Übergängen, Kritzeleien sowie Anführungszeichen, die als Motiv verwendet werden. Auch Emojis sind zu sehen, die auf die jüngere Zielgruppe der Website hinweisen würden.
Bei genauem Hinsehen ist es offensichtlich, dass die Illustrationen mit dem Text verbunden sind, wobei Texte verwendet werden, die persönlicher sind, um das Publikum zu fesseln. Auch das Menü ähnelt einer Tafel der alten Schule, die mit einer Mikroanimation geöffnet wird.
ChalkTalk versteht sich als eine etwas andere Englischschule, und mit einer Website, die mit Konventionen bricht, hebt sich die Schule definitiv von anderen ab.
Design & Entwicklung : Marko und Marija Djurdjevic
Thema : OceanWP
Plugins : Elementor Pro, Ocean Extra, Quiz and Survey Master, MouseWheel Smooth Scroll
Siehe Live-Website
02
Augen
von General Condition & Milkink Creative Studio
Eyepples sind eine Sammlung von Hunderten einzigartiger NFT-Sammlerstücke, die von Fantasy-Welt, Märchen, dunklerer Ästhetik, klassischer Kunst und Fotografie inspiriert sind. Es ist ein einzigartiges magisches Projekt, das um die Ethereum-Blockchain herum aufgebaut ist und bei dem digitale Kunst, Fotografie und Illustration fast wie ein Alchemistentrank miteinander verschmelzen.
Vielleicht erkennen Sie die einzigartigen Fingerabdrücke von General Condition, unserem Gewinner des Showcase 2021 zum Jahresende, auf diesem märchenhaft inspirierten Website-Design. Die sagenumwobenen Äpfel ähneln denen, die oft in der Darstellung von Schneewittchen zu sehen sind, und rufen Gefühle von Kindheitsnostalgie hervor, ebenso wie die zentrale Ausrichtung des Textes, der wie ein Bilderbuch aussieht.
Es gibt eine sehr effektive Verwendung von Kopien, um das Produkt zu verkaufen. Mit Gefühlen von Magie und Märchen, witzigen Phrasen und einem Hauch von Marketing-Nous verschmelzen Design und Text wunderbar zu einer einzigartigen Welt, die wie aus einem Disney-Film aussieht.
Äpfel (oder sollten wir lieber Augen sagen) sind auf der gesamten Website weit verbreitet, von der Verwendung von Hover-Effekten auf dem Helden bis hin zur Fußzeile. Obwohl noch nicht alle Elemente der Website wie der Shop live sind, sorgt Eyepples Apples durch hochwertige Illustrationen und Storytelling für große Begeisterung und Vorfreude.
Alles, was übrig bleibt, ist, einen Eyepple zu pflücken und einfach die Magie zu genießen.
Design & Entwicklung : Jovan Lakic und Stefan Kokovic
Thema : Hallo
Plugins : Elementor Pro, Jet Elements, JetEngine, Premium Addons Pro, The Plus Addons für Elementor Pro
Siehe Live-Website
01
Barrel-Marketing
von Barrel Marketing Ltd.
Barrel Marketing ist ein Marketing-, Videoproduktions- und Webentwicklungsstudio, das Unternehmen beim Wachstum unterstützt, indem es ihre Geschichten authentisch erzählt und einzigartige und kreative Erlebnisse produziert. Sie verwandeln große Ideen in schöne Dinge, die Marken und Kunden verbinden.
Dies ist tatsächlich das zweite Mal, dass die Website nach einem Redesign in unserem Showcase zu sehen ist. Das erste Mal war im September 2019. Damals sah die Website noch ganz anders aus und auch das neue Design passt.
Die Verwendung einer ausdrucksstarken Kopie gepaart mit einem wunderschönen Video, das mit Maskenformen bedeckt ist, zieht sofort die Aufmerksamkeit auf sich. Das minimalistische Erscheinungsbild der Website, hervorgehoben durch die Verwendung von Weißraum, verleiht ihr eine moderne Atmosphäre. Die Team-Meet-Seite zeigt auch, dass das Unternehmen eine lustige Atmosphäre und eine warme und einladende Persönlichkeit hat.
Die Komposition aus echten Bildern gepaart mit Farben nutzt das Zine-Design effektiv, um der Website ein lustiges, zuordenbares und freundliches Gefühl zu verleihen. Das Anzeigen seiner namhaften Kunden ist auch eine großartige Möglichkeit, soziale Beweise zu erzielen, insbesondere weit oben auf der Seite, was auch die Glaubwürdigkeit erhöht.
Auf den Projektseiten gibt es ein nettes System zur Präsentation der Herausforderung und der Lösung, das potenziellen Kunden hilft, den Prozess von Barrel Marketing zu verstehen. Die Hintergrundbilder und -farben stammen ebenfalls aus den Projekten selbst und zeigen den Detaillierungsgrad an, der in die Website eingeflossen ist. Ebenso erzeugt die Kontaktseite eine großartige visuelle Sprache, wie die Katze, die nach dem Telefon greift.
Barrel Marketing hilft Unternehmen zu wachsen, indem es ihre Geschichten mit kreativen und strategischen Lösungen erzählt und mit einer Website, die zu gleichen Teilen kreativ, unterhaltsam und informativ ist, werden Kunden schnell auf „Senden“ klicken.
Design: Daniel Fexa
Entwicklung : Shayne Plesa-Naden, Daniel Fexa und Sebastien Ringuette
Thema : Hallo
Plugins : JetEngine, JetSmartFilters
Siehe Live-Website