[ På svenska ]

Webbdesign

Jag jobbar som frilanskonsult med webbdesign, information och illustration - i första hand "visual design" och "front end development" - och kan tillföra kompetens och erfarenhet till de flesta webbprojekt. Kontakta mig om du har projekt där min erfarenhet skulle vara värdefull. Jag arbetar bland annat med:

  • Användarorienterad informationsarkitektur - bygger webbgränssnitt, navigationssystem och formatmallar med web standards för att underlätta för besökarna att ta del av informationen på sajten.Design med fokus på kunder och besökare är inte bara hänsynsfullt, det är framtidssäkert och affärsmässigt rätt
  • Uppfräschning av webbsajter - konverterar gammal kod till CSS/XHTML när det är dags att modernisera webbsajten.
  • Optimera kod och formatmallar - jobbar med att förenkla och strukturera sajtens kod för att spara bandbredd, serverutrymme, pengar och för att förenkla uppdatering.
  • Konsultation - illustration, text, gränssnittsstrategi, design, layout, CSS och XHTML.
  • Textredigering mm - text på en skärm läses på annat sätt än tryckt text. Låt inte olämplig struktur, komplicerat fackspråk, fel stilnivå mm skrämma bort de tilltänkta användarna.
  • Illustrationer - konsultation kring bildanvändning liksom rena illustrationsuppdrag och alla former av bildredigering.

Web Standards

Jag använder web standards både för design och implementering av sajter - korrekt, välstrukturerad kod som fungerar perfekt på alla moderna webbläsare och är fullt användbar på gamla. Web standards är ett gräsrotsprojekt som vuxit fram i protest mot den förödande kodförvirring som uppstod i konkurrensen mellan de stora marknadsaktörerna under 90-talet - och innebär flera klara fördelar:

  • Radikalt minskad bandbredd och serverutrymme
  • Förbättrad användarvänlighet i webbläsare av alla sorter (även sådana för människor med funktionshinder) - nå fler människor, utestäng färre
  • Innehåll och presentation är skilda åt för bättre överskådlighet
  • Enklare att uppdatera och förändra
  • Snabbare inläsning av text och bilder
  • Lägre kostnader i alla led

Några tekniker jag använder:

  • HTML / XHTML / PHP för innehåll
  • CSS för presentation
  • Unobtrusive scripting (Java, Ecma, DOM) för behavior

Filosofi

Internet är oändligt stort och i ständigt förändring. Se till att ditt budskap är läsvärt, lätttillgängligt och attraktivt presenterat. Förenkla så långt det går.

Några designprojekt under senaste åren.

Varbergs kulturdagar

Varbergs kulturdagar. Årligen återkommande kultur Dag∓Natt har ökats på med flera kulturdagar och en internationell SPA-konferens - och behövde därför en ny plats på nätet. Ett antal hårdkodade sidor, en dynamisk programsida med uppdatering via webbläsaren och deltagarregistrering för konferensdelen.

Fungera Friskvård

Fungera Friskvård. Ett hälsoföretag som arbetar inom fyra verksamhetsområden; rehabilitering, friskvård, läkarmottagning och företagsservice.

Haveriet

Haveriet. Haveriet är ett båtsnickeri med kajakbygge som specialitet. XHTML, CSS, accessibility och Webstandards.

Malmö Kanotklubb

Malmö Kanotklubbs sidor är en omarbetning och uppfräschning av en befintlig site som med tiden blivit alltmer vildvuxen. Den grafiska profilen stramades upp, navigationen förenklades samtidigt som innehållet svällde rejält i omfattning (för närvarande 725 sidor). Målet har varit en arkitektur som är lättanvänd, snabb, överskådlig och inbjudande, där primär information aldrig är längre bort än ett musklick men där mängder av mera esoterisk information finns för den som har tid och lust att följa länkar. En måttlig användning av DHTML och JavaScript erbjuder viss interaktivitet utan att inverka menligt på kompatibilitet och snabbhet.

När det efter några år var dags att uppdatera Sassas sida ville hon göra om den i grunden - innehåll och form helt åtskilda med XHTML och CSS, helt enligt Webbstandards och gällande accessibility-krav. Visuellt sparsmakad, överskådlig och lättnavigerad.

Sassas första sida innebar en helt utmaning. Här fanns inga stora informationsmängder utan istället krav på en smakfull presentation av olika aspekter av konstnärlig verksamhet - mycket färg och känsla. Lösningen blev bland annat att låta sidan öppna i fullscreen, utan störande verktygsfält och att använda delar av Sassas offentliga utsmyckningar som dekorelement i navigationsspalten.

Alfa Laval. GUI-design för ett intranetprojekt.

Winsider. Webbplats för ett programutvecklingsföretag.

Östenergi. Webbplats för ett energiföretag med inriktning på grön teknik.

KFUM Malmö Volleys hemsida byggdes från grunden som en del i en nysatsning efter några besvärliga år. Önskelistan var lång med delvis svårförenliga idéer men målet var liksom för kanotklubben enkelhet, snabbhet, överskådlighet och kompatibilitet. Den slutgiltiga arbetsmodellen innehåller även medlemssidor och inloggning med lösenord. Även den här hemsidan bygger huvudsakligen på HTML och bara enstaka effekter i DHTML, JavaScript och Java applets. Sidan gav också mycket utrymme för Photoshopjobb med grafikmontage.

...och så min egen sida som är en ständigt pågående försöksverksamhet i navigation, information och presentation. Hittills har jag gjort om den totalt ungefär en gång om året och fingrat på det mesta dessemellan. Förra versionen följde Web Standard, XHTML 1.0 strict, CSS 2.0, AAA, var byggd på PHP och de ofta uppdaterade sidorna sköttes från webbläsaren via ett skräddarsytt CMS (Content Management System).

Flitiga uppdateringar har lett till att besöksfrekvensen ökat från ca 400-500 till 1200-1500 unika besök per dag under åren efter uppdateringen, och bredden och kvaliteten till att det börjar dyka upp referenser i diskussionsforum långt utanför kärnområdet, i vetenskapliga artiklar och avhandlingar och till att sajten bland annat ingår som resurs i skolornas länkskafferi.

Några tidigare versioner: