8chDesign News
BLOG

DVKS.CH – eine zeitgemässe, mehrsprachige E-Commerce-Webseite

März 2022

Nach 1.5 Jahren Entwicklungszeit ist sie live – die neue E-Commerce-Webseite von DVK Sägetechnik. Der mehrsprachige Webauftritt des Schweizer Familienunternehmens besticht durch sein zeitgemässes UX-Design und den nutzerfreundlichen Webshop mit seinem umfangreichen Sortiment an Sägezubehör und Werkzeugen.

Als Full Service-Webagentur hatte 8chDesign die Ehre, dieses ambitionierte Branding-Projekt von A bis Z zu begleiten und umzusetzen – vom ersten Brainstorming bis zur fertigen, funktionstüchtigen Webpräsenz. Den Anfang machten diverse Brainstorming-Runden und Kreativ-Sessions, die teils beim Kunden vor Ort, teils online stattfanden. Aus dieser Denk- und Kreativphase resultierte ein übersichtliches Wireframe in der Form eines UX-Flowcharts, das die Grundlage und den Masterplan für die Folgearbeiten bildete.

Der Masterplan: ein übersichtliches Wireframe gewährleistet, dass das interdisziplinäre Team von 8chDesign stets den Überblick behält und alle Beteiligten vom Gleichen reden.

In der finalen Version der neuen E-Commerce-Webseite von DVK Sägetechnik kommen unterschiedlichste Technologien zum Einsatz, wobei wir in der Entwicklung den Fokus immer auf ein optimales Nutzererlebnis gelegt haben. So haben wir in der Frontend-Entwicklung mit HTML5, CSS3, JavaScript, der Stylesheet-Sprache SASS, und der Template-Engine TWIG gearbeitet, sowie – für die Filter- und Suchfunktionen für die grosse Produktauswahl – mit AJAX.

Das Backend basiert auf der Programmiersprache PHP, dem CMS WordPress und dem E-Commerce Plugin WooCommerce. Viel Wert haben wir zudem auf die Performance der Webseite gelegt. So werden Bilder beispielsweise im Format WebP gespeichert (anstatt, wie ursprünglich, als JPEG oder PNG).

Produktevarianten variable Eingabefelder
Grenzenlose Möglichkeiten: eine Herausforderung in der Konzeption des Webshops waren die zahlreichen Produktvarianten. Mit drei variablen Eingabefeldern sind nun zahllose Optionen möglich.

Bevor es aber nach der Denkphase an die technische Umsetzung ging, war zunächst das Design der einzelnen Seiten und Unterseiten angesagt. Um dem Entwicklerteam die Arbeit zu vereinfachen, wurden sämtliche Seiten für drei Dimensionen gestaltet – nämlich für Desktop, Tablet und Mobile.

Wie immer bei derart umfangreichen Webprojekten war der erste Schritt die Umsetzung des Hero-Blocks der Homepage, der auch das eigentliche Look & Feel des Auftrittes definiert. Nach Rücksprache mit dem Kunden ging es weiter im Text – Block für Block bis zum Abschluss der gesamten «Home»-Seite. Anschliessend folgten die Produktübersicht mit Filter, die einzelnen Produktseiten, Login, Checkout etc..

UX-Design E-Commerce Webseite
Kompetentes UX-Design: die Home-Seite von DVKS mit den unterschiedlichen Blöcken, darunter Hero, Intro, Kacheln für die wichtigsten Inhalte, Bandselektor, Blog & News, etc..

Selbstverständlich war auch SEO in der Entwicklung von dvks.ch ein wichtiges Thema. Hilfreich war in dieser Hinsicht das Plugin «Yoast», das mittels Content- und Keyword-Optimierung für höhere Suchmaschinen-Rankings sorgt. Auch bei weiteren Seitenmerkmalen kommen spezifische Plugins zum Einsatz: für die Mehrsprachigkeit das Plugin «WPML», für die Kontaktformulare «Contact form 7» und für Optimierungen/Caching die Anwendung «W3 Total Cache».

Intuitive Suche E-Commerce
Intuitiv & smooth: die einfache Produktsuche trägt wesentlich zu einem erstklassigen Nutzererlebnis bei.
Produkte-Suche mit visueller Unterstützung
Typisch 8chDesign & 100% UX: die übersichtliche Suchfunktion mit visueller Unterstützung.

Der neue Webauftritt von DVK Sägetechnik ist ein ausgezeichnetes Beispiel für das Zusammenspiel von langjähriger, technischer Expertise und Design-Kompetenz, das die Arbeitsweise des 8chDesign-Teams auszeichnet. Spricht das Resultat Sie an? Gerne stehen wir auch Ihnen für solche oder ähnliche Projekte zur Verfügung. Ob UI-/UX-Design oder individuelle WordPress-Webseiten: seit 2018 haben wir als WordPress-Agentur Webseiten für Kunden in Zürich, Bern, Basel, Winterthur, St. Gallen, Zug und in der ganzen Schweiz mit diesem CMS gestaltet und programmiert.

Interessiert? Kontaktieren Sie uns via E-Mail unter hello@8chdesign.com.

Weitere Blog

ARTIKEL