Wie man Gewöhnliches im Webdesign außergewöhnlich macht (Teil 2)

Es gibt so viele spannende Dinge, die man mögen kann Max Böcks Webseite, aber jetzt möchten wir Ihre Aufmerksamkeit auf Farbschemata lenken. Die meisten Websites haben ein Farbschema.

Hell und Dunkel sind die neue Normalität, aber wie Böck selbst in seinem Blogbeitrag über den Theme Switcher, nur Sith handeln mit Absoluten. Die Website wechselt mithilfe der magischen benutzerdefinierten CSS-Eigenschaften nahtlos zwischen den Farbschemata. Wir empfehlen, den oben verlinkten vollständigen Beitrag zu lesen, um eine vollständige Aufschlüsselung der Funktionsweise zu erhalten.

Es ist eine unterhaltsame Variante der traditionellen Hell-Dunkel-Dichotomie und zeigt, wie flüssig Websites heutzutage sein können. Dieselbe Grundlage könnte es dir ermöglichen, Farbschemata anzupassen, je nachdem, wo die Nutzer die Website besuchen, zum Beispiel.

Der Vertrieb ist nicht gerade ein Sektor, der nach Innovation schreit, sondern Kredite, denen Anerkennung gebührt. Überführung Karussells springen und schrumpfen und dehnen sich so sanft aus, dass es sich fast so anfühlt, als würden Sie mit etwas Taktilem interagieren.

Hier werden die CSS-Funktionen touch-action und translate3d () stark genutzt, sodass der Kartencontainer effektiv über den Bildschirm gezogen werden kann. Wenn der Container gepackt wird, bewegen sich alle Karten mithilfe der Skala (0,95) leicht zurück, bis der Benutzer loslässt. Das verleiht dem Karussell ein wunderbares Gefühl von Tiefe und Leichtigkeit.

Die Audioclips sind eine nette Geste. Die Multimedia-Integration war in diesen Beispielen ein roter Faden.

Wir haben bereits erwähnt Storytelling im Design auf unserem Blog, und hier ist ein weiteres Beispiel für die Macht des Geschichtenerzählens.

Viele E-Commerce-Websites scheinen dies vergessen zu haben, und jede bietet Seite für Seite Hochglanzprodukte an, die vor einem perfekten weißen Hintergrund schweben.

Es ist dann erfrischend, eine Firma zu sehen wie Mammut setzt alles auf Geschichtenerzählen, um seine Wanderprodukte zu verkaufen. Ihre langen Expeditionsartikel sind so eindringlich wie der attraktivste Beitrag der New York Times, mit Audioclips, Karten und natürlich atemberaubenden Fotos. Die Ausrüstung von Mammut ist natürlich sehr umfangreich, aber sie ist geschmackvoll und authentisch gestaltet.

Mammut stellt die menschliche Erfahrung in den Mittelpunkt. Ja, sie wollen dir immer noch Sachen verkaufen, aber sie wollen auch die Abenteuer feiern, zu denen Dinge gehören können.

Nicht jeder hat die Ressourcen für etwas so Modernstes, aber es zeigt, dass E-Commerce nicht steril und leblos sein muss.

Anstatt das Cookie-Popup wie einen üblen Geruch zu behandeln, bietet der Anbieter einer Web-Einwilligungslösung an Axeptio geht den Spaziergang, indem er sie stilvoll und ziemlich charmant aussehen lässt. Angesichts der Tatsache, dass über die DSGVO (und grundlegende Anstandsregeln) nachgedacht werden muss, ist es unerlässlich, ethisches Design in die Struktur einer Website einzubinden.

Axeptio ist ein gutes Beispiel für Datentransparenz. Keine Mauern von Rechtsjargon, kein nahezu unmögliches Opt-Out-System — nur genaue Informationen darüber, wofür die Daten verwendet werden.

Eine nette Sache ist, dass es erst erscheint, wenn die Benutzer anfangen, sich auf der Website zu bewegen. Beachten Sie, dass sie auch den Boilerplate-Cookie-Jargon zugunsten von etwas Konversativerem fallen gelassen haben.

Zugegeben, das macht das Alltägliche vielleicht nicht gerade „außergewöhnlich“, aber es macht es um einiges edler. Es ist eine leichte Berührung, die aber einen ausgezeichneten ersten Eindruck hinterlässt. Ohne meine Maus zu berühren, spüre ich bereits die Liebe zum Detail und das Engagement von Axeptio für Qualität.

Soweit Cookies und Pop-ups notwendig sind, können wir sie auch besitzen. Das Gleiche gilt für andere unsexy Klassiker des modernen Webs. Müssen Einverständniserklärungen, E-Mail-Anmeldungen und Datenschutzseiten hässlich und schwer fassbar sein, oder müssen wir etwas anders denken?

Quelle: https://www.smashingmagazine.com/