Författare: evelinacarlsson03@gmail.com

1. Webbplatsens domän och namn

Jag köpte min domän via one.com, där min webbplats även ligger. Namnet Celiora valde jag för att det kändes lyxigt, elegant och tidlöst vilket speglar känslan jag vill att varumärket ska ge. Jag ville skapa ett namn som låter exklusivt men ändå personligt, och Celiora kändes helt rätt. 

 2. 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 av rekommenderat tema, motivera ditt val.

Jag har valt temat Storefront eftersom det är utvecklat av WooCommerce och därför fungerar perfekt för webbutiker. Det har bra stöd för Elementor, vilket gör att jag kan designa sidor fritt. Har dock stött på en del problem när vissa saker jag velat göra med sidan inte har funkar pga av att Storefronts mall sätter gränser. Ett exempel är att jag ville ha en stor bild som täcker hela sidan när man kommer in på hemsidan men det gick inte pga deras ”mall”.

Det man bör tänka på när man väljer tema är: 

• Att det är kompatibelt med WooCommerce. 

• Att det är fungerar bra på mobil, surfplatta och dator. 

• Att det går att anpassa färger, typsnitt och layout efter sin varumärkesidentitet. 

• Att det har bra support och uppdateras regelbundet. 

 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å min startsida har jag valt att visa en kategori för bästsäljande produkter. Jag har valt ut fyra produkter som jag gillar lite extra och lagt extra fokus på dessa. Syftet är att visa mina mest populära produkter direkt när kunden kommer in på sidan, ungefär som stora smyckesmärken gör (ex. Cainte eller Lily and Rose). 

 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 byggt upp en tydlig meny och jag tycker att strukturen gör det enkelt för besökaren att hitta rätt och förstå vad webbplatsen handlar om. 

Jag har en huvudmeny: 

Nyheter | Shoppa | Bästsäljande | Presentkort  

• “Shoppa” innehåller alla produktkategorier: Örhängen, Halsband, Armband, Ringar. Under dessa finns även underkategorier för Guld och Silver. 

Sen har jag en sekundär meny: 

Mitt konto | Om Oss | Kontakt | Köpvillkor & Returer 

• “Om oss”, “Kontakt” och “Köpvillkor & Returer” leder till statiska informationssidor. 

Den sekundära menyn finns bara för datorer så om man är inne på mobilen så jag jag samma meny fast den ligger i footern.

 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.

Jag har skapat sidor för “Om oss”, “Kontakt” och “Köpvillkor & Returer”. Om oss beskriver bakgrunden till Celiora och varumärkets stilrena och lyxiga inriktning. ”Kontakt” har ett kontakt formulär som man kan skicka in frågor om man har någon fundering. Det ska vara förstahanndsvalet och har även skrivit att svarstiden är 24-48 h på vardagar. I footern har jag sedan lagt till andra sätt att få kontakt som ex. telefonnummer. Köpvillkor & Returer innehåller information om köpvillkor, frakt, retur och leveransvillkor. Jag valde dessa villkor för att skapa tydlighet och trygghet för kunden. 

 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 installerat tillägget Contact Form 7 för att skapa ett kontaktformulär. Det finns på sidan “Kontakt”, där kunder kan fylla i namn, e-post och meddelande. Syftet är att besökare enkelt ska kunna kontakta mig om frågor kring produkter, beställningar eller samarbeten. 

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

I footern finns det klickbara telefon och maillänkar. Det gör att även besökare på mobilen kan se och trycka på länkarna och kontakta mig.

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

Jag har använt shortcode för att lägga in kontaktformuläret fråm Contact form 7. Jag la in shortcoden i elementor. 

[ contact-form-7 id=”123″ title=”Kontaktformulär 1″ ]

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

Jag använder Storefronts inbyggda footer, som jag har anpassat i Widgets.
Den innehåller: 

• Länkar till “Information” och “Kontakt”

• Företagsnamn och copyright-text 

• Jag valde att ha en enkel footer för att sidan ska kännas modern.

Jag valde att ha med allt som finns i den sekundära menyn för att dom som surfar på mobilen och ska se den sekundära menyn.

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

Eftersom detta är en demoshop, har jag lagt till ett meddelande som visas direkt när man kommer in på sidan. Det står tydligt att det inte går att handla på riktigt.  

 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 lagt in fler än 10 produkter i butiken. Produkterna är indelade i flera kategorier: Örhängen, Halsband, Armband, Ringar samt underkategorier för Guld och Silver. Jag har lagt till bilder, beskrivningar och priser. Jag har även markerat vissa produkter som “Bästsäljande” för att framhäva dem på startsidan. 

 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 använda enkel produkttyp, eftersom jag säljer smycken som inte har olika storlekar eller variationer. Varje smycke finns som en egen produkt med fast pris och bild. 

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

Jag har använt Elementor för att designa startsidan med bild, textsektioner och utvalda produkter. Även undersidor som Om oss och Kontakt med rubriker, textblock och bilder.  

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

• Elementor – för design och layout 

• WooCommerce – för butik och produkter 

• Contact Form 7 – för kontaktformulär 

• One.com plugin – (installeras automatiskt för drift) 

• Jetpad – Verktyg för säkerhet, prestanda 

• Classic Editor – Aktiverar den klassiska redigeraren i WordPress 

 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.

Jag har fokuserat på att skapa en ren och elegant känsla på hemsidan. Jag har använt ljusa färger, stora bilder och mycket luft för att låta produkterna stå i fokus. Typsnittet är stilrent och bilderna eleganta. Sidan är enkel att navigera och skapar en exklusiv men välkomnande känsla. 

Startsidan har en stor bild som täcker nästan hela skärmen och sätter tonen direkt. Under bilden visas kategorier och utvalda produkter som ska väcka intresse och få besökaren att fortsätta bläddra.

Jag har lagt fokus på enkel navigering. Menyn består av Shoppa, Nyheter, Om oss och Kontakt, vilket gör det lätt att hitta. Footern innehåller kontaktinformation, länkar till villkor och sociala medier, vilket ger tydlighet och struktur.

Produkterna visas med tydliga bilder och korta beskrivningar. Jag har delat upp dem i kategorier (örhängen, halsband, armband och ringar) och lagt extra fokus på bästsäljande produkter.

För att skapa trovärdighet har jag lagt till sidor för köpvillkor, returpolicy och kontakt. Jag har även lagt in ett meddelande som förklarar att det är en demoshop, så ingen ska tro att det går att handla på riktigt.

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. 

1. Designen och känslan på webbplatsen blev väldigt stilren och lyxig, vilket passar varumärket Celiora och den typ av smycken jag säljer.

2. Strukturen och navigeringen är tydlig – det är lätt att hitta mellan kategorierna och förstå hur man tar sig till produkter, kontakt och om oss.

3. Produktpresentationen blev lyckad, med tydliga bilder och korta, eleganta beskrivningar som matchar stilen jag vill förmedla.

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

• Startsidan och bildsektionen – jag hade velat att hero-bilden täckte hela skärmen och såg mer professionell ut, men temat (Storefront) begränsar det lite.

• Produktkategorisidorna – jag vill kunna anpassa layout, typsnitt och bilder där bättre för att få en mer enhetlig design med resten av sidan.

• Mobilanpassningen – vissa delar, som textstorlek och bildhöjd, ser inte helt perfekta ut på mobil och behöver finjusteras.