Webbdesign - webbutveckling

Snygga hemsidor med responsiv webbdesign

1. Analys och strategi

En bra analys skall ligga till grund för den nya hemsidan. Vi ställer ett antal frågor som kommer att ligga till grund för er webbsatsning. Frågor som: Vilket är syftet med hemsidan? Vilka är målgrupperna. Hur vill ni uppfattas? Vad ska webbplatsen innehålla? Och varför? Med en analys och klar strategi så kan vi utveckla er webbplats till något som ska generera ett värde för er.

2. Formgivning, design

En genomtänkt och användarvänlig design av webbplatsen skapar förtroende för ert företag. Det handlar inte enbart om snyggt eller fult utan hur ni vill att ni ska uppfattas. Form och funktion i samverkan gör att besöket på er webbplats känns enkelt och behagligt. Genom att använda responsive webbdesign så anpassar man sin hemsida för alla oavsett om besökaren använder en smartphone, surfplatta eller vanlig dator.

3. Teknik och webbutveckling

Era behov ska styra vilken teknik och plattform ni skall använda för er webbplats. För de flesta så brukar WordPress vara ett utmärkt publiceringssystem (CMS). Det är gratis och ett sk. open source (fri källkod). Fungerar utmärkt även för E-handel med vissa tillägg som Woocommerce. Vi kan även bygga er webbplats med ramverk som Twitter Bootstrap eller Foundation. Längre ner på denna sida så förklarar vi vad allt detta står för.

Responsiv Webbdesign

Nya tider kräver ny design

På svenska så brukar det heta responsiv eller anpassningsbar webbdesign. I praktiken innebär det att hemsidan/webbplatsen anpassar sig efter vad besökaren surfar med. Använder besökaren en mobiltelefon så skalas bilder ner till att passa den skärmen yta, kolumner med text läggs under varandra. På en datorskärm med en större yta så placeras material på ett annat sätt. Testa detta genom att minska webbläsarfönstret nu när du läser detta så ser du hur det fungerar.

Att ha sin webbplats responsiv innebär att du inte behöver skapa olika versioner av webbplatsen. Många skapar en mobilversion av sin hemsida och får då istället två olika versioner av sin webbplats vilket betyder att man måste uppdatera på två sajter istället för en. Det blir i längden både dyrare och mer tidskrävande. Alla webbplatser vi skapar innefattar responsive webbdesign.

Framtiden är här med HTML 5 och CSS3

Med nya standarder som HTML 5 och CSS 3 så är det idag mycket enklare och framförallt roligare att skapa webbplatser.

Äldre webbläsare som Internet Explorer version 6 används försvinnande lite idag och de moderna webbläsare som vi har på datorer som Chrome, Firefox, Safari, Internet Explorer och Opera har stöd till vissa delar av HTML5 och CSS3. Smartphones och surfplattor har ett utbrett stöd för den nya tekniken. HTML5 inkluderar tekniker för ljud, video, grafik och webbapplikationer, såväl som text och bild.

CSS står för Cascading Style Sheets och översätts till stilmall på svenska. Det är ett språk som beskriver presentationsstilen för ett strukturerat dokument som till exempel typsnitt, textstorlek och färg. HTML använder alltså css för att presentera text och bild på ett snyggt sätt. Man kan ha olika stilregler för olika enheter, exempelvis mobiltelefoner.

Publiceringssystem (CMS)

Publiceringssystem (Content Management System) är ett system där man enkelt och snabbt kan administrera och lägga ut hemsidor och information som bilder och text. De innehåller verktyg för användarroller för att enkelt ge olika roller till olika personer inom företaget. Ett ofta förekommande önskemål är att man önskar kunna uppdatera sin webbplats inom företaget. Då passar ett publiceringssystem mycket bra. Vi rekommenderar WordPress, just för att det är flexibelt och förhållandevis enkelt för kunden att lära sig. Det har även den fördelen att det är responsivt. Till WordPress finns det ett mycket stort antal teman och det gör det enklare att hitta formgivning och funktioner som passar.
Se inforuta

Design ramverk (Framework)

Ramverken för webbdesign är en gratis samling av verktyg för att skapa webbplatser och webbapplikationer. Samlingen innehåller HTML- och CSS-mallar för typografi, formulär, knappar, navigering och andra gränssnittskomponenter. Ramverken innehåller också CSS-mallar för responsiva sajter. Dessa ramverk passar väldigt bra för att skapa lanseringssajter, microsajter (t. ex. en ny produkt som skall lanseras på en egen sajt med egen domän). Vi använder det också när kunderna inte har behov av att uppdatera själva och man överlåter detta till oss. Vi arbetar med Twitter Bootstrap och Zurb Foundation.
Se inforuta

Vill du se fler snygga hemsidor?

Under portfolio hittar ni fler webbprojekt

Snabbkontakt

Använd gärna formuläret så kontaktar vi er. Senast inom 24 timmar.
Eller ring: 070-730 67 67

Begär offert

Önskar ni få en offert på webbdesigntjänster?