Bertilssons VVS
Min roll
Webbdesigner
Webbutvecklare
Underhåll
Verktyg
WordPress
Uppdrag
Skapande av ny hemsida åt VVS-företag i Laholm.

Kundens behov
Kundens främsta önskemål med hemsidans funktioner var att det ska vara enkelt för kunder att kontakta företaget med frågor eller offertförfrågan. Ytterligare önskemål var att det skulle finnas information om vilka områden företaget utför tjänster inom.

Dialog med kunden
När kunden tog kontakt med mig berättade han att företaget var nystartat och ville ut och synas på marknaden. Därför ville kunden ha en professionell hemsida som motsvarar företagets kvalité på deras tjänster.


Referensprojekt
Inom VVS-branschen räcker det ofta inte att berätta för potentiella kunder om företagets kvalifikationer. Därför gav jag som förslag till kunden att hemsidan borde även ha sidor som visar referensprojekt. På så sätt kan besökare på hemsidan se företagets tidigare arbete, och därmed få en bild av vilken kvalité man kan förvänta sig.

Mina tankar
För att uppfylla kundens önskemål gav jag förslag på att skapa lättillgängligt kontaktformulär, så kunder kan maila direkt från hemsidan. Jag hjälpte även kunden att skapa en anpassad e-postadress för företaget.


Dialog med kunden
När kunden tog kontakt med mig berättade han att företaget var nystartat och ville ut och synas på marknaden. Därför ville kunden ha en professionell hemsida som motsvarar företagets kvalité på deras tjänster.
Kundens behov
Kundens främsta önskemål med hemsidans funktioner var att det ska vara enkelt för kunder att kontakta företaget med frågor eller offertförfrågan. Ytterligare önskemål var att det skulle finnas information om vilka områden företaget utför tjänster inom.

Mina tankar
För att uppfylla kundens önskemål gav jag förslag på att skapa lättillgängligt kontaktformulär, så kunder kan maila direkt från hemsidan. Jag hjälpte även kunden att skapa en anpassad e-postadress för företaget.
Referensprojekt
För att uppfylla kundens önskemål gav jag förslag på att skapa lättillgängligt kontaktformulär, så kunder kan maila direkt från hemsidan. Jag hjälpte även kunden att skapa en anpassad e-postadress för företaget.

Design
För att uppfylla kundens önskemål gav jag förslag på att skapa lättillgängligt kontaktformulär, så kunder kan maila direkt från hemsidan. Jag hjälpte även kunden att skapa en anpassad e-postadress för företaget.
Vidare arbete
För att uppfylla kundens önskemål gav jag förslag på att skapa lättillgängligt kontaktformulär, så kunder kan maila direkt från hemsidan. Jag hjälpte även kunden att skapa en anpassad e-postadress för företaget.

Vidare arbete
Sedan hemsidan levererades har mitt samarbete med Bertilssons VVS fortsatt. Jag underhåller sidan regelbundet för att se till att den är säkert och fungerar som den ska.

Design
Jag valde att gå på en stilren design för denna hemsidan, med mycket vitt och användande av företagets blåa färg. Resultatet blev ett fräscht utseende med tydlig information kompletterat med anpassade ikoner och fina bilder.


Responsiv Design.
Responsiv design innebär att en hemsida fungerar och ser lika bra ut oavsett vilken skärmstorlek som används. Alltså, använder man mobilen så ska hemsidans funktioner och utseende vara anpassad efter denna enhet. En besökare ska inte behöva zooma och ha sig för att kunna använda hemsidan.

Responsiv Design.
Responsiv design innebär att en hemsida fungerar och ser lika bra ut oavsett vilken skärmstorlek som används. Alltså, använder man mobilen så ska hemsidans funktioner och utseende vara anpassad efter denna enhet. En besökare ska inte behöva zooma och ha sig för att kunna använda hemsidan.

Huvudfokus under arbetet med att göra hemsidan responsiv lades på att fixa så att storleken på bilder passade in på både stora och små skärmar. Även var texterna skulle placeras, om de skulle vara före eller efter bilderna. När det kommer till mobila enheter är det vara vertikalt utrymme som gäller, till skillnad från datorer. Det gäller därför att hitta en balans med designen, var innehållet är och hur mycket besökaren måste scrolla.

För att öka användarvänligheten på mobilversionen ersattes den traditionella menyn som finns på datorversionen med en så kallad ”hamburgarmeny”. Det innebär att menyn visas efter att en knapp med tre vertikala streck klickas på av besökaren. Även vissa texter och rubriker flyttades för att ta hänsyn till den begränsade skärmytan.

Innehållet mellan de olika versionerna är mer eller mindre identiskt. Både när det kommer till bilder och text. Det enda som skiljer åt kan vara ordningen på innehållet. Det viktigaste var att funktionerna fungerar på de olika versionerna. Kontaktformulären är därför anpassade för att fungera på samma sätt och ser likadana ut.

Huvudfokus under arbetet med att göra hemsidan responsiv lades på att fixa så att storleken på bilder passade in på både stora och små skärmar. Även var texterna skulle placeras, om de skulle vara före eller efter bilderna. När det kommer till mobila enheter är det vara vertikalt utrymme som gäller, till skillnad från datorer. Det gäller därför att hitta en balans med designen, var innehållet är och hur mycket besökaren måste scrolla.

För att öka användarvänligheten på mobilversionen ersattes den traditionella menyn som finns på datorversionen med en så kallad ”hamburgarmeny”. Det innebär att menyn visas efter att en knapp med tre vertikala streck klickas på av besökaren. Även vissa texter och rubriker flyttades för att ta hänsyn till den begränsade skärmytan.

Innehållet mellan de olika versionerna är mer eller mindre identiskt. Både när det kommer till bilder och text. Det enda som skiljer åt kan vara ordningen på innehållet. Det viktigaste var att funktionerna fungerar på de olika versionerna. Kontaktformulären är därför anpassade för att fungera på samma sätt och ser likadana ut.