När jag får ett jobb att skapa en ny webbsida så utgår jag främst från befintlig logotype när jag väljer färger. Utseendet diskuterar jag med kunden huruvida de vill ha många sidor och undersidor etc och utifrån det bestämmer vi tillsammans hur själva layouten ska se ut. Ska det var mycket bilder? Ett bildgalleri kanske? Ska det var mycket information om produkter eller tjänster? Då kanske vi ska ha Tjänster i huvudmenyn och tjänsterna i undermenyer?

Så fort jag fått klart för mig vad kunden på ett ungefär vill ha så börjar jag skapa. Är det ren kodning så börjar jag med ett skal som håller hela sidan. Skalet fyller jag sen med något som brukar kallas containers. Sen fyller jag på tills jag har en färdig struktur för sidan. Medan jag jobbar lägger jag ramar runt allt så att jag enkelt ser vart jag  har alla olika attribut. Har jag inte fått all info jag behöver för att göra en sida klar fyller jag upp med text från Lorem Ipsum så att man ändå kan se hur sidan kommer att se ut när den är klar.

Jobbar jag utifrån ett CMS-system så letar jag först efter ett lämpligt tema (även kallat templates) som passar kundens verksamhet. När det är klart brukar jag göra en header (själva överskriften, huvudet på sidan) i Photoshop med kundens logotype i. Sen börjar jobbet med att fixa i css-filen så att färger och alla andra saker blir som jag har tänkt.

När jag har kommit en bit på väg brukar jag kontakta kunden för att stämma av så att vi är på samma spår. Kunden har då möjlighet att se på ett ungefär hur den färdiga webbplatsen kommer att se ut, komma med önskemål om tillägg och förändringar.

Sammanfattningsvis är det typen av verksamhet som avgör hur jag designar en sida. Färger bestäms i regel utifrån kundens logotyp och finns ingen logga så är det helt och hållet verksamheten som styr.

 

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *

*

Följande HTML-taggar och attribut är tillåtna: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>