Capsound

E-Commerce · UX/UI Design
Capsound hero thumbnail
Beschreibung

Capsound ist eine Plattform für anpassbare Tastaturen, mit der Nutzer ihre eigenen Tastaturen designen, zusammenbauen und aufrüsten können. Statt ein festes, vorgefertigtes Produkt zu kaufen, wählen Kundinnen und Kunden einzelne Komponenten - Gehäuse, Keycaps, Switches und PCBs - um ein Setup zu erstellen, das zu ihren Vorlieben passt.

Problem:

Die meisten Tastaturen auf dem Markt sind Massenprodukte mit festen Designs, was Personalisierung einschränkt und oft zu Kompromissen bei Ästhetik, Gefühl oder Ergonomie führt. Wenn eine einzelne Komponente kaputtgeht oder veraltet ist, wird häufig die ganze Tastatur entsorgt. Enthusiasten, die selbst bauen möchten, stehen vor fragmentierter Beschaffung, höheren Kosten und mangelnder Einsteigerführung.

Capsound presentation flat image
Lösung:

Capsound ist eine zentrale Plattform, auf der Nutzer kompatible Tastaturkomponenten einzeln kaufen können. Das modulare System ermöglicht Reparatur, Upgrade oder Redesign, ohne das gesamte Produkt zu ersetzen. Mit Recyclingprogrammen für alte Teile und Lernressourcen für Einsteiger macht Capsound die Individualisierung mechanischer Tastaturen nachhaltig und zugänglich - es reduziert Abfall und hilft dabei, Tastaturen passgenau auf eigene Bedürfnisse und Stil auszurichten.

Dauer:

2 Monate

Datum:

2024

Website-UI

Capsound ist ein klar strukturierter Shop mit Fokus auf Personalisierung. Ein Komponenten-Konfigurator ermöglicht die Kombination von Gehäusen, Switches, Keycaps und PCBs mit Echtzeit-Visuals und Kompatibilitätshinweisen. Reuse-&-Recycle-Hinweise schlagen Upgrades und Trade-ins vor, während klare Hierarchie, modulare Karten und Schritt-für-Schritt-Führung den Flow einfach halten. Hochauflösende Renderings und interaktive Vorschauen machen Designs greifbar und verbinden die Freude an Personalisierung mit praktischem, nachhaltigem Einkauf.

Capsound UI elements showcase
UI-Elemente

Capsounds UI-Elemente sind nicht nur auf Klarheit ausgelegt, sondern auch auf langfristige Bindung und nachhaltiges Engagement. Buttons, Eingabefelder, Karten und Navigationselemente nutzen klare Affordanzen und responsives Feedback, um Reibung zu reduzieren und die kognitive Last zu senken. Durch konsistente Größen-, Abstands- und Zustandsmuster (Standard, Hover, Aktiv, Deaktiviert) schafft die Oberfläche Vorhersehbarkeit und Vertrauen, zwei nachweislich wichtige Faktoren für wiederkehrende Nutzung.

Capsound design system overview
Design System

Das Capsound Design System etabliert eine kohärente visuelle Sprache, basierend auf Konsistenz, Modularität und Skalierbarkeit. Es definiert eine Farbpalette, die Markenidentität und Barrierefreiheit ausbalanciert, sowie typografische Skalen, die Lesbarkeit auf allen Geräten sichern. Schnelle Iteration für Nutzer war ein zentraler Schwerpunkt bei der Entwicklung des Design Systems.

Credits

Projekt konzipiert und umgesetzt mit Tifenn Seveon an der Universität Straßburg.