™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_0
Zurück

Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette

™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_1
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_2

Blisk: eine E-Commerce-Lösung, eingebettet in die Abläufe der Handelskette

Blisk ist eine Handelskette für Kosmetik, Parfüm und Haushaltswaren. Unsere Aufgabe war es, eine umfassende E-Commerce-Lösung zu entwickeln, die nicht als separates Schaufenster funktioniert, sondern als weiterer Kanal der Kette: mit demselben Sortiment, denselben Preisen, Aktionen und demselben Treueprogramm wie in den Filialen.

Die Lösung tauscht Daten mit mehreren internen Systemen des Kunden aus und bildet die Aktionsmechanik einer Handelskette ab. Deshalb begannen wir mit einer detaillierten Konzeption. Die wichtigsten Szenarien, von der Produktsuche bis zum Versand der Bestellung, wurden beschrieben und abgestimmt, bevor das erste Layout entstand.

Online und Filialen arbeiten mit denselben Daten

Katalog, Preise, Bestände und Aktionen gelangen automatisch aus dem Warenwirtschaftssystem der Kette auf die Website, Bestellungen fließen ohne manuelle Übertragung dorthin zurück. Zudem sind das Treuesystem, Onlinezahlung mit Fiskalisierung und Versanddienstleister angebunden. Für das Unternehmen bedeutet das: Der Onlinekanal braucht keine separate Sortimentspflege, und eine gestartete Aktion gilt dort, wo es ihre Bedingungen vorsehen.

Die Aktionslogik der Kette – ohne Vereinfachungen für den Onlinekanal

Blisk führt viele unterschiedliche Aktionen durch: Rabatte auf Marken oder Kategorien, Geschenke unter Bedingungen, Rabatte ab einem bestimmten Bonbetrag, Bonuspunkte. Manche lassen sich kombinieren, andere schließen sich gegenseitig aus. Die Website bildet diese Logik korrekt ab und zeigt im Warenkorb eine Aufschlüsselung: welcher Rabatt angewendet wurde und wofür.

Das Treueprogramm Blisk Club – jetzt auch online

Anmeldung und Registrierung erfolgen über die Telefonnummer. Stammkunden sehen sofort ihre Punkte, Boni und persönlichen Coupons, und Bestellungen, die vor der Registrierung aufgegeben wurden, erscheinen in ihrem Verlauf. Passt ein Coupon zu den Artikeln im Warenkorb, weist die Website selbst darauf hin.

Suche und Auswahl in einem großen Sortiment

In einem Katalog mit vielen Marken und Kategorien spielt die Suche eine Schlüsselrolle. Sie erkennt Anfragen mit Tippfehlern und in jedem Tastaturlayout, schlägt Marken, Kategorien und Produkte vor, merkt sich frühere Suchanfragen und unterstützt Spracheingabe. Die Filter sind für jede Kategorie einzeln konfiguriert. Vorrätige Artikel, Aktionsartikel und Produkte mit dem Label BB – der Auswahl der Kette selbst – werden zuerst angezeigt.

Die Produktseite bündelt alles, was bei der Entscheidung hilft: Inhaltsstoffe, Anwendung, Videos, Produkte derselben Serie und Bewertungen. Bewertungen werden moderiert, und durch die Bestellhistorie bestätigte Käufe werden gesondert hervorgehoben. Ist ein Produkt nicht vorrätig, kann man eine Benachrichtigung über die Verfügbarkeit abonnieren.

Corporate Design, primär für das Smartphone konzipiert

Die Bildsprache basiert auf der Markenidentität von Blisk: eine helle Basis, Markenfarbtöne und das Blumenmotiv aus dem Logo, das sich durch die gesamte Oberfläche zieht. Die Layouts wurden in erster Linie für das Smartphone entwickelt. Die Lösung erfüllt die Anforderungen an Barrierefreiheit: ausreichender Kontrast, verständliche Fehlermeldungen und eine separate Version für Menschen mit besonderen Bedürfnissen.

Ergebnis: der Onlinekanal als Teil der Kette

Blisk verfügt nun über eine E-Commerce-Lösung, die vom ersten Tag an als Teil der Kette funktioniert: mit ihrem Sortiment, ihren Aktionen und ihren Kunden. Außerdem haben wir die Serverinfrastruktur eingerichtet und betreuen das Projekt nach dem Launch. Die Architektur ist so angelegt, dass sich der Onlinekanal weiterentwickeln kann, ohne das Fundament umzubauen.

Was wir gemacht haben
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_3
UI/UX, Gestaltung
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_4
Programmierung
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_5
Webseiten-Layout
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_6
Testen
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_7
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_8
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_9
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_10
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_11
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_12
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_13
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_14
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_15
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_16
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_17
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_18
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_19
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_20
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_21
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_22
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_23
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_24
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_25
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_26
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_27
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_28
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_29
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_30
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_31
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_32
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_33
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_34
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_35
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_36
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_37
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_38
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_39
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_40
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_41
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_42
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_43
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_44
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_45
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_46
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_47
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_48
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_49
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_50
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_51
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_52
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_53
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_54
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_55
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_56
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_57
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_58
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_59
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_60
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_61
Zugevendete Zeit
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_62
Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette On laptop
Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette On tablet
Hauptseite
™ Глянець, студія веб-дизайну — Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette_63
Tools und Technologien
die wir bei der Entwicklung der Website verwendet haben
Drupal 10
SASS
CSS3
HTML5
JavaScript
PhpStorm
PHP
MySQL
JQuery
AJAX
Symfony
Twig
Composer
Git
Figma
ChatGPT
Blisk – E-Commerce-Lösung für eine Kosmetik-Handelskette
Interne Seiten
Bestellen Sie jetzt Ihre Website!

Nur ein Schritt zu Ihrer perfekten Website

Accessibility menu
Kontrasteinstellungen
Schriftgröße
Zeichenabstand
Zeilenabstand
Bilder
Schriftart
Zurücksetzen der Einstellungen