UPPGIFT

Namn: Ida Josefsson
Webbplats: https://www.atelierfiore.se

1. Webbplatsens domän och namn

Domännamn: atelierfiore.se & namn på hemsidan: Atelier Fiore. Jag valde detta namnet för att jag på hemsidan säljer keramik som delvis är inspirerade av blommor, alltså att formen på en del liknar blommor. Många domännamn som var upptagna men Atelier Fiore tyckte jag passade bra då Fiore betyder blomma på italienska.

 

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.

Temat på min hemsida är Storefront, det valde jag delvis för att du rekommenderade det och efter lite research insåg jag att detta var ett populärt tema med flera fördelar när man ska bygga en e-handel. Exempelvis att det är kompatibelt med WooCommerce, lätt och smidigt, enkelt att ändra design. Det stod också att det laddar snabbt och presterar bra både för användare och sökmotorer (bra för SEO) vilket jag tänkte kunde vara bra för framtida kurs inom detta.

 

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 lagt in en ups på min första sida högt upp för att man tidigt ska kunna bli intresserad av att köpa mina produkter. Det som är speciellt och som gör min e-handel speciell är att allt är handgjort vilket gör att varje produkt är unik och väl arbetad. Det skapar en personlig känsla. Längre ner på första sidan kommer också en ”om oss” del vilket beskriver företaget ytterligare. Om oss hittar du också i headern så det går inte att missa om man vill veta vad det är för företag.

 

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 lagt upp webbplatsens meny och struktur för att den ska vara tydlig, enkel och lätt att navigera. Huvudmenyn ligger högst upp på sidan och består av följande delar: Hem, nyheter, bästsäljare, produkter och en om oss. Jag är inte ett jätte-fan av hamburgermeny, då jag tycker att det blir otydligt och inte så inbjudande. Ända gången det kan vara fördelar med det är ju när man går in på hemsidan från mobilen.

Istället för att ha kvar varukorg i text så har jag lagt in en klickbar ikon istället så du kommer till varukorgen. Samma med sökrutan. Detta för att det ska se visuellt snyggare ut och skapa lite mer personlighet på hemsidan.

Strukturen är uppbyggd så att besökaren snabbt ska hitta den information de söker. Från startsidan kan man enkelt gå vidare för att se produkterna, kolla nyheter och bästsäljare eller läsa mer om varumärket under ”Om oss”. Logotypen fungerar som en länk tillbaka till startsidan, vilket underlättar navigeringen. Jag har även lagt till en bakgrundsfärg som är återkommande på min hemsida för att göra det tydligt.

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.

All sådan info ligger i min footer så kika där.

Jag har valt dessa retur- och reklamationsvillkor för att skapa en balans mellan trygghet för kunden och rimliga förutsättningar för en småskalig verksamhet som Atelier Fiore.

Att erbjuda 14 dagars öppet köp följer svensk konsumentlagstiftning (distansavtalslagen) och är en viktig del i att bygga förtroende hos kunderna. Samtidigt tydliggörs att produkten ska vara oanvänd och i originalförpackning, vilket skyddar företaget från förluster vid returer och bevarar produktens skick.

Genom att kunden kontaktar oss via e-post för att få returfraktsedel säkerställs att returer hanteras personligt och strukturerat. Det ger också möjlighet att erbjuda kundservice och svara på eventuella frågor, vilket stärker relationen till kunden.

Returavgiften på 50 kr är vald för att täcka kostnaden för returfrakten och samtidigt hålla villkoren rättvisa och transparenta. För en mindre aktör är det inte ekonomiskt hållbart att stå för alla returfrakter, och därför är avgiften en rimlig kompromiss. Jag har valt att erbjuda fri frakt för att skapa en positiv och enkel köpupplevelse för kunden. Fri frakt sänker tröskeln till köp och ger ett mer transparent pris – kunden vet exakt vad produkten kostar utan att behöva tänka på extra avgifter i kassan. Detta tror jag är lönsamt i längden då många avstår från att beställa när frakten kostar.

Att återbetalning sker inom 5–7 arbetsdagar är ett tydligt och realistiskt löfte, som bidrar till att kunden känner trygghet i processen. Vid reklamation ges kunden möjlighet till byte, reparation eller återbetalning, vilket följer konsumentköplagen. Att kunden ombeds skicka bild och ordernummer gör hanteringen snabbare och mer rättvis, och minskar risken för missförstånd.

Sammantaget är dessa villkor utformade för att vara lagliga, rättvisa och förtroendeskapande, samtidigt som de tar hänsyn till Atelier Fiores hantverksmässiga och småskaliga produktion.

 

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å min webbplats finns ett allmänt kontaktformulär på sidan ”Kontakta oss”.
Formuläret innehåller fälten: namn, e-postadress, ämne och meddelande.

Syfte:
Formuläret gör det enkelt för kunder och besökare att ta kontakt med Atelier Fiore direkt via webbplatsen, till exempel för att ställa frågor om produkter, leverans, beställningar eller samarbeten.

Jag har valt ett allmänt kontaktformulär eftersom det passar en småskalig verksamhet där den personliga kundkontakten är viktig. Det är ett enkelt, tydligt och användarvänligt sätt att kommunicera, utan att kunden behöver öppna sitt e-postprogram

 

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

Det ligger klickbara mail- och telefon länkar i min footer så kika där.

 

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 mig av shortcodes i kontaktformuläret. Jag klistrade in kortkoden i innehållseditoren på sidan “Kontakta oss”, vilket gjorde att kontaktformuläret visades direkt på sidan utan att jag behövde skriva någon egen kod.

 

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

Header och footer har jag gjort i ett tillägg som heter UAE, jag tyckte att det blev en snyggare design, enkelt och rent att läsa och hitta rätt på hemsidan enligt mig. I footern har jag lagt all viktig information som hur man kontaktar oss, hur man hanterar våra produkter, hur retur och reklamation fungerar, en om oss sida osv. Jag uppskattar själv när sådan information ligger samlad så att det är lätt att hitta.

 

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

I Elementor har jag gått in i Woocommerce- butiksmeddelande- aktivera butiksmeddelande. Då visas en tydlig text på hemsidan där det står att det är en demobutik för teständamål och att inga beställningar kommer att behandlas.

 

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. 

Jag har använt WooCommerce för att skapa webbshoppen på min hemsida.
Totalt har jag lagt till 17 produkter, fördelade i 5 olika underkategorier i menyn, vilket gör det enkelt för besökare att navigera och hitta det de söker.

Varje produkt har en egen produktsida med:

• En titel och produktbild som tydligt visar varan.

• En kort beskrivning med praktisk information om färg, storlek och hantering.

• En mer utförlig text som innehåller säljande och inspirerande formuleringar för att skapa en känsla och väcka köpintresse.

Jag har arbetat med WooCommerce genom att:

1. Installera och aktivera tillägget WooCommerce i WordPress.

2. Skapa kategorier för att strukturera sortimentet, t.ex. Skålar, tallrikar, koppar, brickor och vaser.

3. Lägga till varje produkt manuellt, med bilder, pris och produktinformation.

4. Testat varukorg och kassafunktion, även om inga verkliga köp hanteras eftersom butiken är i demonstrationssyfte.

 

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 använt mig av enkel produkttyp för att… Enkelt att hantera: Produkten kräver inga variationer eller komplexa inställningar, vilket gör det snabbt och lätt att lägga upp och uppdatera. Tydlig presentation: Kunder ser direkt pris, bild och beskrivning utan att behöva välja alternativ, vilket kan öka konverteringar. Eftersom jag pga tid inte kunnat lägga in fler produkter så hade hemsidan även sett väldigt skral ut om jag använt mig av tex variabel produkttyp.

 

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

Header och footer är gjord i tillägget UAE.

Jag har gjort en bildkarusell med inspirationsbilder. Hade jag haft en instagram så hade jag taggat den över bildkarusellen (gjort den klickbar). Då tanken är att det ska vara inspiration från kunder.  Jag har gjort klickbara ”knappar” och att alla produkter är klickbara. Jag har lagt till en favicon i elementor. Utöver det har jag justerat färgtema, typsnitt och layout för att ge webbplatsen ett enhetligt och professionellt utseende.

 

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

Classic editor- Textredigerare, gör det lättare att hantera korta texter, produktbeskrivningar osv.

Elementor- för att kunna göra en mer visuellt snygg hemsida.

Contact Form 7- för att  kunna lägga till ett kontakformulär

UAE- för att designa en snyggare header och footer

WooCommerce- Jag har skapat och hanterat produkter med bilder, beskrivningar och pris.
Perfekt för fysiska produkter då jag säljer porslin. WooCommerce lägger till en fungerande varukorg, kassa och betalningsflöde på webbplatsen.
Kunden kan lägga till produkter, se totalsumma och slutföra sitt köp direkt på sidan.

Eftersom att det är en demosida så har jag valt ”faktura vid leverans” som det ända betalningsalternativet. Frakten har jag ställt in som gratis.

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 genom bilder och färgval matchat min målgrupp. Kvinnlig, varm och romantisk känsla. Jag har använt mig av ikon list och lagt till sociala ikoner (hade jag haft instagram, twitter osv så hade jag länkat de). Jag har lagt till en bildkarusell för att hemsidan ska kännas lite mer levande. Jag har även lagt till ett ”dragspel” i min FAQ sida för vanliga frågor. Detta för att jag tyckte det såg mer proffsigt ut.

 

 

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. Jag tycker att designen, färg- och bildvalet och stilen på min hemsida stämmer bra överens med min affärside och känslan jag vill att kunderna ska få genom att komma in på min hemsida. Det är mjuka pastellfärger som man blir glad av, mysig men enkel design. Lagom modern så den är enkel att förstå men ändå varm, lekfull och personlig. Jag säljer handgjord keramik och den primära målgruppen är kvinnor 25-55år, så därför har jag valt att göra den lite kvinnlig i designen.
2. Jag tycker att navigationsmenyn är tydlig och lätt att förstå. Även footern är jag nöjd med då den är tydlig och all viktig information är samlad. Tycker att FAQ med vanliga frågor blev snygg och proffsig.
3. Startsidan är inspirerande, en bra balans med inspirationsbilder, tydliga nyheter, bästsäljare och kategorier. Även nöjd att jag fick in en om oss som gör det tydligt vilka vi är som startat och driver företaget.

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

1. Jag hade velat få alla sidor som exempelvis nyheter och bästsäljare lite mer personliga och utvecklade. Med flera bilder, kanske videos eller liknande för en mer personlig känsla. Samt lite snålt med information.
2. Hade också önskat mobilanpassa hemsidan, men något som jag tyvärr inte hunnit.
3. Sökfunktionen fungerar inte så bra. Om jag söker på en vara så kommer produkten upp men bilden är i fel format och är inte klickbar.