Endelig: Redesignet ida.dk på Drupal

En ekstreme makeover af et site: overgang fra Sharepoint til Drupal, responsivt design optimeret til de mobile platforme og grundlæggende ændring af det grafiske udtryk mod et let og billedbåren udtryk.

Dét er, hvad jeg og mine kolleger i Ingeniørforeningen, IDAs Team Digital Kommunikation og IT-afdelingen  i dag kunne blænde op for på ida.dk.

Vi har lanceret ida.dk i et design, som er fuldstændigt anderledes i layout og grid , end det design vi kom fra – og som IDA har haft siden maj 2008, hvor Advice Digital bragte ida.dk’s udtryk adskillige skridt frem med et lyst og let webdesign – men var bundet af Sharepoint 2007’s begrænsninger

  • Det nye design er ligeledes let og elegant – og velegnet til brug af store flotte billeder. Samtidig har vi fuldstændigt fjernet den traditionelle venstrenavigation, som det hidtidige site baserede sig på. Designet er udviklet af e-Types og er det første eksempel på den nye Corporate Visual Identity (CVI), som firmaet har udviklet til IDA og som vil blive rullet ud i år. Den nye visuelle linje er designet ud fra, at det skal tage sig godt ud i digital kommunikation – og ida.dk er eksemplet 🙂 . Holdet på e-Types med Mathias, Frederik og Marie har virkeligt formået at udfordre os i webdesignet – og tak for det.
  • Responsivt design Et af vores hovedkrav til designet var, at det skulle være responsivt og velegnet til brug på mobile enheder. Derfor har IDA endelig fået en mobiludgave af ida.dk, som vi kan være bekendt som interesseorganisation for ingeniører og et design som passer til swipe-funktionen på smartphones og tablets.
  • Et fleksibelt cms Drupal skal man holde tungen lige i munden med – har vi erfaret – fordi det er et framework, der kan konfigureres på mange måder. Men for udviklingsredaktøren, udvikleren og den digitale kommunikatøren, der ønsker at kunne skræddersy sit site, er det et superbt cms.Ida.dk bygger på en Drupal 7 installation, som vores leverandør Reload har formået at få på benene på blot fem måneder, hvilket i sig selv er imponerende – og uden at stryge IDA med hårene. Processen har været agil og baseret på SCRUM-metoden  – og jeg er fuld af beundring for holdet på Suomisvej; Thomas, Kasper, Troels, Martin, Mads og Rikke samt selvfølgelig Rasmus . Dem kan jeg godt anbefale 😉
Ida.dk som sitet så ud fra 2008 til 2013
Der er mange features, som jeg glæder mig til at … ja, glæde mig over i hverdagen som udviklingsredaktør i IDA.
En af dem er en super-effektiv søgemaskine, der leverer resultaterne lynhurtigt, grupperet efter indholdstype. Det er Apache Solr, som allerede får mig til at smile mere over intern søgninger, end jeg har gjort i laaang tid.
En anden er den nemme måde, som vi kan customisere de enkelte sider på. Her har Reload valgt at installere Panopoly . De første indtryk er, at det er nemt og uhyre intuitiv måde at bygge sider på.
Hvorfor egentlig skifte platform
Ida.dk har kørt på Sharepoint fra maj 2008 til nu januar 2013 – og det har været en udfordring, fordi MOSS som cms ikke er optimalt. Det er tungt og dyrt at udvikle i ( 2007 var / er ) – og bærer i høj grad præg af, at Sharepoint ikke er tænkt som et web-cms , men derimod en samarbejdsplatform og et dokumenthåndterings-system på intranet.
Dét er Sharepoint til gengæld udmærket til – og vi benytter os af Sharepoint 2010 som intranet i IDA med stor tilfredshed.
Imidlertid stod det klart for os i IDA, at hvis foreningen skulle have et site, der hurtigt kan tilpasses og integreres med nye teknologier samt støtte forretningens mål, så var Sharepoint for langsommeligt at udvikle på.
Samtidig havde vi allerede tilbage i 2010 – 2011 udviklet et koncept for en ny, taksonomibaseret måde at strukturere indholdet på (med solid rådgivning fra Advice Digital og Niels Mølbjerg Lund Pedersen ) , så det mere svarede til medlemmernes behov. Netop en tagbaseret tilgang passer godt til Drupal, så det var med til at pege pilen mod Drupal som det nye system.
Vi overvejede i den tidlige research- og afklaringsfase om et platformskifte for et år siden også systemer som Umbraco og SiteCore – men endte som sagt med at vælge Drupal (og ja .. jeg ved godt, at det har også sine udfordringer, bl.a. med kompleksiteten ). Da ingen af os i IDA var eksperter i hverken platformskifte eller cms så fik vi rådgivning til en stor del af afklaringen af fornuftige personer som Andreas Klinke Johannsen og Martin Frederiksen fra Klean.
Hvorfor nævner du egentligt alle disse mennesker og firmaer?
Jo, dels for at understrege at vi har hentet råd og vejledning udefra, fordi vi ikke er eksperter i alt, selvom vi havde en klar idé om den retning, vi skulle bevæge os.
Dels fordi de har leveret reel rådgivning med modspil og udvikling af løsninger. Konsulenter kan være nyttige – og levere nye erkendelser.
Og så mangler jeg selvfølgelig også at fremhæve de fantastiske kolleger, som jeg har arbejdet tæt sammen med om det her ; Lone Højlund Pedersen som strukturmoster og projektleder, udviklingskonsulent Thomas Kunov som UX-mand, knowledge manager Pernille Kofoed og indholdsredaktør Johs Krarup samt min chef, kommunikationschef Teddy Østerlin Koch

Arbejdet begynder for alvor nu
Arbejdet med et nyt site har stået på i to år – og vi er langt fra færdige. Det er et site, som ikke er afslutningen på en projekt, men begyndelsen.

Det er – som jeg skrev ovenfor – ikke et fuldt færdigt site, men et site der over de næste måneder vil blive testet, tilrettet og raffineret i hjørnerne baseret på vores erfaringer.

Vi skal nu for alvor til at lære, hvad Drupal kan – og hvad en taksonomibaseret informationsarkitektur kræver af organisationen og vores indhold. Det gælder os i Digital Kommunikation – og det gælder hele organisationen i IDA. Det bliver hårdt  -og frustrerende til tider – men også  sjovt. Det er jeg ret sikker på.

Men kig forbi ida.dk snus rundt på sitet – og falder du over en graverende fejl på ida.dk, så tøv ikke med at tage et screendump og kopiere link til siden – og send til bugs@ida.dk .

Jeg vil senere bestræbe mig på at fortælle om erfaringer med Drupal og tiden efter et redesign med platformskifte.

Relaterede indlæg

Drop den tonstunge kravspec med Agil projektstyring

Som så mange andre online-kommunikatører, som har arbejdet med større webprojekter, har jeg gennem årene skrevet alenlange kravspecifikationer og i den proces søgt at fange alle funktionaliteter, som systemet skulle have.

Problemet er, at sådan en kravspec ikke nødvendigvis fanger alt, hvad systemet skal kunne levere. Ligeledes tager en 140 siders kravspec ikke tager højde for, at man undervejs i projektet bliver klogere på dels systemet og dels egne prioriteringer.

Jeg sidder nu i et stort webprojekt, hvor jeg for første gang prøver at arbejde med agil projektudvikling. Her er kravspec med tekniske specifikationer erstattet af brugerhistorier, der beskriver, hvad brugeren gør og forventer at få ud af sine handlinger fx “Redaktøreren ønsker at kunne uploade et billede og sætte det ind på siden, så det står pænt”.

Softwareudviklingen bliver desuden opdelt i en række to-ugers forløb, hvor udviklerne implementerer en del af systemet – og demonstrerer det live for projektlederen, før de tager fat på den næste del i et nyt to-ugers forløb.

Min kollega , Lone Højlund Pedersen, har rundsendt denne video på 35 minutter  i organisationen – og den forklarer præcist, hvad Agile Project Management er .

Jeg vil i senere blogposts beskæftige mig mere med denne form for projektledelse og dens fordele.

Relaterede indlæg

Webmedarbejdere bør beherske projektledelse

Projektledelse
Journalister og kommunikatører skal beherske stadig flere discipliner – dels for at levere en ordentlig kvalitet i deres arbejde og dels for at holde deres egen markedsværdi.

Som læsere af denne blog ved, så advokerer jeg for, at journalister selv har ansvar for at holde sig opdaterede på kompetencerne – fremfor blot at vente på, at arbejdsgiverne sender dem på kurser.

Det gælder inden for onlinekommunikation, at man som journalist anno 2010 bl.a. skal kunne :

Vide, hvordan man skriver til net
– Vide, hvordan man bruger links i sin journalistik, redigerer billeder, video og lyd
– Vide, hvordan brugerne læser hjemmesider
– Vide, hvordan man bruger statistik
– Vide, hvordan du benytter html og css
– Vide, hvordan ordentlig brugervenlighed på en hjemmeside ser ud
  • Vide, hvordan man skriver til net
  • Vide, hvordan man bruger links i sin journalistik, redigerer billeder, video og lyd
  • Vide, hvordan brugerne læser hjemmesider
  • Vide, hvordan man bruger statistik
  • Vide, hvordan du benytter html og css
  • Vide, hvordan ordentlig brugervenlighed på en hjemmeside ser ud

Det er ikke længere nok – og det er især blevet klart for mig inden for det seneste halvandet år:

Projektledelse er en del af det nye sort for webmedarbejdere.

Projektledere for Vorherre
Det er ikke længere nok at være sådan almindeligt god til at strukturere sin dag og tilgangen til sit stof.

Hvis du sidder som webredaktør , webmedarbejder eller lignende , skal du være i stand til at lede et projekt med, hvad det indebærer af:

  • Udarbejdelse af  mål
  • Fastlæggelse af projektplan med milepæle, delmål og leverancer
  • Fastlæggelse af ressource-estimater på fx tid, mandskab og penge
  • Udarbejdelse af statusrapporter til styregruppe
  • Styring af projektgruppe
  • osv. osv.

Det er i høj grad en opdatering af værktøjskassen, som er helt afgørende for den gode webredaktør, der jo er mit gebet.

I mange andre brancher er det også helt nødvendigt at kunne finde ud af at lede et projekt – og som webmedarbejder bevæger du dig oftest i spændingsfeltet mellem indholdsproduktion og tekniske leverancer. Du skal både stå for at kvalitetssikre indholdet på det site, som du har ansvar for, men du skal også være med i planlægningen og implementeringen af nye it-værktøjer.

Her er det afgørende, at du kender til værktøjskassen “Projektledelse”.

Det har de opdaget for lang tid siden på journalistuddannelserne, hvor projektledelse indgår som elementer – og projektledelse hører til de allermest udbudte kurser i starten af det nye årtusinde. Vi er efterhånden alle projektledere for Vorherre – undtagen mange journalister.

Til en start kan du hente One Page Project Manager der er et Excel-ark, hvor du på een side kan plotte mål, delmål , status etc. ind på dit projekt.

Relaterede indlæg