Smygtitta på nya Trettisajten — första skärmdumparna

Dags att visa lite skärmdumpar från den nya sajten! Kom ihåg att detta är work in progress. Den slutgiltiga designen är exempelvis inte på plats (färger, font m.m.). Jag tar gärna emot feedback och tankar.

Sök har större plats

Smartare sök

Sökfunktionen har en ganska liten plats på nuvarande Tretti-sajten, vilket vi fått kritik för. Det nya söket kommer att ha en tydligare plats i hur man använder Tretti. Det är en tydligare presentation av innehåll som laddas medan du skriver. Vi kommer även att berika en del populära söktermer med manuella genvägar, s.k. smart cards till avdelningar och sidor som vi vill pusha för.

Kategorisidor med upplyfta produkter

Tydligare presentation

Vi har valt att skala bort menyn som ligger till vänster på tretti idag och lägga den i sidhuvudet istället. Det gör att vi får plats med filter i vänsterkolumn och kan lyfta upp kategoriernas produkter i mitten. Detta verkar vara trenden många går mot. Produkterna har fått större bilder vilket många har efterfrågat.

Produktsidor utan friktion

Fokus på produktbilder

Även här har vi försökt att skala bort så mycket friktion som möjligt och fokusera på produkten. Större bilder, tydligare pris och andra förmåner. Eftersom vi har en del komplicerade produkter att sälja kommer att vi pusha tydligare för möjlighet att kontakta oss och få hjälp med en produkt på produktsidan.

Liknande produkter och teknisk data i samma funktion

Mycket av vår trafik kommer direkt till produktsidor från google, prisjämförelsesajter m.m. så vid designade efter doktrinen att alla produktsidor är startsidor för Tretti. Därför har vi inspirerats av s.k. lead pages där man lätt kan scrolla ner och få mer information, recensioner, tillbehör m.m. -utan att aldrig tappa köp-knappen. Vi har även slagit ihop ”liknande produkter” med ”teknisk data” vilket gör att det är lätt att jämföra den produkten man funderar på med tre andra liknande varor. Här finns det möjlighet att sälja, men just nu är det en enkel jämförelse.

Härnäst börjar vi på en välbehövlig makeover av kundvagn och kassa.

Vad tycks?

###

Denna post är nummer 51 i en serie av 100 poster i utmaningen #blogg100 där jag fokuserar på hur vi skapar Trettis nya sajt. Alla åsikter är mina egna.

3 produkttrender inom e-handel som du och jag inte behöver hoppa på i år

Det händer mycket i e-handelsvärlden inom marknadsföring, sälj och inte minst tech. Det är frestande att bara släppa allt och hoppa på nästa stora grej som kommer att få försäljningen att flyga! Här kommer en sanity check för dina techinvesteringar.

“Vi måste sälja i Whatsapp och Facebook messenger!”

Jag skrev i ett tidigare inlägg om hypen kring Conversational Commerce, där mycket fokus ligger på att flytta in affären i chatt-apparna. Det finns mycket kvar att önska av denna trend innan jag ens börjar titta åt det hållet. För det första är branschen inte överens om hur detta ska fungera. För det andra är det så många olika appar och det är inte värt en investering att bara bygga stöd för en. Jag inväntar gärna att tjänster som Customer.io och liknade bygger stöd för det istället, d.v.s. att vi kan integrera mot en plattform som sedan hanterar kommunikationen med andra appar.

“Beacons will connect Online and Offline!”

Det är mycket hype kring beacons; teknologi som gör att mobiltelefoner kan sända och ta emot information bara genom att vara i närheten av en s.k. beacon-sändare. Du kan sätta upp dessa i din butik för att tracka hur kunder rör sig, koppla ihop det med ditt CRM och kunna pusha personliga meddelande till dina kunder när de är i butiken!

Sanningen är att väldigt få kunder kommer dra nytta av denna teknik. Många har den avstängd redan på sin telefon. Läste en siffra nyligen om att 10% av smartphoneägarna har beacon-teknologi aktiverade (hittar tyvärr inte länken till sidan där jag läste detta). Jag tror även att många kommer att missa den när den pirrar till i väska eller jackfickan. Kort sagt, det är en ganska dyr investering i marknadsföring för lite payback. Personligen tror jag beacons hör hemma mer på mässor och festivaler där man kan pusha mer än rabattkoder.

“It’s just a piece of javascript”

Det finns tonvis med tjänster som erbjuder dig möjligheten att få in snygga produktfilmer, exit popups eller produktrekommendationer, genom att de bara behöver lägga in ett javascript på din sida. Det innebär att på din sida finns nu en lite bit kod som körs från en leverantörs server. Tekniken möjliggör att leverantören har fulltillträde till din sajt. Om han vill spåra dina användare, kan han göra det. Om han vill ladda sajten full med porr-annonser, kan han göra det.

Att få in ett javascript på sidan är relativt enkelt, även om det behöver lite logik för att visa det på rätt sidor. Men det är sen problemen börjar. Javascript som laddas från en extern källa kan dra ner prestandan på din sajt, antingen genom att de laddas före allt annat innehåll eller att de bara är sega att ladda. I värsta fall om din javascript-leverantör får in virus på sina servrar kan det innebära att din sajt svartlistas hos webbläsarna och kunderna endast ser ett stort varningsmeddelande. Jepp, det har hänt mig (inte på Tretti dock).

När vi börjar jobba med detta på allvar vill jag göra det med en avancerad motor som gör det lätt att slå av och på dem på ett mer avancerat sätt än Google tag manager erbjuder.

Skönt att du slipper tänka på dessa tre under 2016 va? ;)

###

Denna post är nummer 48 i en serie av 100 poster i utmaningen #blogg100 där jag fokuserar på hur vi skapar Trettis nya sajt. Alla åsikter är mina egna.

Hur vi jobbar med Agile inom e-handel

picture from: http://www.onedesk.com/

Vi kör Scrum för våra projekt på Tretti. Vi har gjort det i lite över ett år nu och har lärt oss en del om vad som fungerar och inte fungerar. Jag tänkte ta denna post att reflektera och förhoppningsvis inspirera lite om hur man kan jobba agilt inom e-handel.

För dig som inte är insatt i de agila arbetsmetoderna så innebär de kort att man sätter upp en projektmetodik som stödjer en snabbrörlig affär där kraven på vad som är viktigt kan ändras av interna eller externa faktorer. Agil betyder just lättrörlig. Det innebär inte att det är lätt att kasta in saker från sidan kors och tvärs. Tvärtom kräver det en organisation som är extremt medveten om sina prioriteringar och vad som skapar affärsnytta varje vecka.

Med Scrum jobbar man vanligtvis i iterationer om några veckor. Vi har valt två veckor. Sprinten börjar med en planeringssession där hela IT-teamet får presenterat för sig vilka projekt/problem (s.k. User story) som behöver lösas. Där uppskattar vi hur lång tid det tar att lösa detta. Hur man ska uppskatta har vi testat i omgångar. Nu är vi inne på halvdagar som minsta möjliga uppskattning. Efter den grova uppskattningen prioriterar vi projekten och ser hur många som får plats i denna två veckor långa iteration. Sen bryter vi ner varje problem i olika tasks. Detta gör vi för att det ska bli lätt att följa hur stor andel av problemet som är kvar dag för dag.

Sen startar vi med utvecklingen. Varje dag kl 9.00 börjar vi med en kort stående möte intill en vägg där vi satt upp alla user stories och tasks. Varje medlem i teamet rapporterar till resten av teamet tre frågor:

  • Vad gjorde jag igår?
  • Vad gör jag idag?
  • Är det något som blockerar/distraherar mig från det jag ska göra?

Väggen med tasks har fyra kolumner som representerar olika statusar som en task kan ha; todo, in progress, test/merge request, done. Vi kanske kommer att ändra vilka statusar vi har, men just nu är de dessa. Varje teammedlem flyttar en lapp med en task på till den kolumn som den hör hemma. Alla utvecklare har en eller två lappar i “in progress” hela tiden. Efter varje möte visualiserar vi mängden jobb som är kvar i sprinten med en burndown chart, en graf som förhoppningsvis slutar på noll när sprinten är klar.

Under utvecklingen lanserar vi kod till staging-miljö för test och sen i produktion. Detta gör vi ett par gånger per dag med hjälp av s.k. continuous integration där hela lanseringsflödet är scriptat. Jag kan återkomma till det i en annan post, för det fungerar riktigt bra.

När sprinten är slut har vi en sprint demo där vi går igenom olika saker som vi byggt. Ibland missar vi detta, men vi ska bli bättre på det. Det är viktigt att fira sina segrar.

Lite av utmaningarna med jobba på Tretti är att väga utvecklingen av ny sajt med de vanliga småprojekt som kommer upp. Det kan vara konverteringsoptimeringar, interna verktyg som ska uppdateras eller nya payment integrationer. De projekt som tenderar att dra iväg är de där vi är beroende av en part utanför Tretti, exempelvis en integration. De projekten flaggar jag med hög risk för försening redan innan de startat.

Agilt till nästa nivå för oss

För ett par veckor sen fick vi tillskott av Marcus och Hannes som exjobbare från KTH. De fördjupar sig inom agila utvecklingsprocesser och hur man hittar en process för att hela tiden bli bättre på det vi gör. Vi skriver redan bättre user stories och har en mer disciplinerad burn down. Nästa steg är att involvera hela organisationen i samma tänk.

Igår hade vi även en kort presentation av utvecklingschefen på Qliro, Björn Wahlberg som har en bakgrund inom utveckling och som agil coach. Han gick igenom deras process för att skapa så mycket värde som möjligt i utvecklingsprojekt genom att jobba med både kravställning och hur man bryter ned utvecklingsprojekt i små delar som ändå skapar värden i sig.

Agile inom e-handel skiljer sig inte nämnvärt från något annat teknikbolag. En viktig skillnad är dock hur många system som IT på Tretti hanterar. Vi bygger inte bara en app eller en sajt utan även vidareutvecklar lageroptimering, fakturahantering m.m. Vi håller ihop hela maskinen och ser till att alla kan göra sina jobb på ett optimalt sätt.

Jag tar gärna frågor kring detta då jag vet att det är ett ämne som berör många.

###

Denna post är nummer 47 i en serie av 100 poster i utmaningen #blogg100 där jag fokuserar på hur vi skapar Trettis nya sajt. Alla åsikter är mina egna.

En sak som Amazon gör jäkligt bra


Vad är det värsta som en e-handlare vet? Att tappa en kund. Det finns en sak som Amazon gör riktigt bra med sina produktsidor. Säg att du kollat runt efter lite saker och sedan landat på en bok som är lite intresserad av. Så här bryter Amazon ner produktsidorna:

  • Produktens namn, bild (inkl bildzoom), pris och lagerstatus
  • Produktbeskrivning med primära säljargument
  • Information om att det finns begagnade varor av denna typ för lägre pris
  • Information att denna produkt ingår i en kampanj
  • Den här produkten köptes även med dessa andra produkter och i dessa paket
  • Personer som är intresserade av denna produkt är också intresserade av dessa
  • Sponsrade produkter från Marketplace som är relaterade till denna produkt
  • Med detaljerad produktbeskrivning och teknisk data
  • Vanliga frågor och svar
  • Kundrecensioner
  • Andra produkter som du nyligen tittat på
  • Andra förslag på produkter baserat på sin surfhistoria på Amazon.

Det viktiga här är att fokus först ligger på produkten du är ute efter och ju längre ner du scrollar, desto mer tolkar Amazon det som att du inte riktigt hittat rätt och kommer med förslag på andra alternativ. Sen försöker de övertyga dig igen om att du hittat rätt, samt slutligen tillbaka till saker som du kanske funderat på förut.

Jag skulle gissa att de A/B-testar vilka rekommendationer som fungerar bäst och i vilken ordning på olika kunder och produktkategorier.

###

Denna post är nummer 41 i en serie av 100 poster i utmaningen #blogg100 där jag fokuserar på hur vi skapar Trettis nya sajt. Alla åsikter är mina egna.