Thorn Soundlabs
FlexMade hat mit Thorn Soundlabs zusammengearbeitet, um deren Shopify-Onlineshop zu verfeinern und zu verbessern. Dabei lag ein starker Fokus auf der Optimierung der mobilen Benutzerfreundlichkeit, der Produktklarheit und des gesamten Einkaufserlebnisses. Ziel war es, den Kaufprozess intuitiver, optisch ausgewogener und geräteübergreifend besser für die Konversion zu optimieren.
Über den Kunden
Thorn Soundlabs ist eine Online-Marke, die sich auf Audioprodukte spezialisiert hat, welche über einen direkten E-Commerce-Kanal vertrieben werden. Um mobile und Desktop-Kunden besser zu bedienen, benötigte das Unternehmen einen strukturierteren Online-Shop, der den Produktwert klar kommuniziert und einen reibungsloseren Kaufprozess unterstützt. Das Hauptaugenmerk lag auf der Entwicklung eines modernen, responsiven Online-Shops, bei dem die Produktpräsentation, die Navigation und der Checkout-Prozess konsistent, klar und benutzerfreundlich sind.
Über das Projekt
Das Projekt konzentrierte sich auf die Verbesserung des bestehenden Shopify-Setups durch die Behebung von Usability-Problemen und die Stärkung der Gesamtstruktur wichtiger E-Commerce-Seiten. Besonderes Augenmerk wurde auf das mobile Erlebnis gelegt, wo Layoutdichte, visuelle Hierarchie und Inhaltsorganisation die Benutzerinteraktion beeinträchtigten.
Wir konzentrierten uns darauf, die Produktdarstellung zu verbessern, wie Benutzer mit wichtigen Kaufelementen interagieren und wie Informationen über Produkt- und Checkout-Abläufe hinweg strukturiert sind. Parallel dazu arbeiteten wir an der Verbesserung der Medienpräsentation, der Vereinfachung der Lesbarkeit von Inhalten und daran, das gesamte Einkaufserlebnis kohärenter zu gestalten.
Ziele und Herausforderungen
Thorn Soundlabs benötigte ein effektiveres Mobile-First-Einkaufserlebnis mit klarerer Produktkommunikation und optimierten Konversionspfaden. Das bestehende Design litt unter einer schwachen visuellen Priorisierung, wobei wichtige Elemente wie Preise und Kaufaktionen nicht sofort erkennbar waren.
Produktseiten enthielten dichte, unstrukturierte Inhalte, was es für Benutzer erschwerte, Spezifikationen schnell zu überfliegen oder Produktvorteile zu verstehen. Übermässiges vertikales Scrollen auf Mobilgeräten reduzierte zudem die Interaktion und führte zu Reibungsverlusten im Browsing-Fluss.
Zudem erforderten die Warenkorb- und Checkout-Oberflächen Verbesserungen hinsichtlich Abständen, Lesbarkeit und Zugänglichkeit, insbesondere auf kleineren Bildschirmen. Das Projekt zielte auch darauf ab, das Storytelling durch einen besseren Einsatz von visuellen Elementen, strukturierten Inhaltsblöcken und vertrauensbildenden Elementen wie Testimonials zu stärken.
Vorgehen und Methodik
Die Arbeit wurde in einem iterativen und feedbackgesteuerten Prozess erbracht, wobei ein Projektleiter die Kommunikation zwischen dem Kunden und dem Entwicklungsteam koordinierte. Die Aufgaben wurden anfänglich in einem strukturierten Backlog definiert, jedoch wurden im Verlauf des Projekts auch neue Anforderungen eingeführt, da sich die Prioritäten entwickelten.
Jedes Update durchlief vor der finalen Implementierung Überprüfungszyklen mit dem Kunden, um die Übereinstimmung mit den Erwartungen sicherzustellen. Das Team konzentrierte sich auf die kontinuierliche Verfeinerung, die Validierung der Benutzerfreundlichkeit und die Gewährleistung der Konsistenz über mobile und Desktop-Erlebnisse hinweg.
Shop- und Sortimentserlebnis
Wir haben das Layout der Kollektionsseiten verbessert, um das Produkt-Browsing fokussierter und visuell übersichtlicher zu gestalten. Produktkarten wurden angepasst, um die Sichtbarkeit zu erhöhen, während nicht-essentielle visuelle Elemente reduziert oder neu positioniert wurden, um Ablenkungen zu vermeiden.
Produktseitenstruktur
Die Produktseiten wurden neu strukturiert, um wesentliche Informationen im oberen Bereich hervorzuheben, einschliesslich Produktname, Preis und Kauf-Button. Das Layout wurde vereinfacht, um die Übersichtlichkeit zu verbessern und die kognitive Belastung bei der Entscheidungsfindung zu reduzieren.
Organisation der Produktinhalte
Lange Produktbeschreibungen wurden durch strukturiertere Formate ersetzt, darunter kurze Zusammenfassungen und klar getrennte Spezifikationsblöcke. Dies erleichterte das Überfliegen des Inhalts und verbesserte die allgemeine Lesbarkeit.
Visuelle Inhalte und Medienoptimierungen
Wir haben das Produkt-Storytelling durch optimierte Medienbereiche verbessert, einschliesslich umfassenderer Bildlayouts, der Integration von Autoplay-Videos und dedizierter Bereiche zur Hervorhebung von Produktmerkmalen, welche den Produktwert besser vermitteln.
Vertrauens- und Social-Proof-Elemente
Abschnitte mit Kundenreferenzen wurden eingeführt, um die Glaubwürdigkeit zu stärken und zusätzliche Sicherheit während des Kaufprozesses zu bieten.
Warenkorb- und Kassenverbesserungen
Die Warenkorb- und Kassenoberflächen wurden mit optimierten Abständen, verbessertem Kontrast und einer vereinfachten Layout-Struktur verfeinert, um eine reibungslosere Navigation auf mobilen Geräten zu gewährleisten.
Responsiv-Optimierung
Wir haben das responsive Verhalten über alle Breakpoints hinweg verfeinert, um eine konsistente Benutzerfreundlichkeit auf allen Geräten zu gewährleisten. Das Layout-Verhalten, die Abstandsregeln und die interaktiven Elemente wurden angepasst, um ein stabileres und vorhersehbareres Benutzererlebnis zu ermöglichen.
Arbeit erledigt
Die Lösung
FlexMade hat ein neu gestaltetes Shopify-Erlebnis umgesetzt, das sich auf Klarheit, Benutzerfreundlichkeit und eine verbesserte Produktpräsentation konzentriert. Die Verbesserungen führten zu einer übersichtlicheren Benutzeroberfläche, besser strukturierten Produktseiten und einem deutlich intuitiveren mobilen Einkaufsprozess.
Das Resultat
Der überarbeitete Online-Shop bietet ein komfortableres und effizienteres Einkaufserlebnis, insbesondere auf mobilen Geräten. Nutzerinnen und Nutzer können nun Produkte einfacher durchsuchen, wichtige Informationen schneller erfassen und Einkäufe mit weniger Reibungspunkten abschliessen. Die verbesserte Struktur und visuelle Hierarchie tragen ebenfalls zu einem höheren Nutzerengagement und einer konsistenteren Markenpräsentation bei.
Die Technologien
-
JavaScript
-
PayPal
-
Shopify
-
Cloudflare
Related cases
Fobe
Ein in Berlin ansässiges Fashion-Tech-Startup, das eine Abonnement- und Mietplattform für luxuriöse Designerhandtaschen betreibt. Das Unternehmen bietet Mitgliedschaften an, bei denen Kunden hochwertige Handtaschen gegen eine monatliche Gebühr mieten können, mit der Option, Taschen regelmässig zu tauschen oder ein Lieblingsstück länger zu behalten.
Boost Internet - Kunstloft
Boost Internet GmbH ist eine Digitalagentur, die umfassende Online-Lösungen für Unternehmen anbietet. Sie ist spezialisiert auf E-Commerce-Entwicklung, Webdesign und Online-Marketing. Boost Internet ist Eigentümerin und Betreiberin der Online-Plattform KUNSTLOFT, einem Online-Händler für Kunst und Wohnaccessoires mit Sitz in München, Deutschland. KUNSTLOFT bietet eine kuratierte Auswahl an Kunstwerken und Dekorationen und arbeitet direkt mit internationalen Künstlern zusammen, um einzigartige Stücke zu erschwinglichen Preisen anzubieten.
Asambeauty – M. Asam Kosmetik & Hautpflege
FlexMade unterstützte Asambeauty dabei, die Kundenbindung durch eine intuitive Mobile-App und eine Website zu verbessern, die nahtloses Einkaufen, personalisierte Funktionen und sichere Zahlungen bieten.
Offizieller Online-Fanshop des Österreichischen Fussball-Bundes
Der Österreichische Fussball-Bund (ÖFB) ist der Dachverband des Fussballs in Österreich. Der 1904 gegründete ÖFB beaufsichtigt nationale Ligen, Cup-Wettbewerbe und internationale Spiele. Der ÖFB engagiert sich für die Förderung des Fussballs auf allen Ebenen und inspiriert und vereint die Nation durch die Kraft des Sports.
Kontaktieren Sie uns
- Telefonnummer: +1 (425) 247-0867
- E-Mail-Adresse: [email protected]