Den senaste tiden har vi fått flera uppdrag där syftet varit att få ordning på en WordPress-installation som aldrig blivit klar eller som behövt göras om. Nätverket mot Cancer hade en WordPress-installation på sin webbplats som var svår att använda och som hade olika speciallösningar som inte gick inte att uppdatera. De ville även förbättra utseendet och lägga till nya funktioner vartefter verksamheten växte.

Xponent fick uppdraget att designa om webbplatsen för att göra den mer användarvänlig för de som skulle jobba med den och anpassa den till Nätverkets växande verksamhet. Vi tyckte att det vore på sin plats att telefonanpassa webbplatsen och vade därför ett tema som heter Skeleton. Vi har använt temat förr och tycker att det för en webbplats som i första hand skall vara informativ är ett utmärkt val. Webbplatsen typograferades med DIN Condensed från ParaType och Meta från FontFont, allt levererat av Typekit. Själva formgivningarbetet blev relativt enkelt då Skeletons form är mycket avskalad. En detalj som Nätverket mot Cancer ville behålla från sin gamla webb var en bakgrundsbild, den valde vi att tona ner för att inte störa texterna.

Webbplatsen finns på www.natverketmotcancer.se

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

Gonsteadkliniken går att besöka med dator, iPad och mobil

Gonsteadkliniken i Stockholm, en kiropraktorklinik, hade en webbplats som inte var särskilt enkel att hitta via sökmotorer. Bygget bestod av en WordPress-lösning, några insticksprogram och ett lite udda WordPress-tema. Webbplatsen hade ”All in One SEO Pack” installerat (ett insticksprogram för sökmotoroptimering av WordPress-installationer), men det fungerade inte som det skulle. Xponent fick uppdraget att titta till installationen för att se om det fanns något som kunde förbättras.

Vi bestämde oss för att ominstallera WordPress och att byta tema. Uppdraget hade ingen stor budget, så vi bestämde att lägga några timmar på städning av servern, samt att byta till ett Open Source-tema för att komma billigt undan. Vi hittade ett relativt nytt tema som bygger på responsive design, vilket i klartext betyder att det anpassar sig till den storlek på bildskärm som besökaren har. Temat har ett för en kiropraktor mycket passande namn, Skeleton, och finns att hämta från github.

När hela operationen var klar fick Gonsteadkliniken tillbaka sin webbplats urstädad, försedd med Google Analytics, anmäld till sökmotorerna, ny XML sitemap, All in One SEO Pack riggat enligt regelboken, kontaktsidor med webbformulär och Google Maps. Hela operationen syftar till att se till att webbplatsen syns bättre på sökmotorer och att därmed Gonsteadkliniken får en konkurrensfördel mot sina konkurrener. På köpet fick man en webbplats för både liten och stor bildskärm.

Ta en titt själv » www.gonsteadkliniken.se

SME Academys nya webbplats

SME Academy behövde en webbplats snabbt, mycket snabbt. Man skulle nämligen arrangera Småföretagarexportdagen 2011 och det man hade sedan tidigare dög inte. Vi snodde snabbt ihop en WordPress-lösning med responsive design för att allt skulle synas även ner i små mobiltelefonskärmar. Vi använde också webfonts från Google för att det skulle se lite snygare ut och för att vi ville göra det hela extra läsbart på mindre skärmar.

Vi försa oss vid något tillfälle, det där som man inte riktigt får göra, men vi tyckte faktiskt att logotypen var ful. Den var nygjord men var helt enkelt inte särskilt snygg. Eftersom den inte var lanserad fick vi ett uppdrag till; att skapa en ny logotyp.

Ta en titt själv » www.smeacademy.se

Läs deras omdöme på Beer Sweden » www.beersweden.se/archives/8440

För den nya webblatsen har vi tagit vårt eget WordPress-tema XpoLite och gett det färg och form från Byggutbildarnas designprogram. Vi har lyft över den gamla webbplatsens omfattande innehåll till en ny WordPress-installation och sedan utbildat dem för att de skall kunna sköta sin nya webbplats.

Byggutbildarnas nya WordPress-drivna webbplats

Yogacoach’s förra webbplats gick inte att underhålla på ett enkelt sätt. Tillsammans med Julieta Spoerer på Caligraph tog vi oss an uppdraget att förnya www.yogacoach.se Vi använde vårt nya WordPress-tema XpoLite som är baserat på Genesis Framework. Fördelen med XpoLite är att det är enkelt att modifiera och att det drar fördel av Genesis funktioner med bl.a. utmärkt sökmotoroptimering. Vi kunde i samarbete med kunden enkelt ta fram en lösning som passade hennes behov, allt till ett mycket lågt pris.

Social Initiatives arbetar med entreprenörer som vill hjäpa människor att förbättra sina levnadsvillkor. De gör detta genom att uppmuntra både privatpersoner och företag att engagera sig i och stötta olika projekt runt om i världen.

Xponent fick uppdraget att modernisera Social Initiatives webbplats, med ny design och framför allt en ny publiceringsplattform. Ta en titt själv på resultatet och passa på att läsa om de olika projekten som finns på www.socialinitiative.se

Soul Shacks webbshop

Soul Shack är en webbshop för prylar runt svart musik, och här finns inga kopior från Kina eller Thailand, utan enbart ”official merchandise” från artisterna själva. Här kan du fynda James Brown-T-shirts, Jimi Hendrix-hattar eller Bootsy Collins-glasögon. Soul Shack är också ett skivbolag, så här finns också musik för nedladdning. En ofta uppdaterad blogg och ett aldrig sinande Twitterflöde är också en del av Soul Shack.

Xponent har löst webbshop och blogg med två WordPress-installationer på samma domän. All betalning går via bank, kreditkort eller Paypal, leveranserna skickas samma dag med Posten.

Du hittar webbshopen på www.soulshack.se och bloggen på soulshack.se/blog

Soul Shack's blogg