Publicerad den Lämna en kommentar

Digital mätplan

Digital mätplan & efterföljande spårning

1. Skapa en digital mätplan för din webbplats.
Ett krav här är att din mätplan skall innehålla såväl intäktsrelaterade som leadsrelaterade KPI:er. I
övrigt får du ta ut svängarna precis hur du vill. Presentera din mätplan visuellt med tydliga stuprör så
att det enkelt går att läsa ut vilka KPI:er som hänger ihop med vilka targets. Komplettera gärna också
med en kortare text där du förklarar bakomliggande resonemang.

Förklaring av mina KPI:er:
Totala intäktsvärde, hur mycket jag har sålts under en viss period = summan av alla köp.
Genomsnittligt ordervärde, hur mycket varje kund handlar för.
Antal sålda produkter, totalt antal artiklar sålda.

Konverteringsgarden på “kontakta oss” sidan, hur många som har varit inne på sidan motsvarande hur många som skickade in ett formulär.

2. Visa på de taggar som du skapat i Google Tag Manager för att mäta och följa upp dina KPI:er.
Här vill jag se skärmdumpar som visar på skapade taggar och relaterade triggers. Jag vill också att du i
text förklarar vilken tagg som hänger ihop med vilken KPI.
Då 3 av mina KPI:er är intäktsrelaterade KPI:er så använder jag mig av Ecommerce events taggen, då den skickar all information om e-handel som jag behöver. Jag vill alltså kolla totala intäktsvärdet, den genomsnittliga ordervärdet och antal sålda produkter med denna tag och trigger. 

Jag har även skapat en tag med en trigger som aktiveras när någon besökare trycker på ”skicka-knappen” efter att de har fyllt i kontakt formuläret på ”kontakta oss” sidan. Med denna taggen och triggern vill jag mäta hur mäta konverteringsgraden av besökarna på ”kontakta oss” sidan som faktisk skickar in ett kontaktformulär.

3. Visa på att dina KPI:er spåras i Google Analytics.
Jag vill att du med skärmdumpar visar att dina KPI:er följs upp och att e-handelsspårningen fungerar
som tänkt.

I de bilderna jag har bifogat kan du se bland annat, objektnamn, vilka produkter som har visats, de som har lagts in i kundvagnen, köpta artiklar, artikelintäkten, Genomsnittlig intäkt från köp per aktiv användare och en rapport bild.

Mina intäktsgenererade KPI:er,
Totala intäktsvärde, som då visas att vara 4091kr på bilden.
Genomsnittligt ordervärde, som då ligger på 162,79kr enligt bilden.
Antal sålda produkter, (antal köpta artiklar) är 9st.

Min Leadsgenererande KPI är, Konverteringsgraden på “kontakta oss” sidan. 

Jag gjorde en rapport för att följa vad besökarna gör på ”kontakta oss” sida. Jag gjorde denna rapport genom att ta fram dimensionerna, händelser, sidsökväg + sökfrågesträng. Och mätvärdena, antal händelser, aktiva och nya användare.
Jag satte händelsenamn i rad och mätvärdena som värden. Sen filtrerade jag med sidsökväg + sökfrågesträng innehåller /kontakt/, och så fick jag fram den rapporten.

Jag har även bifogat rapporter från GA4 som visar sidrubrik + skärmklass och händelsenamn för att analysera vad som sker på kontaktsidan. Jag inkluderade också antalet händelser per händelsenamn, exempelvis page_view, för att få en översikt över sidans aktivitet.

Däremot upplevde jag att dessa standardrapporter innehöll väldigt många rader och var svåra att få en bra överblick. Därför valde jag att skapa en egen rapport med de datapunkter som är mest relevanta för min analys, så att jag tydligt kunde följa just den information jag var ute efter.

VG-Uppgifter (Dessa uppgifter behöver du inte göra om du inte aspirerar på ett VG-betyg)
4. Visa på hur du tänker dig segmenteringen i en analysfas och beskriv vad detta kan komma att ge
för insikter.
Förklaring och analys av mina segment:
Genom att segmentera användarnas beteende baserat på produktkategorier kan jag se vilka kategorier som presterar bäst. Genom att kolla på antal sidvisningar, klick, konverteringsgrad och försäljning kan jag där både identifiera starka kategorier som driver försäljning och upptäcka kategorier som har mycket trafik men låg konvertering, vilket hjälper mig att förstå var det finns potential för optimering.

Trafikkällort.ex. Organisk, Betald sök, Social, E-post.
Här analyserar jag var besökarna kommer ifrån för att se vilka källor som levererar mest värdefull trafik. Jag kan se kanalernas kvalitet, så som att vissa kanaler driver kanske mycket trafik, men låg konvertering – då är de mindre lönsamma. Betalda kanaler (Google Ads, sociala medier) kan jämföras med organiska för att se om investeringen är värd kostnaden. Exempelvis kan organiskt sök generera mer köpbenägna besökare medan sociala medier främst skapar intresse, inte köp.

Jag segmenterar trafiken baserats på vilken enhet besökarna använder för att analysera användarupplevelsen på respektive enhet. Om till exempel mobilen har mycket trafik men låg konverteringsgrad kan det tyda på problem som att prestandan är dålig, otydliga CTAs och krånglig check-out osv.
Även att förstå vilken enhet som presterar sämst kan jag rikta optimeringar där de gör mest nytta. 

Jag valde dessa segment för att att även kunna kombinera information jag får ut och få en helhetsbild av vilka kunder som konverterar bäst, vilka produkter de föredrar, vilka kanaler som driver mest trafik osv. 

5. Visa på ett A/B-test som du satt upp och förklara syftet med detta.

För att genomföra ett A/B-test på min webbplats ville jag göra en förändring som användarna faktiskt skulle lägga märke till. Därför valde jag att byta ut hero-bilden på startsidan. Syftet var att testa vilken parfymbild som skapar mest intresse och leder till störst engagemang för besökarna att gå vidare och köpa parfymen.

A/B testing version A
A/B testing version B
Publicerad den

Uppgift

1. Webbplatsens domän och namn.
Mitt domän är Suthasinee.se och namn är Suthasinee

2. Val av tema.
Jag valde Storefront som tema till min webbplats. Jag valde först ett tema som heter Blume Beauty, men kände att den va lite svårare att jobba med än Storefront. 

3. Normalt sett lyfts utvalda produkter (bästsäljare eller kanske de med bäst marginal) eller kategorier fram på startsidan. Där brukar även finnas usp:ar och en säljande beskrivning av företaget/verksamheten. Hur har du gjort och varför? Förtydliga gärna med
skärmdumpar.
På framsidan har jag lyft fram mina kategorisidorbästsäljare och under det en kort kort beskrivning om oss. Man kan trycka på de utvalda kategoribilderna för att komma vidare till parfymerna och så finns det även en knapp som tar kunden vidare till ”om oss” sidan för att läsa mer.  Jag lade till dessa tryckbara bilder och knappar för att göra det så lätt och smidigt som möjligt för de som besöker min webbsida.

4. Hur har du lagt upp webbplatsens meny, struktur och navigering?
Jag har försökt göra det så enkelt och stilrent som möjligt på min hemsida. Se bild. 
Jag har valt att lyfta fram kategorierna Nyheter och Bästsäljare i egna menyer, eftersom de ofta är de mest populära och det som besökare söker efter först.
Alla produkter finns samlade under huvudkategorin Parfymer, där du även hittar flera underkategorier som gör det enklare att hitta just den doft eller stil besökaren letar efter.

5. Det skall finnas statiska undersidor på webbplatsen som tydligt beskriver ”Om oss”, ”Kontakt”, plus de leveransvillkor och köpvillkor som gäller. Även frakt och returer bör beröras i samband med detta. Beskriv här även varför du valt just de villkor som du valt.
I footern så ligger information om Suthasinee och under Kundservice finns det länkar till:
”om oss” – Om oss – Suthasinee
”kontakta oss” – Kontakt – Suthasinee
”villkor” –  Allmänna villkor – Suthasinee
”FAQ” – FAQ – vanliga frågor & svar – Suthasinee
”policy” – Integritetspolicy – Suthasinee

Jag har även lagt till knappar på några sidor för att besökarna ska lätt kunna hitta till andra sidor. 
Till exempel, på sidan FAQ – vanliga frågor och svar har jag lagt till ”Har du en fråga till oss” med en knapp som det står ”kontakta oss”.

Även på ”kontakta oss” – sidan har jag lagt in en ”Utforska mer” med tryckbara bilder med ”om Suthasinee”, ”Nyheter” och ”Bästsäljare”. Jag har läst och gjort en lätt research på andra webbsidor, för att se vad andra har för villkor. 
Mitt val av villkor bygger på att efterlikna de juridiska skyldigheter och kundtrygghet som finns i Sverige, även om detta är en demobutik. 

6. Vilka kontaktformulär har du på webbplatsen och vad har de för syften? Det skall finnas
minst ett kontaktformulär på webbplatsen. 
Jag har en ”Kontakta oss”- formulär, under sidan kontakt. Där kan besökarna välja olika ämnen för meddelandet så som, betalning, leverans, produktinformation, rådgivning och sedan en övrigt.  
Här är länken: Kontakt – Suthasinee.

7. Visa på att det finns klickbara mail- och telefon-länkar på din webbplats.
Det finns klickbara länkar till både mejlt och telefonnummer vid footern och sedan över kontaktformuläret. 

8. I vilket sammanhang har du använt dig av shortcodes? 
Jag har bland annat använt en shortcode på förstasidan. För att kunna göra en genväg till bästsäljarsidan. Och en shortcode för att få in min kontaktformulär på sidan.

9. Hur har du utformat Webbplatsens footer och varför? 
Jag har även där gjort den enkel att navigera. Har förutom min loga, lagt till 3 rubriker med ”kundservice”, ”information” och sist en ”följ oss” rubrik. Under dessa rubriker har jag lagt till klickbara länkar till respektive sida.

10. Vilka åtgärder har du vidtagit för att det tydligt skall framkomma att det är en demobutik
och att det faktiskt inte går att handla ”på riktigt”?
Det finns en blå banner med vit text där det står att det är en demo-sida. Även på ”villkors”-sidan står det att detta är en demobutik. 

11. I vilken utsträckning och hur har du arbetat med WooCommerce på webbplatsen?
Det skall finnas produkter i någon form att köpa på webbplatsen. Produkterna skall vara minst tio
till antalet och antalet kategorier minst tre. Beskriv vad du gjort och hur du gått tillväga. Undantag
till detta kan finnas om det främst är tjänster som erbjuds, stäm av med Daniel om så är fallet. 
Jag har skapat 10+ produkter som går att beställa. Produkterna är indelade i 4 olika kategorier. De ligger även några utvalda produkter under kategorierna ”nyheter” och ”bästsäljare”. För att få in produkterna under ”bästsäljare-kategorin”, har jag stjärn-märkt några produkter, se bild.
12. Vilka produkttyper har du arbetat med och varför? Här handlar det alltså om enkel/grupperad/variabel/nedladdningsbar/etc. Visa på exempel.
Jag har valt att lägga upp variabla produkter. Man kan välja mellan 30ml och 50ml på mina produkter.

13. Visa på exempel på designdelar som du anpassat med hjälp av Elementor.
Jag har designat hela min framsida/butikssida med hjälp av Elementor. Jag har främst använt den för att lägga in rubrik, text, bilder och knappar.  Även sidorna ”om oss” och FAQ  är uppbyggda med Elementor. På FAQ-sidan har jag använt mig av en ”hero-bild” med en tryckbar knapp och sedan ett ”dragspel”.
Här är några ex.

 

14. Vilka tillägg har du använt och varför? 
Jag har använt dessa tillägg:

  • Elementor
    För att designa webbsidan.
  • WPForms Lite
    För att skapa ett snygg kontaktformulär.
  • WooCommerce
    För att få min webbsida, att bli en ”shop-sida”, där alla nödvändiga funktioner blir tillgängliga.
  • UAE.
    Med denna tillägg har jag skapat min header och footer med.
  • Variation Swatches for WooCommerce.
    Jag använde detta tillägg till min produkt-sida. Se bild.
  • Redirection.
    För att https://www.suthasinee.se/uppgift/ ska redirecta till Uppgift – Suthasinee
  • Code Snippets.
    Jag använde denna för att ändra i min varukorg. Det finns en ”Fortsätt handla” länk där man kan klicka på för att komma till mina kategorier.
  • Classic editor.

15. Vilka andra åtgärder har du vidtagit för att skapa en snygg, inspirerande och effektiv
webbplats som på bästa sätt levererar utifrån din affärsidé?
Presentera resultat i text och bild.
För att få min hemsida så enkelt och stilrent som möjligt, ute från min affärsidé och att allt ska matcha, samt fungera på bästa sätt har jag bl.a. 

  • Lagt in estetiska bilder på produkterna som säljs på webbsidan.
  • Jag har inte bara lagt in en bild på parfymerna, men även jobbat med att ge besökarna en mer visuell känsla av varje dofts karaktär.
  • Ett noggrant valt färgtema på hela hemsidan. Den visuella identiteten på hemsidan syns på varje sida man klickar på, som en röd tråd.



16. Validera din egna webbplats utifrån de kriterier som lyfts fram i föreläsningsmaterialet. 
a. Peka på tre delar som du tycker att du tycker att du gjort riktigt bra.
b. Peka på tre delar som du inte är lika nöjd med eller tycker att du hade behövt arbeta vidare med. 

A) 1. Jag har jobbat väldigt mycket med designen på hemsidan, främst framsidan. Då det är där man fångar besökarna och får dem att bli nyfikna på vad det är webbsidan består av.
2. Jag har även försökt att göra den enkel att navigera, för att inte krångla till det och för att hålla webbsidan, så stilrent som möjligt. 
3. Bilderna har jag noggrant valt ut, för att få det att passa imagen på min webbsida. Det va inte alltid lätt, och jag har ändrat stil på bilderna och kämpat med några lite väl mycket. Men tillslut tyckte jag ändå att jag fick till det.

B) 1. Jag vet att detta inte va en av kriterierna men,  den är tyvärr inte mobilanpassad. Om jag hade haft lite mer tid så skulle jag gärna velat göra det också. 
2. Göra själva kundkorgen och kassan snyggare. Jag har inte rört de sidorna alls. Förutom att fixa till en url så att den gick dit jag ville. 
3. Jobba med min layout mera och få det mer harmonisk.