Från förstudie till färdig hemsida

Webbproduktion – Processen

Här förklarar vi processen bakom webbproduktionen. Med mer kunskap kan du behålla kontrollen över ditt webbygge och hänga med i utvecklingsarbetet.

Förstudie
Varför en ordentlig förstudie är avgörande

Innan vi börjar med produktionen av din hemsida behöver vi veta syftet. Är målet att effektivisera era processer, generera försäljning eller leads? För att du ska bli nöjd med slutresultatet, måste vi först lära känna ditt företag och din målgrupp ordentligt. Förstudien innefattar en brief och en teknisk kravspecifikation.

För att förstå dina behov, börjar vi med att ställa viktiga frågor om ditt företag:

– Vilka är dina mål och visioner?
– Vilken är din målgrupp?
– Hur ska sidan kommunicera rent visuellt?
– Vilken budget behöver vi förhålla oss till?

All information samlas i briefen och är ett stöd i design- och programmeringsarbetet.

[Vill du gå ännu djupare rekommenderar vi en genomlysning av hela företagsidén. Här går vi igenom företaget ur ett kommunikativt perspektiv där vi pratar gränsöverskridande om branding, positionering, marknadsföring, försäljning och kommunikation mm.]

För att veta vad som behöver programmeras, hur lång tid det kommer att ta, vem som gör vad och när sidan kan publiceras behöver vi skapa en kravspecifikation.
– Vilket system ska webbplatsen byggas i?
– Hur stor ska sidan vara?
– Ska den omfatta E-handel?
– Vilken teknik ska implementeras för att nå dina mål?
– Ska det finnas integrationer med externa system? (T ex affärssystem, betalsystem, funktioner, kalender etc)
– Ska sidan ha fler än ett språk?
– Har du ett befintligt webbhotell eller behöver du ett nytt?
– Hur ska sidan fyllas med content? (Texter, bilder, filmer etc.)
– Färginställningar
– Grafiska element
– Vilken betal- och fraktlösning önskar du?
– Automatiseringar, hur kan sidan hjälpa dig att spara tid?
– Kopplingar till sökmotorer och sociala kanaler
– SEO, sidan är förberedd för bra sökmotoroptimering men hur mycket extra krut ska du lägga här? 
– Filtreringsfunktioner, kategoriseringar, etiketteringar
– Användarroller och kundloggin
– Vilka ”must have” och vilka ”want to have” har vi? Beroende på budget delar vi upp produktionen.

1
Förstudie
Grafisk profil
Hur visualiseras ert företag?

För att bygga en visuellt attraktiv hemsida behöver vi en grafisk profil att luta oss mot. Har du ingen grafisk profil kan vi ta fram en åt dig. Den grafiska profilen ska göras tillgänglig för alla som kommer i kontakt med varumärket. Den beskriver för medarbetare och externa samarbetspartners hur varumärket ska se ut och hanteras.

Med en grafisk profil säkerställer du att det löper en röd tråd genom kommunikationen, oavsett vilken plattform era kunder möter er på – det skapar både tydlighet och kostnadseffektivitet i marknadskommunikationen.

Har du en grafisk profil omfattar den även en styleguide, dvs den information och de element som vi behöver när vi bygger din webbplats.

Färger: Primära och sekundära färger som representerar varumärket.

Typsnitt: De fonter som används i all kommunikation.

Logotyp: Den symbol som identifierar företaget.

Grafiska element: Ikoner, mönster och andra visuella komponenter.

Visa mer

2
Grafisk profil
Webbdesign
Den tekniska magin

När vi har en klar bild av dina behov, går vi vidare till den tekniska biten. Vi börjar med att rita interaktiva skisser på utvalda sidor, t ex startsidan med meny och footer, undersida med innehåll, produktsida och exempel på ett formulär. Skisserna gör att du kan se hur din webbsida kommer att se ut innan vi börjar programmera. När du är nöjd med skisserna flyttar vi över dem till kod.  

Sen fortsätter arbetet med att utveckla sidan tills allt är klart. 

Det sista vi gör är att implementera alla externa integrationer. Sedan följer en utbildning där vi lär dig att hantera din sida själv. Vi går igenom alla moment som du behöver kunna utföra för att uppdatera innehåll, lägga in texter, produkter och nyheter etc. 

Därefter publiceras hemsidan.

Visa mer

3
Webbdesign
Google Ads & SEO
Livet efter publicering

Efter publicering följer livet efter webben. Bara för att sidan är lanserad betyder det inte att trafik drivs till den. Nu behöver den en boost med Google Ads och marknadsföring i alla relevanta kanaler för att dina kunder ska hitta dig.

Se mer om arbetet med Google Ads & SEO.

4
Google Ads & SEO
Sammanfattning
Resplanen för din nya hemsida

1. Förstudie med brief (alt. full genomlysning) och teknisk kravspecifikation

2. Skisser Vi visualiserar webbdesignen (från den grafiska profilen) i en dummy för att du ska kunna se och klicka runt, innan programmeringen startar.

3. Programmering Nu börjar arbetet med att bygga. (Med godkända designskisser går det snabbare att knacka kod.)

4. Skapa content Texter, bilder, film och produkter läggs in.

5. Publicering och användarutbildning Sidan går live och vi lär dig hantera den själv.

6. Livet efter publicering Nu påbörjas arbetet med att driva trafik till hemsidan, t ex genom digital marknadsföring på Google och i social kanaler.

Så, det är inte bara att trycka på en knapp som du märker. Men vi håller dig i handen hela vägen. Med rätt process kan vi skapa en hemsida som verkligen levererar och håller budgeten!

Vi ser fram emot att jobba långsiktigt med dig!

Visa mer

5
Sammanfattning

Här är några av kunderna vi samarbetar med

Golfboll

En kampanj i flera kanaler

Profilbollen Black Week

Elegant bar med stoppade stolar, hyllor med flaskor och glas, samt kranar för drycker under välvda taklampor.

Från kvarterspub till restaurang med ny stil, ny webb och ny röst

The Bulls – Halmstads Guldkorn

Vejbyhem, mamma med två barn sitter på en bänk

– ett finstämt fullserviceuppdrag

Vejbyhem

Trävilla med stora fönster, stensatt uteplats och pool i en grönskande trädgård. Blå himmel med moln.

Erfarenhet i ny kostym

Stonely

Ökad vinst för profilbollen genom marknadsföring via nyahetsbrev och på META

Ökade försäljningen med 254%

Fullt upp för Profilbollen efter lyckad kampanj

Bärbara datorer och surfplattor visar fastighetssidor för svenska marknaden på tyska.

Schweden Immobilien – Före och efter

schwedenimmobilien24.de

Illustration av militärfartyg med radarsystem. Infälld bild visar fartyget i rörelse på vatten.

Robotbåt 142 Ystad

Föreningen Svenska Robotbåtar

Center Syd Tandvård - hemsida av FredagMorgon Webbyrå

Tandvårdsklinik i Löddeköpinge

Center Syd Tandvård

Ung person med ljust hår i svartvitt bild mot rosa bakgrund, iklädd tröja och smycken, med handen mot hakan.

Johanna Majjgren

Senior Digital Strateg.

Hur kan jag hjälpa dig?