På Restful Design jobbar vi med webbutveckling och e-handel. Bygger både från grunden och snabbt med rätt weblösning. Vi jobbar bland annat mot shopify. Vi kan hjälpa er med både användarundersökningar och sökmotorsanpassningar.
Earin is the smallest, wireless earbuds available on the market. Two earbuds that together function as one Bluetooth headphone, no cables, no attachments.
Earin behövde snabbt komma igång efter att den tidigare shoppen kraschat på grund av för högt tryck. Webshop med shopify.
Shopify e-handelsplattform - Allt du behöver veta.
Vi har testat många olika e-handelslösningar genom åren, men fastnade för att jobba med Shopify. Det är ett genomtänkt system som tillmötesgår många av dom krav som e-handlare idag ställs inför för att kunna bedriva handel på nätet.
Om Plattformen
När man använder Shopify får man mycket inkluderat. I backoffice finns allt från lagersaldo, till försäljningsstatistik, betalnings status, kund register och så vidare. Plattformen är PCI DSS-complient vilket möter de krav som certifieringar har på säkra webbshoppar. Man undviker på så vis dra på sig dyrbara utvecklingskostnader för exempelvis kreditkortshantering eller lagerhantering m.m, det ingår.
Det som inte finns i systemet brukar kunna kopplas på genom Shopifies egna plugin-affär, dessa kan ibland vara helt gratis men mer vanligt är att de kostar. Sedan integrerar Shopify bra med andra program som kan göra arbetsflödet ännu enklare, en del av dessa kan man se genom tjänsten Zapier.
Om man vidare kopplar på google analytics har man information om hur användarna beter sig på sidan och kan kontinuerligt jobba med användarutvärderingar och göra ändringar i sidan för att förbättra konverteringsgraden.
Behöver ni hjälp att komma igång? läs mer om våra erbjudanden här.
Anpassningar av utseendet till det egna varumärket
Shopify har också en handelsplats för teman (stilmallar). Genom att använda färdiga teman kan man få till en snygg webshop utan att behöva lägga mycket pengar och tid på design och tester. Nackdelen är dock att man behöver anpassa sig till temat och kanske inte får allt precis som man vill ha det. Shopify har ett väldigt genomtänkt system för innehåll och stilmallar som givetvis också går att utveckla mot direkt i admin gränssnittet. I deras Theme Store kan man välja en stilmall där vissa är helt gratis och andra kan kosta upp emot $180, och det är inga problem att ändra en stilmall i efterhand. De som är helt gratis håller faktiskt, priset till trots, oftast en hög standard.
Shopify Theme Store
Themeforest
Templatemonster
Egna idéer, funktioner samt unikt utseende - Webbutveckling
Genom att använda ett tema behöver man i princip aldrig kunna något om utveckling för att få till en snygg sida. Dock så finns möjligheten i Shopify att i ganska stor utsträckning fritt programmera sidan precis så som man vill ha den. Det går även att integrera helt egna applikationer med ett admin gränssnitt i Shopify om man så vill.
Självklart finns det dock vissa begränsningar, dels kan man inte exakt bestämma hur check-out processen går till, denna är låst för att kunna garantera en hög säkerhet.
Priser
Shopify har en månadskostnad på $29 till $179 till detta tillkommer en procent på transaktionen mellan 2% till 0.5% beroende på vilken fast månadsavgift man föredrar. Till den kostnaden får man i gengäld en säker, snabb lösning med teknisk support inkluderad samt att man inte behöver bekymra sig för driften av systemet. Man slipper själv tänka på att uppdatera plattformen, se till att säkerheten hålls aktuell, säkerhetskopior på databasen och så vidare.
Lagstiftning
Tidigare har det varit svårare att få lösningen att fungera bra för Europeiska e-handlare eftersom den varit anpassad för den Amerikanska marknaden. Men idag, när EU har lagt fram sina gemensamma riktlinjer för e-handel har Shopify EU-anpassat hela lösningen så att Europeiska handlare kan följa dom lagar och riktlinjer som finns stadgade.
Att få betalt - Betaltjänster kopplade till Shopify
För att få ut pengarna till sitt bankkonto behöver man välja och koppla på en betaltjänst. Det finns en del olika att välja på så när man väljer är det bra att höra av sig till de betallösningar som man är intresserad av och fråga hur det fungerar med den bank man har och vad som krävs för att komma igång med tjänsten. Vidare är det, självklart, bra att jämföra prissättningen. De tjänster som är absolut enklast att komma igång med är PayPal och Stripe. OBS prissättningen kan vara ändrad, därför är länken till prislistan ofta inkluderad. Samt att Shopify kan gjort ändringar till betalkanaler: Den mest uppdaterade listan på betalkanaler från Sverige finns här.
Paypal - Super enkel att integrera och börja använda, kunder kan handla med bankkort också men det är inte lika direkt som om man har installerat andra betalvägar. I Sverige är inte detta en vanlig betalväg men i UK är det den tredje vanligaste betalvägen.
Stripe - Superenkel att komma igång med för att kunna ta emot betalkort. Priserna är konkurrenskraftiga också, prislista.
Braintree - integrerade med Paypal. De första 350.000 Kr är utan transaktionsavgift, därefter 2.9% + 2,65 Kr per transaktion (prislista finns här). Pengarna man får in går in på sitt Paypal konto, från detta konto ska man gratis kunna föra över till sitt svenska bankkonton.
Paymill - Dessa kräver en ganska rigorös administrativ uppsättning. Prislista finns här.
ePay - Danskt företag vilket kan vara en fördel om man har en bank i Sverige. Finns en shopify-manual här. ePay har en månadskostnad från 150 till 250 Kr samt att det tillkommer 1 - 2 Kr per betalning samt en etableringsavgift, den senaste prislistan borde finnas här. Har man ett svenskt företagskonto är det värt att notera att man behöver en omväg i installationen för att fungera med 3d-secure. Man kan då inte koppla på andra betalvägar så som Paypal genom Shopify direkt, däremot kan man göra detta genom ePay.
2Checkout - Pris för transaktioner.
Cybersource - Mot "small business"-kunder har de Auhorize.net som produkt. Denna har både månadsavgift + procent (ungefär samma prisläge som Braintree och Paymill men med månadsavgiften blir det högre kostnader). Priser här.
Worldpay - luddiga på sin sida med information om hur det fungerar samt prissättning man behöver kontakta dem för att få veta mer, vilket tyder på att de kanske inte har konkurrenskraftiga priser för mindre handlare.
Shopify innebär som sagt att man på ett enkelt sätt kan bedriva e-handel och vi bedömer att man kommer att klara sig utmärkt med deras lösning i många år framöver.
Det finns en del saker att tänka på när man ska sätta upp en webshop. Ett av de största besluten att ta är vilket system man ska använda. Det finns en mängd att välja mellan, alla med olika fördelar och det kan vara bra att bolla detta med en webutvecklare, speciellt om man tänkt anlita en för utvecklandet.
De snabba råden är:
Testa olika lösningar (finns en lista längre ner)
Prata med en webbutvecklare, i alla fall om det viktigaste: säkerhet.
Håll koll på det juridiska.
Hitta system att använda - Testa, testa, testa
Du kommer, förhoppningsvis, att jobba mycket i systemet så det första att ta reda på är hur det känns. Detta kan man göra genom att testa prova på demos, ibland kan man skriva upp sig på produkt-siter eller så ligger de uppe på nätet. Det finns många system som man kan lära sig men som känns svåra från början. Om du inte har en budget för att få support är ett tips att välja ett system som känns lätt från början, på det sättet kommer du kunna göra ändringar själv utan att det kommer att påverka företagets ekonomi. Läs också om vad de har för säkerhet.
5 exempel på vanliga webbshopps-lösningar som används i Sverige idag:
Shopify - En helhetslösning där drift ligger på säkra och snabba servrar som är lätt att komma igång med.
Magento (används ofta ihop med wordpress). Här finns en demo på hur Magento fungerar - Magento demo admin
Tictail - Ett gratis system som är super enkelt att komma igång med. Om man snabbt vill få en känsla för hur bra ens produkter fungerar på marknaden är detta ett mycket bra alternativ.
Sitoo - Svenskt system som kombinerat kassaregister med webbshop.
Opencart - En open source plattform som är gratis att bygga i.
Certifieringar, Säkerhet och Lagar
Under ett långt tag har webbshoppar varit befriade från många lagar och regler kring hur det ska fungera, detta håller på att förändras, speciellt med EU-direktiven som kom i somras.
Lagar och skatteregler - Det kommer mer och mer lagstiftning kring webbutiker, både när det kommer till konsumentskydd samt handikappstillgänglighet och detta är faktorer som behöver tas hänsyn till så att du slipper problem längre fram.
Gemensamma EU-direktiv kring konsumenträtt
Skatteverkets samling för mervärdesskatt
Tröskelvärden för produktförsäljning till andra EU-länder, Del II s. 1384
Skatteverkets dokument om skattelagar för digitala produkter och MOSS
EU-dokument angående skattelagar på elektroniska tjänster
Säkerhet - eftersom en webbutik kommer att både ta betalt samt handskas med personuppgifter är det viktigt att säkerheten håller en bra standard. Detta är definitivt något som behöver ses över. Detta kan också vara något som kommer att ställas högre krav på under året som kommer då den nya EU-lagstiftningen kommer i kraft.
Certifieringar - En certifiering kan ge ett större förtroende till kunden att handla från er butik. Detta kan vara en stor fördel om den kundgrupp som man vänder sig redan är orolig för att handla i en e-butik. Om man bestämt sig för att använda sig av en certifiering behöver man ta med detta i början av ett samarbete med en webbyrå. Om man inte tänkt certifiera sig är checklistorna som certifierings-företagen jobbar bra att titta på för att få med det som är viktigt för kunden.
De två största i Sverige är dessa två:
Trygg e-handel
Certifierad e-handel
Webutvecklare
För att slippa falla i alla de fallgropar som finns när man bygger upp webbutiker kan det vara en idé att jobba med någon som arbetar professionellt med webb. Detta kan du spara både tid och pengar på, även om det till en början kan kännas som en stor kostnad. Priser på detta kan variera men i Sverige kostar en erfaren utvecklare mellan 700 - 900 Kr/timme, vilket kan låta dyrt men som kan löna sig i slutändan eftersom man kan undvika många av fallgroparna.
Kolla på portfolion - är det ungefär det du vill ha?
Känner du ett förtroende för personen/företaget?
Vår rekommendation - Shopify
För att få upp en webbutik snabbt gillar vi att jobba med Shopify. Detta främst av tre skäl:
Enkelt gränssnitt att jobba med, detta är också sant även om man inte är så teknisk som det brukar heta. Bästa sättet att kolla detta är att skapa ett testkonto och testa, för detta är så klart en smaksak.
Säkerheten - När man använder Shopify får man säkerheten på köpet, man behöver inte oroa sig för SSL-certifikat till exempel. De är PCI DSS (Payment Card Industry Data Security Standard) compliant, man kan läsa mer om det här.
Snabba servrar - Nu när mobil handel står för närmare 50% av alla köp är det viktigt att sidan går snabbt att ladda upp eftersom man tappar besökare vilket i sin tur betyder att man tappar kunder.
Du får gärna be oss om att sätta upp ett testkonto så att du kommer igång.
Roland Persson works with both national and international clients and excels at planning composition and lighting ahead to keep retouch to a bare minimum. With food, Interior and Stillife in focus.
Restful Design really cares about your business being successful, not just their own. They go above and beyond to help you. And takes initiative and are creative, natural problem solvers. It's like you have a new team member, working towards the same goal. I cannot recommend Restful Design highly enough and I am so happy I found them
Av många skäl är det bra om hemsidan delas på sociala media, det mest uppenbara skälet är för att få mer personer att gå in på hemsidan. Och när sidan länkas på sociala media är det bra om det finns en bra bild och text till länken. För att få hemsidan att se bra ut när den delas på nätet, med bild och passande text behöver man lägga in meta taggar specifika för olika sociala media samt se till att det finns bilder i rätt format.
Meta-taggar
För att låta de olika sociala media veta vad som ska visas hos dem behöver man använda meta-taggar. Denna artikel sammanfattar väldigt bra hur man får till det rent tekniskt - Must-Have Social Meta Tags for Twitter, Google+, Facebook and More. Det går också att programmera in hur man vill att de olika sociala media använder bilderna från ens hemsida, man kanske till exempel vill att en viss specifik bild visas alltid för kontakt sidan medan för bloggen vill man att det är bilden från blogg-posten som visas.
Bilder
Om man vill slippa undan så enkelt som möjligt gör man en fyrkantig bild som har text centrerat i mitten men lämnar ett utrymme både ovanför, under samt på sidorna, denna storlek brukar funka på det mesta eftersom det finns ett utrymme att beskära den från alla håll utan att den se dålig ut. Men vill man optimera bild storlekar specifikt för olika sociala media finns här en guide till Facebook, Twitter, Instagram, Pinterest – Complete Social Media Image Size Guide [INFOGRAPHIC]
Resurser
Twitter - Du behöver logga in till twitter för att kunna registrera sidan och få meta-taggarna godkända.
Facebook - Testa vilka taggar som finns och hur sidan visas.
OBS, ibland kan det ta ett tag innan alla taggar är uppdaterade så om du inte kan förstå varför det inte är rätt bilder och texter som visas när du testar kan det handla om att du behöver vänta ett dygn.
Vart och hur man ska bygga upp sidan är den första surdegen att ta sig förbi. Och ett stort första beslut att ta när man bygger upp hemsidan. Vi vill självklart ha alla möjligheter men så enkelt som möjligt utan att behöva lära sig speciellt mycket. Det finns en hel del där ute att välja på, här kommer en lista.
Enkla system, kräver inga kunskaper i kodning och man behöver inte lära sig mycket.
Genom att välja ett system som är styrt från början får man inte lika många valmöjligheter men man vinner tid på att inte behöva lära sig ett system. Nackdelen kan vara att man inte kan växa i sidan eller anpassa det till individuella behov.
Snowfire - Ett svenskt företag och lätt att komma igång men man är rätt styrd av vad systemet klarar av. Ett stort plus är att en hel del, så som nyhetsbrev och e-handelslösningar är integrerade med systemet.
Squarespace - En bra applikation om man har en restaurang eller ett företag som jobbar med visuella produkter. Om man vill använda denna applikation skulle jag ge rådet att satsa på professionella fotografier eftersom mallarna/teman bygger mycket på bilder. Det krävs lite tankekraft för att förstå vad man gör vart, men man kommer igång snabbt.
Hemsida24 - Har nya mallar och gör det enkelt att bygga strukturen på sidan inuti systemet med många val på hur sidan kan se ut. Har också en stor hjälp sektion på svenska.
Mer komplexa CMS (content management systems)
Det finns många olika system därute att välja bland när det kommer till att bygga och underhålla sin hemsida. Ett problem med dessa är att det kan ta väldigt mycket tid att lära sig systemet samt att man ofta behöver kunna en hel del kodande, men det kan löna sig på lång sikt. Men som en grundregel skulle jag säga att dessa lösningar passar bäst om man har tänk att lägga mycket resurser på sidan antingen i form av pengar eller tid. Här finns ett par listor på CMS system.
50 CMS Alternatives to WordPress
Top 12 Free Content Management Systems (CMS)
Skriv koden själv
Genom att skriva html och css-koden från grunden kan man bestämma precis hur man vill att den ska fungera. En stor nackdel kan vara att man inte kan standarderna och därför gör "fel" eller använder kod som inte fungerar med alla aspeketer. En nackdel kan vara att du inte har ett automatiskt sätt att lägga upp en ny blogpost i ett system, men det ger också en fördel, du kan integrera det mesta in i hemsidan. Med det sagt så finns det fördelar. Du har fullständig kontroll över din sida, samt att du kommer att lära dig mer och mer. Alla webdesigners kommer också att kunna hjälpa dig med sidan. Den kommer också kunna integreras på alla nästan sätt och bakas om hur som helst.
Layoutit - Om du vill få en bra grund att jobba med och snabbt göra en struktur som också är responsiv är layoutit ett bra verktyg. Denna bygger en väldigt enkel struktur som du sedan kan jobba med och styla som du vill med CSS.
Gumroad - Ett lite annorlunda sätt att koppla på en webbshop, detta kan vara ett bra sätt om man har få produkter, utan att behöva oroa sig för integreringen, den funkar med det mesta.
RebelMouse - Ett sätt att integrera alla sina flöden till en hemsida som man bygger själv, detta betyder att du uppdaterar din sida varje gång du twittrar eller gör ett inlägg på facebook.
Hur ska du veta vad du ska välja?
Förstudier
- Bestäm vilken grund-typ av CMS du vill ha, hur mycket vill du lära dig? Hur mycket hjälp vill du kunna få från någon som jobbar inom webb? Hur ser supporten ut (svenska/engelska)?
- Titta på vad för typ av sidor som kan göras med systemet du överväger och hur de ser ut live, alltså försök att hitta exempel som finns uppe på nätet.
- Kolla så att den funktionalitet (tex som en webbshop) du behöver tidigt kan kopplas på.
Testa
Ofta är det helt gratis att logga in och testa i en månad. Ta en dag och testa 2-3 stycken olika som du tycker verkar lovande.
Bestäm
Ofta när man testat ett system så vet man om man gillar det eller inte, inget är perfekt och man lär sig att använda det med tiden. Jag tror också att det är så att man inte kan undvika att kanske behöva börja om vid något tillfälle, men det är förmodligen bättre så än att man aldrig vågar börja.
Att testa sin hemsida i tester kan ge information om hur väl den fungerar. Det kan dock vara lite svårt att göra något åt saken om man inte är tekniskt så kunnig, men ger en lite mer kött på benen speciellt om man behöver prata med webb-utvecklaren. Här nedanför finns en del tester att använda om man vill få ett bättre hum om sidan.
Uppladdningssnabbhet - detta är speciellt viktigt för mobilbesökaren
WebPagetest - tittar i första hand på hur snabbt sidan laddar.
W3C mobil - testar hur snabbt sidan fungerar på mobiler.
Utseende - Kontrollera att den ser likadan ut i olika apparater och webläsare
Browsershots - för att se hur hemsidan ser ut i olika browserfönster.
W3C CSS - testar hur bra CSS (styling) koden är skriven.
Am I Responsive? - Hur sidan ser ut på olika prylar.
SEO - sökmotors optimering
Google structured data - Testar om din sida är bra skriven med information till sökmotorerna.
Quick Sprout - skäl till varför du inte får mer trafik.
Tillgänglighet - speciellt mot synskadade
Check My Colours - Kollar om dina färger fungerar ur tillgänglighets perspektiv.
IDI web accessibility - tillgänglighet, hur bra den fungerar för tex synskadade.
W3C html - testar hur bra html koden är, detta handlar inte bara om tillgänglighet utan också ett test för att se till att det inte finns några fel på sidan.
Säkerhet
Sucuri SiteCheck - Säkerhetskoll på hemsidan.
Användar tester
UserTesting - testar din hemsida med riktiga människor, OBS detta är inte en gratistjänst utan koster en del pengar att använda, men har man till exempel en sida där man säljer mängder av produkter kan man vinna mycket på att man får andra personer att testa den så att man kan upptäcka problem.
Kommentarer
Det är inte alltid att man kan uppnå full pott på alla tester och det behöver inte vara meningen heller, beror på vad man väljer att prioritera.
Man har en företagshemsida för att göra livet lättare för sig och i en perfekt värld så sköter den 100% av marknadsföringen eller i alla fall en del av det. Det finns två viktiga delar för att uppnå drömläget:
Få besökare till sidan, behöver inte nödvändigtvis vara så många som möjligt utan bättre att de är de önskade besökare som tittar in.
Engagera de som kommer. Att besökare på sidan också använder de tjänster de behöver. Detta kan handla om att de köper en produkt men också så kan det handla om att de läser om produkterna och ämnen relaterade till detta.
Att få besökare till sidan
Om vi tittar på #1, att få besökare till sidan först. Detta kan göras på olika sätt:
Länkmarknadsföring
Du jobbar med att sprida din sida och ditt innehåll till kundgruppen. Detta kan man göra genom sociala media, annonser (Internet och direkt marknadsföring) och genom att skriva artiklar hos andra. Självklart kan ett nätverkande genom en personlig kontakt när man tex delar ut ett visitkort vara ett sätt.
En varning är att inte använda tjänster som sprider låg-kvalitets länkar eftersom google kan ge bestraffningar för dessa. Läs denna post om du vill veta mer om låg-kvalitetslänkar, vilket kan vara ett problem även om du inte använder tjänster för länk arbetet: How I Recovered From A Google Penguin Penalty - Case Study
Sökmotorer
Dvs se till att sökmotorsoptimera (SEO) hemsidan. Detta gör man rent tekniskt i koden och uppbyggnaden av hemsidan men också igenom att sprida sin sida/sidor med länkar. Hur länge besökare stannar på hemsidan påverkar också, om de flesta snabbt klickar vidare kommer du inte få en bra placering, så man vill inte ropa i onödan.
Konvertering
När man väl fått besökare till hemsidan vill man också att det ska få den informationen de var intresserade av samt att tjänsterna ska tilltala och ge upphov till handling. En av förutsättningarna är att man lockar till sig rätt kundgrupp, därför är inte alltid så mycket besökare som möjligt det viktigaste. Grundbultarna för detta är:
Bra och trovärdigt innehåll och produkter/tjänster som attraherar besökarna.
Detta är självklart något som inte kommer lätt och behöver itereras med den kundgrupp man riktar sig till. Också så kan det ta tid att hitta den kundgrupp man vänder sig till online, vilket gör att man får rätt besökare till hemsidan.
Lätt att använda sidan och gå till handling.
Om man är sugen på att läsa mer, slå till och köpa något, eller få ett nyhetsbrev så är det viktigt att det går smidigt till. Det kanske låter självklart men kan vara något som man lätt missar på vägen.
Länktips
Tekniska SEO tips - 13 Semantic Markup Tips For 2013: A Local SEO Checklist
När du köper SEO tjänster - How to Avoid SEO & Digital Marketing Scams
För SEO - Quicksprout tester och deras blogg
SEO-guide
Konvertering - Added Bytes - Ten Ways To Improve Your Website Conversion Rate
Konvertering - Added Bytes - Nine More Ways To Improve Your Website Conversion Rate
Konvertering - Pole Position Marketing - 10 Easy-Peasy Conversion Optimization Tips That Make Visitors Happy
Konvertering - Blog World - How to Improve Your Site Conversion: 10 Data Proven Tips
När man jobbar för webb har man inte samma möjlighet att välja fonter som i print. Det kan också vara svårt att få fonterna att se likadana ut på alla webbläsare, vilket gör att man får ett inkonsekvent utseende vilket kan vara frustrerande om man har en design idé där fonterna har en central plats.
Man har ett par möjligheter när det kommer till fonter:
Använda web-säkra fonter.
Lägga med font-filer eller länka till font-filer.
Göra bilder av text med många olika fonter.
Web-säkra fonter
Inget fel på standardfonter som sans-serif, serif, helvetica och arial och så vidare. En lista på webbfonter finns här och här listar man också de som är säkra att använda. Ofta behöver man ange en hel rad med närliggande fonter för att vara säker på att det kommer att fungera på alla webbläsare.
Lägga med font-filer eller länka till fonter
Ibland vill man ha ett speciellt utseende på sidan med det lilla extra och då är fonten en viktig del. Viktigt att tänka på när man väljer en font är att kolla så att fonten innehåller svenska bokstäver (eller de bokstäver som du kan tänkas behöva), annars kan du behöva tänka på att inte använda ord som innehåller å, ä, ö. Vidare tar font-filerna en del plats storleksmässigt när man laddar upp sidan, vilket gör att det är svårt att motivera att använda mer än en font på detta sätt, för att sidan inte ska bli alldeles för långsam att ladda upp.
Man kan lägga med fonter på samma sätt som man lägger med bilder, även om det krävs ett gäng olika format än så länge för att stödja så många olika webbläsare som möjligt. På både fontawesome och Font Squirrel finns exempel på hur man får in fonterna i hemsidan. Genom font squirrel kan man också generera alla olika format som behövs (eot, svg, ttf, osv) genom: Webfont Generator. CSS-tricks har en bra CSS-kod att inkludera: Using @font-face. Eller en längre blogpost från Themeforest: How to Achieve Cross-Browser @font-face Support. Google fonter är lite annorlunda dock, mer info om det finns på googles sida angående det!
Här kan du hitta fonter:
Font Squirrel och Fonts2u listar en hel del fonter som är gratis att använda.
Google fonter gör det möjligt att länka till fonter utan att själv behöva oroa sig om filerna.
Eller till exempel sidor som denna: 50+ Black, Heavy and Extra Bold Fonts for Logos And Headlines, längst ner i posten finns också länkar till flera relaterade artiklar.
Bilder av text
Ett sätt att komma runt det begränsade antalet fonter man vill använda är att göra bilder av text, då har man möjligheten att använda många utvalda fonter utan att behöva ladda upp dem och förlora i uppladdningstid. Detta är ju dock inte ett alternativ i fall fonten behöver användas på många olika ställen.
Specialare
Det går att använda fonter som ikoner på sidan, Fontawesome har en bra samling ikoner som en font. Inte att glömma är dock de unicode symbolerna som finns, läs mer på wikipedia.
OpenDyslexic har skapat en font som ska fungera bättre att läsa för dem som har dyslexi och kanske för många av oss andra också.
Låt säga att man behöver en hemsida. Låt säga att man inte har så mycket pengar. Låt säga att man inte har så mycket koll på det tekniska. Låt säga att man inte har så mycket tid. Hur kan man ändå få en bra digital närvaro?
Behöver du en hemsida?
Ställ dig frågan om du verkligen behöver en hemsida till att börja med. Beroende på vad du har för företag kan det räcka med att lägga upp företagssidor på sociala media. Den klara fördelen med detta är att du kommer igång med det snabbt innan du kommit igång med företaget. Nackdelen är att alla inte använder sociala media och att du inte kan använda eget domän namn.
Vad är huvudsaken med sidan?
Vad har du för typ av företag? Hur vill du att din digitala närvaro ska framställa dig och ditt företag? Vad vill du förmedla? Vill du använda en blogg som central del? Handlar det om ren produktförsäljning genom nätet? Handlar det om ett varumärkes byggande behöver man ge information och tjänster och produkter. Genom att veta detta, vet du också vart du ska lägga krutet.
Hur ska du bygga sidan?
Bygga sidan själv.
Genom att själv sätta upp sidan har man full koll på vad som är gjort och kommer förmodligen också kunna göra ändringar själv. Nackdelen är att det kan ta lång tid att få klart sidan och att man inte får den så snygg som man ville ha den samt att man inte har koll på de fallgropar som finns.
- Det finns många tjänster där man bygger sidan med ett lättarbetat visuellt verktyg så som wix, loopias sitebuilder eller hemsida24. Nackdelen med dessa kan vara att sidan inte håller en bra kvalitet i uppbyggnaden, tex brukar sidor från wix vara mycket långsamma. Fördelen är självklart att du har full kontroll på ändringar på sidan.
- Alternativt kan man använda en mall (också kallat tema, eng - templates) som man installerar i andra typer av CMS, så som wordpress eller shopify. Fördelen med att använda en mall för att bygga upp sidan är att man har en bra grund att jobba ifrån men om det finns mindre saker att fixa till så har man inte samma möjlighet att göra detta om man inte har kunskapen att göra det så det gäller att tänka till på vilken typ av innehåll man vill använda innan man installerar temat.
Få hjälp med att bygga.
Det finns självklara fördelar att jobba med professionella webdesigners och har man budget för det och har ett behov av det är det en bra idé att åtminstone kolla med firmor om det skulle kunna vara intresserade. Men att börja själv kan vara en bra idé hursomhelst eftersom man får planeringen gjord först.
Länkar
Sociala media - 10 Steps to Getting Started in Social Media Marketing
Gratis mallar/templates - Free Website Templates
En av de största sajterna för mallar (themes/templeates) - Themeforest
Spara tid och pengar - Samla ihop innehållet samt Planera hemsidan först
Oavsett om du gör sidan själv eller tar hjälp av en webfirma är det bra att tänka igenom vilket innehåll samt hur man vill att hemsidan fungerar samt ser ut i grova drag innan man sätter igång eller begär offerer. I fallet då man jobbar med en firma är avvägningen hur mycket man vill planera själv och vad man vill lämna över till firman så klart olika och det kan vara bra att ha med en webfirma i en del av planeringen eftersom de helt säkert sitter på mycket erfarenhet. Även om det också finns lägen där man som kund vet precis vad man vill ha och har tänkt igenom allt själv.
Look and feel - Samla på dig exempel
Ofta kan man veta ungefär vad man vill ha men det kan vara svårt att förmedla i ord. Att hitta exempel som finns ute på nätet är ett utmärkt sätt att förklara ungefär vad man menar. Vill man titta igenom många olika sidor kan det vara en idé att kolla igenom de mallar som man kan köpa på till exempel ThemeForest. Utifrån de exempel man hittar kan man sedan välja ut de delar man gillar innan man börjar bygga.
Funktionen - Gör en prototyp
Innan man börjar bygga är det bra att veta vad man ska bygga. Detta är sant oavsett om man bygger en hemsida själv eller om man får hjälp från en webfirma. Vissa saker kommer kanske att utvecklas under vägens gång men att ha bestämt en grundstruktur är en stor fördel. Detta kan dock vara något som man vill lämna till en webfirma som har vanan av att arbeta med att bygga upp strukturen.
Rita upp det du har tänkt. Detta kan man göra på papper eller i ett ritprogram, beror på vad som är det viktiga. Om strukturen på sidan är det viktiga kan papper och penna vara enklare om det däremot handlar om färgsättning och layout är ett ritprogram bättre. Ett sätt att få till hur navigeringen upplevs är att använda inVision.
Använd ett verktyg - Det finns en del verktyg som man kan bygga hemsidor i utan att kunna något om webb-utveckling, hemsidorna som man kan bygga med dessa kan ha sina begränsningar, även om de fungerar helt ok. Exempel på detta är Wix och Hemsida24. Men man kan också tänka att man gör en prototyp i ett gränssnitt som dessa som webfirman sedan kan titta på för att få en känsla för innehållet, men att det sedan kan bygga om den helt från grunden. Har du redan en hemsida sedan tidigare kan detta vara en bra resurs att använda för webfirman, även om ni ska göra stora förändringar.
Innehållet - Smidiga verktyg för att jobba och samarbeta med texter
Ett smidigt skrivverktyg kan underlätta mycket, för att slippa problem med snuttar som försvinner i email, problem med korrupta word-filer eller versioner som går omlott.
Draft.in är ett avskalat sätt att skriva och dela dokument, det är i princip gratis också, även om tillverkaren gärna vill få en blygsam summa pengar för att fortsätta att utveckla detta.
Gather Content, är speciellt utvecklat för att jobba med innehållet till hemsidor. Gather Content kostar dock $49 i månaden, men här kan du samla allt från texter till rubriker och bilder. Detta är ett utmärkt sätt att få en överblick på innehållet.
Evernote kan också vara värt att titta på för den som vill kunna använda mobilen eller paddan och alltid ha med sig sina anteckningar.
Checklista på innehållet
Att åtminstone samla ihop innehållet till hemsidan är en bra grund. Här kommer en lista på de 6 mest väsentliga delarna:
Information om företaget: t.ex. logga, beskrivning, företagsnamn och om oss sida.
Beskrivningar av Produkter/Tjänster
Referenser
Kontaktuppgifter och länkar till sociala media där ni är aktiva
Uppmaning till handling, vad de ska göra om det är intresserade av att veta mer / köpa / interagera - beror lite på vad meningen med hemsidan är.
Bilder - på produkter, tjänster eller för att ge en speciell känsla.
Illustratörer, fotografer och grafiska formgivare, och många fler har en stor fördel av att ha en portfolio online som potentiella kunder kan besöka. För detta kan det räcka med en onlinetjänst som gör det den ska så att man slipper tänka på webutveckling, om man inte vill det. Här nedanför kommer tre webtjänster som löser problemet med en portfolio. Samt ett par till alternativ.
Carbonmade - Enkel att börja använda och är gratis för ett enkelt konto.
4ormat - Den kostar $7 i månaden (vilket är billigt om man jämför med vad ett webbhotell kan kosta i månaden) och har många möjligheter. En nackdel kan vara att det tar ett tag att lära sig hur det funkar samt att det var ett litet tråkigt system när man väl kom in i det. Det stora plusset med denna tjänst var att sidorna som man kan göra med detta verkligen ser tilltalande ut.
CargoCollective - En publicerings plattform som kostar ett par hundra i månaden, men finns också gratis konton. Finns en del templates (mallar) helt gratis att använda.
Till 4ormat och CargoCollective kan man bygga ett tema för att få en unik känsla på sidan, men det finns också teman att använda för att komma igång snabbt och kostnadseffektivt.
Tumblr-portfolio-blogg
Om man hittar ett tema (sök på themes + tumblr + portfolio till exempel) kan man använda bloggen som en snygg portfolio. Den kommer samtidigt att vara enkel att uppdatera och lägga upp nya bilder i. Det finns inga kostnader med en tumblr blogg och man kan använda sitt egna domännamn.
Facebook-sida
På facebook kan man göra en företagssida och lägga upp sina verk. Detta kan fungera bra som man vänder sig till privatpersoner eftersom Facebook används mest at privat personer. En nackdel kan vara att man inte kan koppla ett eget domännamn till sin sida samt att den inte går att anpassa stilmässigt.
Bilder är viktigt, och inte minst på en hemsida eftersom vi snabbt kan förmedla en känsla. En bra investering kan vara att anställa en fotograf för en företagsfotografering av sina produkter eller sig själv och sina anställda/medarbetare. Det finns också mycket resurser på nätet och här nedanför listas en hel del tjänster som underlättar att hitta bilder eller jobba med bilder.
Hitta bilder
Det finns en hel del bildbanker med bilder att köpa eller som är helt gratis, viktigt är att kolla hur det är med upphovsrätten.
Länkar till bildbanker:
morgueFile och picjumbo har mycket gratis bilder.
Thinkstock och svenska Matton bättre om man vill ha flera bilder.
Äldre bilder, ofta utan upphovsrätt från Digitalt Museum samt New Old Stock.
Gratis "ritade" bilder finns att ladda ner på freepik och på openclipart.
Subtle patterns har, som de heter, diskreta mönster.
Fixa till produktbilder
Om man har en webbshop kan produktfoton vara av största vikt o självklart så kan man anlita en väldigt bra fotograf som hjälper en, men ibland behöver man vara lite mer frugal och lösa saker ändå... En enkel tjänst för att fixa till produktfoton är Clipping Magic. Det kostar för att ladda ner sina bilder, men är gratis att jobba på bilderna, så man kan enkelt testa hur det blir innan man behöver investera i tjänsten, som ju är billig hursomhelst. Här har jag testat tjänsten på en burk Honung med Citron-smak från BeeGott.
Startbild:
En snabb markering av produkt respektive bakgrund samt påläggning av en skugga:
Resultatet, efter ett par minuters hårt arbete:
Roligt
Finns ju också en del saker som gör det lilla extra:
Gifpal - gratisverktyg för att göra rörliga gifs.
Egen favicon - Skapa ikonen som visas längst upp i adressfältet.
Gör streckkoder att använda med mobilen (tex till visitkortet) - Barcode generator.
Att tänka på
Kom ihåg att alltid kolla copyright villkoren så att ni använder andras bilder på rätt sätt.
Färgscheman
Något som går hand i hand med bilderna på sidan är färgschemat. För att få inspiration till detta finns ColorScheme Gallery.
baratheonpilled
jacobvanloon
gummygunk
kianamaiart