chila.ink
Onlineshop für handgemachte Kunst – T-Shirts, Tote Bags, Sketchbooks und Sticker in limitierter Auflage.
Hero section
Shop
Shopping Cart
Product detail page
Hero section
Shop
Shopping Cart
Product detail page
chila.ink ist ein Onlineshop, über den handgemachte Kunst in Alltagsprodukte verwandelt und verkauft wird: oversized T-Shirts, Tote Bags, Sketchbooks/Notizhefte und Sticker. Statt eines klassischen Template-Shops ist die Seite als schlanker, produktzentrierter Store mit persönlicher, spanischsprachiger Ansprache umgesetzt.
Das Produkt richtet sich an Kund:innen, die handgemachte, limitierte Designs statt Massenware suchen. Kern des Shops ist der komplette Kaufprozess von der Produktübersicht bis zur Bezahlung sowie der direkte, niedrigschwellige Kontakt zur Marke über Social Media statt über ein klassisches Kontaktformular.
Kernfunktionen
- Vier Produktkategorien: Remeras, Tote Bags, Booklets und Stickers, jeweils mit eigener Kollektion und stimmungsvoller Kurzbeschreibung
- Sortier- und Filterlogik: Produkte lassen sich nach Kollektion oder Preis sortieren
- Direkter Checkout: vollständiger Kaufabschluss inkl. Zahlungsabwicklung direkt im Shop
- Direkte Kontaktkanäle: WhatsApp und Instagram statt Kontaktformular, durchgehend verlinkt
- Zweisprachig: Umschaltung zwischen Spanisch und weiteren Sprachversionen der Seite
Technik
Entwickelt habe ich die Seite komplett mit TanStack Start → React Full-Stack Framework.
- Full-Stack mit TanStack Start: serverseitiges Rendering und Routing der Produktkollektionen über eine gemeinsame Codebasis
- Serverseitige Funktionen: Shop- und Bestelllogik laufen über TanStack-Start-eigene Server-Functions statt über ein separates Backend
- Stripe-Integration: kompletter Checkout-Flow, von der Zahlungsabwicklung bis zur Bestellbestätigung, direkt an Stripe angebunden