Site icon Xponent

Specialistläkarnas nya webbplats


När Klinik4 behövde förnya sig grafisk fick Xponent ett uppdrag med flera komponenter. Skärholmens Ortopedmottagning, också kända som Klinik4, behövde inte bara en ny webbplats, utan också ett förnyat designprogram och nya trycksaker.


Arbetet med de olika komponenterna löpte i varandra, men utan ett designprogram ingen webbplats eller några flyers, därför började vi med designprogrammet. Man stod beredda att ge oss uppdraget att skapa en ny logotyp för Klinik4, men vi avrådde bestämt från detta. Den befintliga logotypen är fin, och är precis så lekfull som man kan tänka sig att vara i en så pass allvarlig bransch som sjukvården. Den snirkliga läkarormen (eller är det en ryggsiluett?) har en snygg orange färg, och vi insåg att man behöver ytterligare en färg för att kunna arbeta praktisk med formgivningen. Vi valde då att komplettera den med sin komplementfärg, den nästan petroleumblåa färgen i illustrationen ovan.

Typografin

Näst på tur var att bestämma hur vi villa arbeta med typografin, både på webben och i tryck. Vi valde att arbeta genomgående med Source Sans Pro, dels för att den är lättläst, men också för att den finns i många vikter. Just antalet vikter gör den enkel att använda både som rubrik och brödtext. Rubrikerna har vi valt att sätta på två olika sätt, en pinnigare i större grad som huvudrubrik och en mindre versal, utspärrad och fetare rubrik för nyhetsinlägg. Brödtext i en aning större grad än vanligt med ett bra radfall, detta för att de äldre patienterna enkelt ska kunna läsa informationen. Även bildtexterna har vi gett  en tydlig form och placering, där bildtexten under en högerställd bild är högerställd.

Ytterligare detalj som underlättar läsningen är att vi använder automatisk avstavning med tydliga regler uppsatta för hur ofta och när avstavningen skall ske. Det ger jämnare satsytor och vi slipper fula luckor som gör att flytet i läsningen störs. Vår idé med typografi är inte bara att välja ett lämpligt typsnitt, utan att lägga ner arbete på detaljerna för att göra informationen rättvisa.

För att kunna tryffera sidorna med lite grafisk typografi har vi skapat anfanger och (fejkade) feta kapitäler. I det tryckta materialet och i de mallar för Word och PowerPoint som vi skapat har vi använt samma typografi.

Grafisk stil

Klicka för förstoring

För både webbplats och trycksaker har vi tagit fram en grafisk stil med en böljande petroleumblå horisont för att förstärka lekfullheten. Till detta har vi ritat en siluett av Aston Forsbergs ”Vridande Moment”, ett av stockholmsregionens mest kända offentliga verk. Vridande Moment är placerat vid infarten till Skärholmen Centrum, ett stenkast från Klinik4.

Det hus där Klinik4 haft sin mottagning sedan start kallas Gula Huset, vi har även ritat en siluett av detta för att kunna använda i olika sammanhang. Den grafiska stilen fungerar både för webbplatsen, i utskick och i presentationer. Den spiller också över på klinikens sociala konton, allt för att ge en tydlig grafisk profil för Klinik4.

Knapparna på webbplatsen pryds av ikoner från Font Awesome. De är ofta små välgjorda illustrationer, men just illustrationen för läkare tyckte vi inte riktigt om. Vi ritade därför en ny i samma stil.

Webbplatsen

Med typgrafi och grafik klart började vi med att göra en genomgång av konkurrenternas webbplatser, både på hemmaplan och runt om i Sverige. Det resulterade i en fyrsidig utredning där vi redovisade hur vi anser att webbplatsen skall struktureras. Sedan byggde vi en testserver med WordPress, Genesis och SiteOrigin Page Builder.

Det enklaste sättet för oss i dag när vi skall etablera en grafisk profil på en webbplats är att utgå från vårt eget WordPress-tema Xponent Standard. Med temat installerat tog det oss inte lång tid att realisera den föreslagna designen.

Strukturen och innehållets uppgift var hela tiden tydlighet. Vad kan man få hjälp med? Hur hittar man dit? Hur kontaktar man kliniken? Få men tydliga menyval, ikonförsedda knappar som tydlig signalerar vad man kan göra, en tydlig uppdelning på sidorna för att tillgängliggöra informationen; allt detta skapar en lättnavigerad och informativ webbplats.

Först när allt innehåll var på plats flyttade vi webbplatsen från testservern till Klinik4’s webbhotell.

Foto och illustrationer

Ska man skapa något riktigt bra, är bilder av största vikt. Vi anlitade därför Lars Erik Nylander från Osmanson som fotograf för att spegla verksamheten i bilder med naturligt ljus och ett spel mellan skärpa och oskärpa. Att kunna arbeta med bilder av en hög och jämn kvalité är A och O vid all grafisk produktion. Efter Lars Eriks dag på mottagningen har Klinik4 ett bibliotek med bilder som räcker länge.

De illustrationer vi använder är de kopparstick som illustrerar boken ”Anatomy of the Human Body” (1918) av Henry Vandyke Carter och Henry Gray. Kopparsticken används på de sidor som beskriver olika behandlingar med ett lekmannamässigt språk. Bilderna tillhör public domain och kan användas fritt.

Copy

Sällan tar vi helhetsansvar för copy på de webbplatser vi arbetar med. Här fick vi dock hela ansvaret att ta fram all text på webbplatsen, givetvis granskat av doktorerna på mottagningen för att inga felaktigheter skulle infinna sig. Just denna del av arbetet var mycket stimulerande, så vi tror att vi gör om det några gånger i framtiden.

Resulatet

Om du vill se vad vi skapat då hittar du Klinik4 här »

Exit mobile version