UPPGIFT

1. Webbplatsens domän och namn
https://www.SMYCKI.se/
S M Y C K I

2. Val av tema?
Val av tema. Vad har du för tema på din webbplats och vad behöver normalt sett övervägas vid val av tema?Om du inte använt dig avrekommenderat tema, motivera ditt val.
Jag har valt att använda mig av temat Storefront, ett tema som fungerar utmärkt när det gäller att skapa en e-handel vilket detta är. Sendan början av kursen va jag rätt säker i att jag skulle välja detta tema men kollade runt lite men landade tillslut i att ta Storefront. Något som också motiverade valet va såklart att det fanns hjälp utifrån i form av videos och så vidare för att förstå temat allt mer. Något som bör tas hänsyn till vid ett sådant val är möjlighet för design och att tillägg ska matcha med temat, här såg jag att Storefront passade bra.

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

Vänligen se startsidan https://www.smycki.se/

Jag har kollat runt andra olika smyckesföretags hemsidor och tagit inspiration därifrån. Min startsida börja med en bild med en knapplänk som säger ”handla” denna knapp länkas in i självaste shopen, där alla mina produkter ligger. Jag valde att börja med denna bild samt uppmaning då jag upplever att mitt öga lätt fasta på en sådan länk i kombination med en snygg och lockande bild.

Därefter hittar man ett ”avsnitt” som heter Nyheter med 4 artiklar som då är nytt in på hemsidan. Jag har använt en shortcode för att få in denna som du kan se längre ner i fråga 8.

Därefter ligger ett collage av bilder som ska locka in hemsidans besökare till Smyckis Instagram men en länk till deras Instagram då.

Därefter ligger Smyckis bästsäljare, även här 4 artiklar. Denna har jag också lagt in med hjälp av en shortcode som ligger i fråga 8.

Sist men inte minst i startsidan ligger en bild men en kort och förhoppningsvis intresseväckande text om Smycki för att man genom knapplänken kommer in till sidan om smycke för att läsa mer om Smycki.

Och längst ned hittar vi en bildkarusell med bilder på ett visst antal av produkterna som säljs på sidan.

Som du ser har jag lagt till avdelare mellan de olika avsnitten på startsidan så jag tycker det ser lite renare ut så att det inte blir för kluddigt.

Jag har försökt få till en så snygg, säljande och lockande stardsida som möjligt då det är den besökarens öga avgör om sidan tilltalar en för att kolla vidare eller inte.

4. Hur har du lagt upp webbplatsens meny, struktur och navigering? Se till att dessa följer en logisk struktur och beskriv hur du lagt upp dessa delar

Jag har en huvudmeny och en sekundär meny. I min huvudmeny ligger: HEM, OM SMYCKI, FAQ, KONTAKT, PODUKTER. I min sekundära meny ligger LOGGA IN, VARUKORG och POLICY. Jag har valt att inte bakar in dessa delar i varandra för att det ska vara enkelt att se att hitta. Absolut att det kan vara snyggare att bygga menyer i meny, alltså baka in det mer men jag har i detta fall valt att ha det extra tydligt. I PRODUKTER däremot finns en inbakad meny, där man ser vad för typ av smycken som säljs, samt har jag i kedjor lagt in guld och silver. Dock endast under kedjor då alla smycken in alltid säljs i både silver och guld.

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.

På min hemsida ser man om oss, kontakt, policy med köpvillkor, leverans, retur, reklamation och Integritet.

Om smycki: https://www.smycki.se/historia/

FAQ: https://www.smycki.se/faq/

Kontakt: https://www.smycki.se/kontakt/

Policy: https://www.smycki.se/aterbetalning_returer/

Jag kollade på andra företag på vad de hade för Policy och vanligaste frågor, och formade mina delar utifrån dem men allt vad som ska finnas med. De viktiga delarna tas med, allt från leveranstid, priser, GDPR och retur.

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 ett kontaktforumlär som ligger i menyn som också länkas dit i min footer under kontakt. Forumläret är uppbyggt i att den som önska skriva något fyller i sitt namn, mejladress, ämne och därefter meddelandet. I sidan där kontaktformuläret uppmannas men även till att kolla i FAQ om svarat på dennes fråga ligger där men också en mejladress om man föredrar de. Jag har länkat in hittepå mejladress kontakt@smycki.se i min egna privata, för ögat ser det ut som man mejlar till smycki men det är till min egna mejlen kommer til..

https://www.smycki.se/kontakt/

7. Visa på att det finns klickbara mail–och telefon–länkar på din webbplats.

I min footer har jag klickbara länkar till telefon mejl, kontaktformulär, adress, Instagram och LinkedIn. Även på startsidan där Instagramnamnet kopplas till Instagramkontot. Förutom dessa klickbara länkar finns även länkknappar på hemsidan som tar en vidare till det som jag länkat.

8. I vilket sammanhang har du använt dig av shortcodes? Det skall finnas minst ett användande av shortcode på webbplatsen.

9. Hur har du utformat Webbplatsens footer och varför?

Min footer är i samma färg som min header. Jag har byggt upp den i tre olika spalter, jag har en spalt för kontakt där kontaktformuläret är länkat, även klickbar länk till mejl och telefon. Den andra spalten är Adress där är adressen länkad (adress till kontor/lager då det inte finns en fysisk butik). I den tredje spalten ligger sociala medier där man länkas in till Instagram och LinkedIn.

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”?

Jag har lagt till ett butiksmeddelande där det står att det är en demobutik och att inga beställningar kommer att hanteras. Det står även med i Policy, i FAQ och i varukorgen.

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.

I WooCommerce har jag skapat 23 produkter. Jag har 7 kategorier (armband, halsband, kedjor, klockor, örhängen, ringar samt berlocker) och två under kategorier (silver och guld). Vardera produkt har en kort produktbeskrivning, pris och bild/bilder. Jag har byggt upp produktsida på så sätt om man klickar på PRODUKTER så visas kategorierna där man få klicka sig in på exempelvis armband för att få se vad för armband som finns.

I WooCommerce har jag också arbetat med inställningarna för att ange pris ink moms, faktura vid leverans som betalsätt, epostmeddelanden och frakt.

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 jobbat med enkla produkter då jag ansåg att det var mest optimalt för försäljning av smycken. Jag hade kunnat välja att skapa grupperade produkter för att erbjuda valet av silver eller guldplätering på produkterna, men då jag inte hade bilder som motsvarade detta så valde jag bort det.

13. Visa på exempel på designdelar som du anpassat med hjälp av Elementor.

Jag har lagt in bilder, både stilla bilder och bildkarusell för utseendets skull med hjälp av Elementor. Mina knapplänkar har jag också lagt till med Elementor. Även Sociala inkoner (Instagram och LinkedIn) är med hjälp av Elementor.

14. Vilka tillägg har du använt och varför? Komplett lista önskas

  • Elementor

För för att bygga startsidan och andra delar av webbplatsen med en visuell drag-och-släpp-redigerare.

  • WooCommerce

Tillägget gör hela webbplatsen till en e-handel med varukorg, kassalösning, möjligheten att skapa produkter mm.

  • Contactform 7

För att få in ett kontaktformulär på hemsidan, det är väldigt lätt att använda och förstå. Har använt detta då det är ett väldigt smidigt och lätt tillägg att använda. Går fort att sätta upp ett formulär och går att anpassa efter behov

  • Kodsnuttar

Gör det möjligt att lägga till egen kod (PHP) utan att behöva ändra i temafiler. Användbart för mindre justeringar.

  • Theme My Login

Logga in funktionen på min hemsida

  • Ivory Search

Erbjuder anpassningsbara sökformulär, WooCommerce-sökning, bildsökning, kortkodssökning, AJAX-sökning och live-sökning

  • Classic Editor

Ger en mer lättöverskådlig redigeringssida. Det är den klassiska redigeraren och används för att redigera produkter, sidor och inlägg.

  • Wordfence Security
  • one.com
  • Performance Cache

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.

Några exempel på åtgärder jag har vidtagit för att få min sida mer effektiv och snygg skulle jag säga är bilderna på startsidan med en knapplänkarna där man länkas direkt in på de länkade sidorna (OM SMYCKI och PRODUKTER). En annan sak är bildkarusellen som även den ligger på startsidan. Jag tycker om att jag under produkter har kategorier synligt och inte alla produkter i samma då det enligt mig ser renare och och skönare för ögat då det annars kan upplevas som stökigt för ögat enligt mig.

Mitt mål är att min hemsida ska uppfattas som snygg, enkel och lagom informativ.

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.

  • Designen på min hemsida, främst startsidan. Jag tycker den är fin för ögat, med de olika tilläggen och allt som finns där och har tagit fram slutresultatet. Särskilt då mina knapplänkar.

  • Enkelheten med att se och hitta olika delar – Jag har som tidigare nämt inte försökt baka in flera olika delar i varandra allt för mycket då jag önskade enkelhet. Jag upplever min hemsida som enkel att navigera genom egen sökning eller genom mina länkar som direkt ta en till vad som förväntar sig med trycket. Med detta också en tydlig huvudmeny med kategorier “Kedjor”, “Guld”, “Silver”, “Berlocker”, “Ringar”, “Örhängen”, “Armband”, “Halsband”, “Klockor”. Att bygga det på detta sätt och inte endast smycken och klockor exempelvis så underlättar det navigerer och gör det enkelt att hitta till önskad produktkategori – det minska ”leta runt” känslan som man kan ha på vissa sidor.
  • Jag tycker jag mer eller mindre fått fram alla delar som en e-handel ska ha, sen absolut att det finns mycket att jobba vidare med men jag tycker att jag har fått fram en fungerande hemsida (dock på datorn, med mobilen är jag inte nöjd med utseendet och vissa länkar men överlag så funkar det även där) jag har kunnat lägga beställningar och få förväntande mejl osv.


b. Peka på tre delar som du inte är lika nöjd med eller tycker att du hade behövt arbeta vidare med. 

  • Jag hade kunnat jobba mer med produkterna, jag kunde lagt mer tid på en bättre produktbeskrivning då det i nuläget är väldigt kort. Hade också kunnat lägga in storlek på t.ex ringar och kedjor men det har jag inte gjort.J ag hade kunnat jobba mer med en filtreringsfunktion, där man kan söka fram med t.ex pris, material och färg.
  • Jag hade kunnat jobba mer för att få hemsidans utseende för att stämma överens med hur de ser ut både på mobil och dator, på min dator ser det såklart ut som jag tänker mig men i mobil stämmer utseendet inte överens, t.ex länkknapparna har inte hängt med på ställena jag satte dem och texten i om oss ser jag inte i mobilen. Har hade jag kunnat läsa på mig mer i hur jag får dessa två att matchar i utseende.
  • Jag hade kunnat lägga in några kundomdömen och recensioner, jag har det så att man kan lämna de under varje produkt. Men jag hade kunnat lägga in några nu för att få det igång redan nu, att kunna ta del av andras betyg om produkter skapa en trygghetskänsla och det är något som man vill utstråla.