SoleMate: Sneaker kaufen oder selbst gestalten.
Ein Web-Shop für individuell gestaltete Sneaker, im Studium gemeinsam mit Kerem Sarica gebaut. Mein Part: das UI in Figma und die Umsetzung mit Svelte.
001
Zwei Wege zum Schuh
Entweder man stöbert im Shop durch fertige Designs, oder man gestaltet seinen Schuh selbst. Die Startseite stellt beide Wege gleich oben nebeneinander: „Jetzt anpassen“ und „Zum Shop“.
002
Suchen, vergleichen, Größe wählen
Der Shop zeigt jedes Design als Karte mit Name, Preis und Verfügbarkeit. Die Produktseite bleibt genauso knapp: Preis, Größen, Bestand und ein Knopf in den Warenkorb.
003
Der 3D-Konfigurator
Der Schuh steht als 3D-Modell vor Ihnen. Man wählt linken, rechten oder beide Schuhe, färbt einzelne Teile um und legt das Ergebnis direkt in den Warenkorb.
004
Figma-Screens, Umsetzung in Svelte
Dazu kommt, was ein Shop im Alltag braucht: Registrierung, Login, Warenkorb und ein Kontaktbereich. Ich habe die Screens in Figma gestaltet und im Frontend mit Svelte mitentwickelt.
Am Ende steht eine funktionsfähige Web-App. Alle Screenshots stammen direkt aus der App, mit freundlicher Genehmigung von Kerem Sarica.
Sie wollen eine Seite, auf der man etwas tun kann statt nur lesen?
Ich melde mich innerhalb von 24 Stunden. Das erste Gespräch kostet nichts, und den Preis kennen Sie, bevor es losgeht.