Redesign av CMH Nordic

Den gamla och den nya designen

CMH Nordic fick ett nytt designprogram under hösten. CMH Nordic säljer och marknadsför heliski-resor i Brittish Columbia i Kanada och har sedan många år tillbaka en WordPress-sajt som Xponent producerat. För att manifestera det nya designprogrammet beslöt vi att designa om webbplatsen. Beskrivningen nedan handlar om hur Xponent tillsammans med Mathias Hinds från CMH Nordic genomförde redesignen.

Det fanns sedan tidigare ett beslut att hitta en lösning för att på startsidan presentera de olika paketlösningar som CMH Nordic marknadsför. Tillsammans tog vi därför fram följande förutsättningar för den nya designen…

• Formgivningen skulle spegla det nya designprogrammet
• Vi ville få fram ett just och luftigt intryck
• Att åstadkomma en snygg och tydlig typografering var mycket högt prioriterat
• Vi ville ha möjlighet att presentera flera olika paketlösningar på startsidan

Det nya designprogrammet utstrålar en modern och nutida form, därför ville vi skapa en form som kändes ren och avskalad utan en massa skuggor och grafiska designelement. Vi utgick från de olika färgerna som ingår logotypen, en orange och två blåa nyanser, och lät dessa tillsammans med svart och vitt utgöra de enda tillåtna färgerna. Redan från start hade vi också diskuterat typograferingens betydelse för hur upplevelsen och ganska snart fastnat för kvalitéerna hos Meta. Vi beslöt därför att prova oss fram formmässigt med Meta och våra färger innan vi tittade på hur vi skulle lösa paketpresentationerna. Arbetet med skisserna gjordes i MAMP Pro, där en komplett WordPress-installation med vårt egenutvecklade Genesis-baserade tema XpoLite rullade. På detta sätta kunde vi ta fram skisser och testa med skarpt material. Diskussionerna fördes via email med skärmdumpar av MAMP-sajten som diskussionsunderlag. Ganska snabbt hade vi på detta sätt hittat den nya formen för webbplatsen.

Nu gällde det att hitta en slider, ett bildspel eller något annat sätt att presentera paketlösningarna utan att behöva ge avkall på vår formgivning.  Skall sanningen fram var detta den kanske trögaste delen av projektet. Vi provade både gamla och nya lösningar, men ingen kändes riktigt bra till dess att vi bestämde att prova SlideDeck. Det som gjorde att vi föll för SlideDeck var att det precis som WordPress använder mallar för att formgivningen, det blev därför enkelt att hitta en grunddesign som vi modifierade till vårt eget utseende. SlideDeck använder precis som många konkurrerande lösningar jQuery som ”motor” och har ett mycket WordPress-liknande redaktionellt gränssnitt, detta gör att det går snabbt att lära sig att lägga upp nya eller redigera gamla ”slides”.

Genesis Framework är ett av många smarta sätt att skapa ny design för WordPress. XpoLite är egentligen en stilmall som använder funktionaliteten i Genesis. För att koppla på SlideDeck och footern har vi använt Simple Hooks Plugin, en plugin utvecklad för Genesis. Då Genesis uppdateras regelbundet är det en enkel match att uppdatera både WordPress och Genesis på CMH Nordics webbplats, då det enda som är egenutvecklat är en stilmall och några grafiska element.

I arbetet arbetade vi också fram en ny form för CMH Nordics nyhetsbrev som korresponderar med webbplatsens utseende. När allt var klart i god tid före jul, bestämde vi att lanseringen skulle göras på nyåret, så häromdagen var premiären och vi bytte design på webbplatsen.

Summerat, detta använde vi i för att skapa formgivningen

• Genesis Framework
• XpoLite child theme
• SlideDeck
• Simple Hooks Plugin
• Typekit – Meta

Nyfiken? Ta då en titt på www.cmhnordic.com