LivedemoSep 2024Egeninitierad produkt

ttScent – E-handelsdemo för parfymprover

En produkt- och driftdemo för en affärsidé kring parfymprover.

Besök live-projektet →

ttScent började som en affärsidé tillsammans med en vän: att sälja parfymprover så att människor kunde testa mindre mängder innan de bestämde sig för en hel flaska. Jag byggde både produktupplevelsen och den operativa sidan, från shoppingflödet till lager, ordrar, frakt och säljarverktyg. Produkten utvecklades och hostades, men verksamheten fick inte tillräckligt intresse för att fortsätta som bolag. Därför finns den kvar som en livedemo i portföljen.

En produktupplevelse byggd kring prover

Målet var inte att skapa en vanlig webbshop. Animationen vid första besöket och den visuella riktningen skulle knyta den digitala upplevelsen till känslan av att öppna och testa ett parfymprov.

ttScent - välkomstanimation

Produktsida

Varje doft har alternativ för provstorlek och lagerstatus. När något är slut kan besökaren anmäla intresse, vilket ger säljaren en enkel signal om efterfrågan i stället för att helt tappa en möjlig kund.

ttScent - produktvisning ttScent - produktdetaljer

En korginteraktion som passade produkten

När ett prov lades i korgen skulle det kännas som att en liten behållare lades till i beställningen, inte som en vanlig generisk korgåtgärd. I kassan hanteras sedan den praktiska sidan: fraktval och ett orderflöde byggt kring små fysiska produkter.

ttScent - animation för provkorg ttScent - kassasida

E-handel innebar också drift

Jag byggde säljarflödet parallellt med butiken: produkter, provstorlekar, lager, ordrar, kundkommunikation, fraktval och orderstatus. Backenden innehåller betalningsflöden och en PostNord-rutt för fraktintegration, medan dashboarden ger säljaren en plats att följa orderprocessen.

ttScent - dashboard för orderhantering ttScent - PostNord-integration

Vad säljaren kunde lära av aktiviteten

Dashboarden innehåller vyer för produkter, ordrar, livevisningar och intresse för slutsålda produkter. Syftet var att göra det enklare att se vad besökare tittade på och var efterfrågan byggdes upp, utan att göra en liten affärsidé till ett onödigt stort driftssystem.

ttScent - analys-dashboard ttScent - spårning av produktintresse ttScent - insikter om live-visningar

Teknisk översikt:

  • React 18 med React Router och Tailwind CSS
  • Node.js- och Express-backend
  • MongoDB med Mongoose
  • JWT-baserad applikationsautentisering
  • Betalningsflöden med Stripe och PayPal
  • PostNord-rutt för fraktintegration
  • Socket.IO för realtidsfunktioner

ttScent visar ett produktförsök där kundupplevelsen och det mindre synliga operativa arbetet byggdes tillsammans. Det blev inte en fortsatt kommersiell verksamhet, men är ett användbart exempel på att bygga en e-handelsprodukt från början till slut kring ett specifikt fysiskt erbjudande.