1.Webbplatsens domän och namn:
Domän: mycherinails.se. Namn: My Chéri Nails. Jag har valt detta namn eftersom det låter lyxigt, feminint och professionellt, vilket passar bra för en nagelverksamhet. Jag anser att domänen är enkel att komma ihåg och känns personlig.
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. Anledningen är att det är kompatibelt med WooCommerce och andra vanliga tillägg. Responsiv och enkelt att förstå, både för mig som administratör och för besökare. Även flexibelt att anpassa med Elementor. Det gör det enkelt att skapa en tydlig och stilren webbutik som passar nagelbranschen.
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.
Jag har valt ett visuellt upplägg med fokus på bilder i stället för långa texter, eftersom målgruppen främst inspireras av hur naglarna ser ut snarare än genom att läsa mycket information. På startsidan har jag valt att skapa en ren och tydlig struktur som direkt visar vad webbplatsen erbjuder. En stor hero-bild högst upp för att skapa ett första intryck och visa varumärkets stil. Jag har inkluderat fyra USP:ar: naglarna är miljövänliga, leveransen är snabb, produkterna har en unik och högkvalitativ design, och de är enkla att applicera och ta bort. En knapp med länk till sidan “How to press-on-nails”, så besökare enkelt kan lära sig hur produkterna används. Fyra tydliga produktkategorier som gör det lätt att hitta rätt typ av naglar. En sektion med “Populära naglar” för att lyfta fram produkter som många gillar. Samt en sektion med kundrecensioner för att skapa trovärdighet och visa nöjda kunders upplevelser. Jag har valt detta upplägg för att startsidan snabbt ska: Visa vad företaget säljer, vilket är press-on naglar. Skapa förtroende genom recensioner. Leda kunden vidare till köp eller information utan att sidan känns rörig.
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.
Webbplatsens meny, struktur och navigering är utformad för att vara logisk och enkel för besökaren att använda. Logotypen fungerar som en hemlänk och leder alltid tillbaka till startsidan. Huvudmenyn är uppdelad i vänster- och högersida för att ge tydlig överblick. På vänster sida finns nyheter, produkter samt allmänt. När musen pekar på produkter och allmänt kommer en dopdown med respektive kategorier. På högersidan finns länkar till mitt konto, varukorg och kassa för enkel åtkomst till köpprocessen. Snett nedanför högermenyn visas dessutom det totala priset på de produkter som lagts i kundvagnen, vilket ger besökaren en snabb överblick över sitt köp. Menyn och navigeringen är strukturerad för att besökaren alltid ska kunna hitta det den söker på ett snabbt och intuitivt sätt, samtidigt som viktig information och funktioner är lättåtkomliga.
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å webbplatsen har jag skapat statiska undersidor för “om oss”, “kontakt”, samt leverans- och köpvillkor som tydligt beskriver hur köp, frakt, returer och återbetalningar fungerar. Retur- och återbetalningspolicyn gäller i 30 dagar och innebär att varor måste vara oanvända och i originalförpackning för att berättiga till retur. Vissa varor, som presentkort kan inte returneras. Jag har valt dessa villkor för att de är tydliga, rättvisa och skyddar både kunder och verksamheten. Samtidigt vill jag underlätta för kunden genom att ge information om hur man byter defekta eller skadade varor, hur gåvor hanteras och vilka kostnader som gäller för returfrakt. Informationen är enkel att hitta på undersidorna och ger besökaren trygghet i köpprocessen, vilket är viktigt.
6.Vilka kontaktformulär har du på webbplatsen och vad har de för syften? Det skall finnas minst ett kontaktformulär på webbplatsen.
På webbplatsen finns ett kontaktformulär på sidan Kontakt, vilket fyller syftet att besökare enkelt ska kunna ta kontakt med företaget. Formuläret erbjuder två alternativ: antingen kan besökaren välja att skicka ett mejl via sin egen e-post genom en extern länk, eller så kan man skriva och skicka meddelandet direkt från webbplatsen. Detta gör det enkelt för kunder och intresserade att ställa frågor, ge feedback eller få hjälp, utan att behöva leta efter e-postadresser eller annan kontaktinformation.
7.Visa på att det finns klickbara mail- och telefon-länkar på din webbplats. https://www.mycherinails.se/kontakt/
8.I vilket sammanhang har du använt dig av shortcodes? Det skall finnas minst ett användande av shortcode på webbplatsen.
På webbplatsen har jag använt shortcodes i samband med kundrecensioner. Genom tillägget Code Snippets har jag skapat en egen kortkod som gör det möjligt att visa utvalda recensioner direkt på startsidan. Detta gör att jag kan presentera kundernas åsikter på ett snyggt och organiserat sätt, utan att behöva lägga in varje recension manuellt i sidans innehåll. Shortcoden gör också att samma funktion enkelt kan återanvändas på andra sidor vid behov, vilket sparar tid och gör webbplatsen mer flexibel.
9.Hur har du utformat Webbplatsens footer och varför?
Jag har lagt in en enkel och tydlig footer längst ner på sidan. I footern finns länkar till Om oss, Kontakt, FAQ och Återbetalnings- och returpolicy. Jag valde att lägga in dessa där för att besökare snabbt ska kunna hitta viktig information oavsett vilken sida de befinner sig på. Det gör webbplatsen mer användarvänlig och ger ett mer professionellt intryck.
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 skrivit tydligt både i kassan och på sidan för återbetalning att det är en demoshop. Dessutom står det längst ner i footern att det är en demobutik och att det inte går att genomföra riktiga köp.
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 arbetat med WooCommerce genom att lägga in totalt 25 produkter på webbplatsen. Produkterna är uppdelade i fyra kategorier: basic, design, trendig säsong och vårdprodukter för naglarna. Jag har lagt in produktbilder, beskrivningar, priser och knappar för köp. Dessutom har jag använt WooCommerce-funktionerna för varukorg, kassa och kundkonto så att det ska likna en riktig webbshop, även om det är en demobutik.
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 arbetat med enkla produkter i WooCommerce. Det passar bäst för mina press-on naglar eftersom varje design säljs som en separat produkt med fast pris och utan variationer.
13.Visa på exempel på designdelar som du anpassat med hjälp av Elementor.
Jag har redigerat delar eller hela sidor med elementor på 5 stycken sidor.
14.Vilka tillägg har du använt och varför? Komplett lista önskas.
Jag har använt följande tillägg på min webbplats:
Classic Editor – för att kunna redigera sidor med det gamla klassiska redigeringsverktyget istället för blockredigeraren.
Code Snippets – för att lägga in egna kortkoder och anpassad kod utan att ändra i temafiler.
Customer Reviews for WooCommerce – för att kunna visa kundrecensioner på produktsidorna.
Elementor – för att bygga upp sidorna visuellt och enkelt designa min hemsida.
Image Optimizer – Compress, Resize and Optimize Images – för att minska filstorleken på bilder och göra webbplatsen snabbare.
Imagify – för ytterligare bildoptimering och förbättrad laddningstid. WooCommerce – för att skapa butiken och hantera produkter, betalning och kassa.
Akismet Anti-Spam: Spam Protection – för att skydda kontaktformulär och kommentarer mot spam.
One.com – för webbhotellstjänster och integration mellan WordPress och mitt webbhotell.
Performance Cache – för att snabba upp webbplatsens laddningstid genom cachelagring.
WPForms Lite – för att skapa kontaktformuläret där besökare kan skicka meddelanden direkt via hemsidan.
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 skapa en snygg och inspirerande webbplats som passar min affärsidé “press-on naglar” med fokus på design och kvalitet, har jag lagt stor vikt vid ett stilrent och feminint utseende som speglar varumärket. Jag har valt ljusa färger, tydliga produktbilder och en enkel layout som gör det lätt att hitta rätt produkt. Jag har arbetat mycket med bildmaterialet för att visa naglarna på ett inspirerande sätt och skapa en professionell känsla. Jag har även lagt in recensioner för att bygga förtroende och skapa en personlig känsla på sidan. Navigeringen är enkel och tydlig, och menyerna är uppbyggda så att kunden snabbt hittar produkter, villkor och kontaktinformation utan att behöva leta. Dessa delar gör att webbplatsen känns både modern, lättanvänd och trovärdig, vilket stärker varumärket och lockar fler besökare att stanna kvar.
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: Jag tycker att jag har skapat en tydlig struktur och enkel navigering. Designen känns ren och speglar varumärkets känsla av stil, färg och kvalitet. Jag tycker också att jag har lagt bra fokus på recensioner, vilket skapar förtroende hos kunder när de handlar.
B: Jag hade kunnat arbeta mer med designen för mobilversionen så att den ser bättre ut. Jag vill även utveckla startsidan med fler bilder och animationer för att göra den mer levande. Slutligen skulle jag vilja lägga mer tid på produktbeskrivningarna så att de blir mer säljande och informativa, eftersom de just nu är ganska korta och jag skulle kunna lyfta fördelarna med varje produkt bättre.