Ein anderes Jahr, ein anderer Trend
Es ist schwer, mitzuhalten. Man kann mit Sicherheit sagen, dass es in diesem Jahr bereits eine Menge heißer Designelemente gibt, die fulfilmentcrowd auf vielen Websites beobachtet hat. Die meisten dieser Designs sind eine Fortführung und Weiterentwicklung der Trends des letzten Jahres, aber es gibt auch einige neue Hunde in der Stadt. Zum Beispiel wird der "Dark Mode" riesig sein und es gibt einen massiven Schub für 3D-Elemente.
Werfen Sie einen Blick auf einige der von fulfilmentcrowd favorisierten Website-Design-Trends für 2020 und die Vorteile, die sich aus der Anwendung dieser Trends auf Ihre eCommerce-Website ergeben.
Dark Mode-Design
Ja, es wurde oben als ein Neuling für 2020 erwähnt - aber was genau ist der "Dark Mode"?
Viele Apps haben jetzt eine "Dark Mode"-Option und es scheint, dass sich viele Nutzer für diesen Stil entscheiden. Es ist leicht zu sehen, warum, mit zahlreichen Vorteilen, von der enormen Einsparung der Akkulaufzeit bis hin zur Verhinderung von trockenen, schmerzenden Augen durch den Blick auf einen hellen Bildschirm den ganzen Tag. Natürlich dauerte es nicht lange, bis die Designer dies bemerkten, und so ist es keine Überraschung, dass dies ein Website-Trend für 2020 geworden ist.
Was macht das Design des "Dark Mode" so gut? Die dunkle Oberfläche wird durch helle Elemente und eine einfache, gut lesbare Typografie ausgeglichen. Der "dunkle Modus" fühlt sich geheimnisvoll und neu an und bietet etwas wirklich anderes. Er bietet großartige Möglichkeiten für die Präsentation von Fotografien, Statistiken und Graphen und zwingt den Benutzer dazu, sich auf das jeweilige Element zu fixieren.
Sehen Sie sich unten einige der Lieblingsbeispiele von fulfilmentcrowd an:
Metal & Gas nutzen ihre dramatische, dunkle Fotografie in Kombination mit fettem Text, der wirklich aus der Seite heraussticht und zeigt, warum ihre maßgeschneiderten Autos die besten sind.
Unser Kunde Bear Grylls verwendet ein leuchtendes Orange für seine Call-to-Actions und Verkaufsförderungsmaßnahmen, die zusammen mit dem dunklen Hintergrund, der die Produktfotografie ergänzt, aus dem Bildschirm herausstechen. Sehen Sie sich das Video unten an.
Brechen von Typografieregeln und überlappende Ebenen
Das Jahr 2020 hat uns eine ganze Reihe von Website-Designern beschert, die mit den traditionellen Typografie-Regeln brechen. Wir haben das bisher nur im Printbereich gesehen, wo Designer wie David Carson für diesen Stil bekannt sind. Jetzt aber scheint das Brechen der Typografie-Regeln ein schnell voranschreitender Trend für Website-Designs zu sein.
fulfilmentcrowd hat immer wieder festgestellt, dass einige Typografie-Regeln gebrochen werden, durch ungerade Abstände, Größenverhältnisse, sich überlappende Ebenen, Zeilenabstände und Brüche an den falschen Stellen. Rebellisch zu sein und die Regeln zu brechen, kann einige interessante Designs und UI für Ihre Website hervorbringen, aber vergessen Sie nicht das Wichtigste: Ihre Benutzer müssen in der Lage sein, zu verstehen, was Sie sagen.
Hier sind die Favoriten von fulfilmentcrowd für dieses Jahr:
Landing on Cromier hat einfach Stil und würde jeden dazu bringen, sich trendy zu fühlen. Sie haben es geschafft, ihre Ebenen zu überlappen und fette Titel für ihre Produkte zu verwenden.
Boundary Supply hat wohl eine der interessantesten Produktlistenseiten, die wir seit langem gesehen haben, mit abgesetzten, zentrierten Titeln und überlappenden Ebenen. Trotz alledem hat die Seite immer noch ein einfaches Layout mit einer klaren Handlungsaufforderung und einem leicht zu lesenden Inhalt. Schauen Sie sich die gesamte Produktseite an, um sich inspirieren zu lassen - ihre Seite ist wirklich von oben bis unten einzigartig.
Alles in 3D
Aber keine Sorge! Alles in 3D bedeutet nicht, dass alle Ihre Website-Nutzer die flippige 3D-Brille besitzen und tragen müssen. Dreidimensionale Bilder verleihen Ihrer Website eine große Tiefe und Realismus. Dieser Trend wurde Ende letzten Jahres zum Renner und wird im Jahr 2020 nur noch größer werden, also erwarten Sie, dass Sie noch viel mehr davon sehen werden.
3D-Design innerhalb Ihrer Website verbessert das Engagement durch einige wirklich aufregende Produktlistenseiten, gibt Ihren Produkten ein lebensechteres Gefühl und steigert das Interesse des Nutzers auf Ihrer Website.
Einige der Fulfillmentcrowd-Favoriten sind unten abgebildet:
Die Website von Rimowa ist futuristisch und 3D, von der Startseite bis zur Produktauflistung. Jedes Element auf der Produktseite ist interaktiv, bietet eine vollständige 360-Grad-3D-Ansicht und ermöglicht eine individuelle Anpassung der Produkte. Sehen Sie sich das Video an oder besuchen Sie die Website, um mehr zu sehen.
3D-Elemente ziehen sich durch die gesamte Website von Google. Um ihre innovativen Produkte und all ihre spannenden Funktionen zu präsentieren, nutzen sie den 3D-Stil.
Minimalistische Navigation
Dank der Wearable-Technologie werden die Geräte immer kleiner; Website-Designer müssen nun innerhalb ihrer Designs an Mobile-First und noch kleiner denken. Der Bereich, der davon am meisten betroffen ist, ist die Website-Navigation. Wir haben festgestellt, dass die Navigation einfacher, reduzierter und prägnanter wird, um auf diesen Wandel in der Verbrauchertechnologie zu reagieren. Bei der minimalistischen Navigation geht es vor allem um Benutzerfreundlichkeit - je weniger der Benutzer darüber nachdenken muss, sich zu bewegen, desto mehr Zeit verbringt er mit dem Inhalt der Website.
Dieser Trend ist ein großer Schritt für die meisten Websites und mag riskant klingen, aber er ist tatsächlich sehr sinnvoll. Die meisten Benutzer kommen über eine Suchmaschine oder eine bezahlte Anzeige auf Ihre Website. Weniger Navigation schafft einen direkteren Weg und eine größere Kontrolle über die Website-Reise eines Benutzers, so dass er sich mehr mit dem Design und Ihren Produkten beschäftigen kann.
Es gibt so viele Websites, die diesen Trend jetzt übernehmen und mit einer Fülle von verschiedenen Implementierungsstilen. Werfen Sie einen kleinen Blick auf die Favoriten von fulfilmentcrowd und warum.
Mowellens hat eine komprimierte Seitennavigation erstellt, die es ermöglicht, dass sich auf der Website alles um das Produkt und die Bildsprache dreht. Mowellens hat auf der gesamten Website große, interaktive und auffällige Fotos verwendet, die die Reise des Benutzers von Anfang bis Ende spannend halten.
Misela verwendet eine bildschirmfüllende Navigation für die grundlegenden Shop-Links, aber auf dem Screenshot können Sie sehen, dass sie ihre Navigationsoptionen bereits mit den Hauptbildern der Homepage und Call-to-Actions definiert haben. Dies zeigt, wie Sie die Reise des Benutzers gestalten und beeinflussen können, indem Sie ihn zum "Jetzt einkaufen" führen, was für eine eCommerce-Site immer das Ziel ist.
Was machen Sie mit all diesen Informationen?
Trends kommen und gehen und ja, wir sollten immer ein Auge auf die neuesten Trends haben, aber bedeutet das, dass die Umsetzung jedes einzelnen dieser Trends einen Wettbewerbsvorteil schafft? Nein... das tut es nicht.
Die wichtigsten Erkenntnisse aus diesem Artikel sind, dass Sie sich an Ihre Marke erinnern sollten, wofür Sie stehen und welches Ziel Sie mit Ihrem Produkt für Ihre Kunden verfolgen. Ihre Website ist Ihr Werkzeug, um dies zu reflektieren! Wenn es einen Trend auf der Liste gibt, der Ihnen gefällt, was ist die Begründung für die Umsetzung und passt er zu Ihrer Marke? Es kann nicht nur sein, weil es Ihnen gefällt, es muss auch einen Nutzen für Ihre Website-Benutzer geben. Denken Sie immer: Trägt dieser Designtrend zur Benutzerfreundlichkeit meiner Kunden bei? Deren beste Erfahrung mit Ihrer Marke sollte immer das Ziel sein.
Brauchen Sie unsere Hilfe oder möchten Sie mehr über unsere Dienstleistungen erfahren? Probieren Sie einen der untenstehenden Links aus und nehmen Sie noch heute Kontakt mit einem Mitglied des Teams auf.
