SoleMate: Sneaker kaufen oder gleich selbst gestalten.

SoleMate dreht sich um Custom-Sneaker: Schuhe, die nicht von der Stange kommen, sondern umgestaltet werden. Daraus ergeben sich zwei Nutzerwege, und die ganze App ist um sie herum gebaut.

Entweder du stöberst im Shop durch fertige Designs. Oder du nimmst den direkten Weg und gestaltest deinen Schuh selbst. Die Startseite stellt beide Wege gleich oben nebeneinander: „Jetzt Anpassen“ und „Zum Shop“.

Der Shop zeigt jedes Design als Karte mit Name, Preis und Verfügbarkeit auf einen Blick; eine Suche filtert die Liste. Die Produktseite bleibt genauso knapp: Preis, verfügbare Größen, Bestand und ein Knopf in den Warenkorb.

Im Konfigurator steht der Schuh als 3D-Modell vor dir. Du wählst linken, rechten oder beide Schuhe, färbst einzelne Teile um und legst dein Ergebnis mit Größe direkt in den Warenkorb.

Genau dieser Schritt macht das Versprechen der Seite anfassbar: Du kaufst kein fertiges Produkt, du baust deins.

Dazu kommt alles, was ein Shop im Alltag braucht: Registrierung, Login und Passwort-Wiederherstellung, ein Warenkorb mit Größen und Mengen und ein Kontaktbereich, über den Käufer die Designer erreichen.

SoleMate ist ein Studienprojekt, das ich zusammen mit Kerem Sarica gebaut habe. Ich habe die Screens und Abläufe in Figma gestaltet und anschließend im Frontend mit Svelte mitentwickelt, vom Shop-Grid bis zu den Formularen.

Am Ende steht eine funktionsfähige Web-App, in der Shop, Konfigurator, Konten und Warenkorb ineinandergreifen. Alle Screenshots auf dieser Seite kommen direkt aus der App.

Screenshots mit freundlicher Genehmigung von Kerem Sarica.