Hvordan tiltrekke besøkende og hvordan gjør de til dine kunder.
Web360 Utgave 3, Fagmagasin utgitt av increo.no
1. F A GMAGASIN UTG ITT AV INCREO.NO
2 011
InCreo leverer unike webløsninger skreddersydd
den enkelte kunde – vi legger alt til rette for at din
bedrift skal lykkes på nett.
Statistisk Sentralbyrå (SSB) melder om at 98 %
av personer over 18 år i Norge har mobiltelefon,
og Netcom kan fortelle at 9 av 10 som kjøper
seg ny telefon velger en smarttelefon (tall fra
Q1-2011). Da er det kanskje ikke overraskende
at bruken av mobil datatrafikk har skutt i været.
InCreo Interactive Creations er et webbyrå med
23 mennesker som brenner for å lage de beste
KUNNSKAP
webløsningene. InCreo sin oppskrift er å være god
på de unike webløsningene, hvor kunden har høye
ambisjoner og trenger et sterkt fagmiljø gjennom
hele prosessen – fra rådgiving til prosjektledelse,
design, utvikling og drift. Vi stiller opp og er rause DELING AV TEKNOLOGI
med vår kunnskap og kompetanse.
SOSIALISER! MOBILISER!
Mobiltelefonen runder i 2011 hele 30 år. I 1981 ble
det første systemet for automatisk mobiltelefon satt i
drift og fikk navnet NMT 450.
Søkemotoroptimalisering for dummies
Søkemotoroptimalisering (SEO) har kanskje de
fleste hørt om, men ikke alle vet hva det betyr
i praksis. Noen tror det er enkelt og gratis mens
InCreo hjelper bedrifter i å lykkes på nett
andre tror det er vanskelig og veldig dyrt. Sann-
med unike webløsninger. Dette har vi
heten er at begge deler stemmer, men at du kan
drevet med i 14 år, og vi tilbyr tjenester
komme veldig langt bare ved å gjøre noen enkle
innen rådgiving, webdesign, teknologi,
grep. Denne artikkelen vil ta for seg hva du selv
kan gjøre for å bli søkemotoroptimalisert. Har utvikling og webhosting. Med utgangs-
man laget et nettsted, ønsker man som regel så punkt i våre oppdragsgiveres ambisjoner
mange besøk som mulig. I tillegg ønsker man at og mål, skreddersyr InCreo webløsninger
de besøkende er interessert i det du har å tilby som dekker selskapets aktuelle behov, og
og at besøket kan føre til en konvertering i form forsterker deres profil og visjon.
av salg e.l. For at de besøkende skal finne frem
til nettopp ditt nettsted, må nettstedet være Wondercode er InCreos publiserings- og e-
søkemotoroptimalisert, slik at det kommer høyt handelsløsning. Les mer om Wondercodes
opp på søkemotorresultatet. egenskaper i dette magasinet.
2. VELKOMMEN
WEB360 ER ET FAGMAGASIN UTGIT T AV INCREO.NO
MEDARBEIDERE
ADMINISTRATIV LEDER
DAGLIG LEDER LEDER WONDERCODE
Hallgrim Bjørvik Joakim Ramstad Sven-Erik Knoff
hallgrim@increo.no joakim@increo.no sven-erik@increo.no
4000 46 01 4000 46 03 4000 46 05
WEB360
WEB360 utgis av:
InCreo Interactive Creations AS
Org. nr.: NO982 057 892MVA
PROSJEKT-
LEDERE Telefon: 815 51 888
E-post: increo@increo.no
Web: www.increo.no
Morten Wikstrøm Toril Aspaas Håvard Sandaa Karlsen Ann-Kristin M. Fiskebeck Kristoffer Førde Aarskog Postadresse:
morten@increo.no toril@increo.no havard@increo.no ann-kristin@increo.no kristoffer@increo.no Innherredsveien 7, 7014 Trondheim
4000 46 06 4000 46 07 4000 46 08 4000 46 09 4000 46 10
Besøksadresse Trondheim:
Innherredsveien 7, 7014 Trondheim
Besøksadresse Bodø:
Storgata 30, 2. etasje, 8006 Bodø
Besøksadresse Oslo:
Parkveien 12, 0350 Oslo
Kopiering eller reproduksjon av tekst og bilder
er ikke tillatt uten samtykke fra InCreo.
Kim Levi Paulsen Stian Hanger Christoffer Wiik Eilev Hagen Egil Hanger Denne trykksaken er klimanøytral, CO2-utslippet
kim@increo.no stianh@increo.no chris@increo.no eilev@increo.no egil@increo.no er kompensert.
4000 46 18 4000 46 19 4000 46 21 4000 46 24 4000 46 27
UTVIKLERE
Er du vår nye
systemutvikler?
Eirik Eldorsen Bjørge Susæg Stafsnes Vegard Kartfjord Stian Øveråsen increo.no/stilling-ledig
eirik@increo.no bjorge@increo.no vegard@increo.no stian@increo.no
4000 46 17 4000 46 22 4000 46 25 4000 46 20 FÅ NESTE WEB360
TILSENDT I POSTEN
KONTAKT – helt gratis!
DESIGNERE
Registrer deg, og få neste
utgave av WEB360 sendt
Terje Svinning Per Morten Trøen Hilde Gran Kielland Jan-André Granheim rett til din adresse.
terje@increo.no permorten@increo.no hilde@increo.no jan-andre@increo.no
+44 20 89 830939 4000 46 41 4000 46 40 4000 46 43
For registrering:
www.increo.no/web360
www.increo.no
increo@increo.no eller send forespørsel til:
815 51 888 web360@increo.no
DRIFT twitter.com/increo
facebook.com/increo
Audun Saltvik Kine Myrvoll Stene
audun@increo.no kine@increo.no
4000 46 02 4000 46 04
2 – WEB360 UTGAVE 2011
3. LEDER INNHOLD
Klarer du å ta høyde?
I skrivende stund befinner jeg meg på Prasonisis, Europas beste 4
kitespot på vann. Mitt fokus i fjor var om jeg klarte å komme meg
VERDENS VAKRESTE WEBREISE
opp på kitebrettet. Sist uke om jeg klarte å krysse vinden, og i dag
er målet mitt å klare og holde høyde. Det å holde høyde betyr i
kortversjon at man krysser vinden samtidig som man forflytter seg
oppover mot den – uten å bli sendt i retningen den blåser.
6
Du har selvfølgelig sett forsiden og vet at dette ikke er et blad om
MOBILISER!
kiting, men om web. Og det er helt riktig. 16 år gammel startet
HALLGRIM BJØRVIK jeg InCreo på gutterommet i 1997, på et tidspunkt hvor bedrifter
DAGLIG LEDER
nærmest lo av meg fordi jeg foreslo at det kanskje var lurt av dem
hallgrim@increo.no
4000 46 01
@hallgrimb
å satse på web. Hadde jeg fulgt vindretningen den gang, hadde
InCreo aldri blitt etablert. 8
PUBLISERING OG E-HANDEL: WONDERCODE
InCreo anno 1997 lagde websider, det gjør vi også i 2011. Hva er forskjellen? Jeg kita i fjor,
og jeg kiter i år. Nivået er betraktelig mye bedre i år, faktisk bedre i dag enn i går. Slik har
også InCreo utviklet seg.
Jeg er ikke god til å kite, men jeg har interessen og et ønske om å bli bedre. Måten jeg blir 12
bedre på er gjennom tips fra dem som er på samme nivå som meg, eller høyere. Samtidig er
QR-KODER
det lærerikt å møte nybegynnerne som ankom campen denne uken. For da er det jeg som
kan dele min kunnskap slik at også de kan bli bedre.
Når jeg drar hjem om seks dager blir det et år til neste gang jeg kiter på vann. Det er mange
som kan å kite, og det er mange som kan web. Men hva betyr det å kunne kite, eller hva
14
betyr det å kunne web? For meg som kiter betyr det å bli fornøyd at jeg har klart å holde
CASE STUDY: GLAMOX
høyde før jeg pakker baggen og vender hjem til Norge. Når det gjelder web, betyr det på
samme måte nettopp å nå sine mål. Alle har ulike ambisjonsnivå, men til felles er ønsket om
å lykkes – det er det vi jobber for.
InCreo har som kundeløfte å lage den løsningen som gjør at du lykkes på web med dine mål, 16
samtidig som at du skal lære noe. For InCreo handler det om å levere slik at du oppnår dine
APPINESS!
ambisjoner. InCreo kan web, vi er 23 mennesker med kompetanse fordelt på fagområdene
design, prosjektledelse og rådgiving, systemutvikling og drift. Denne sammensetningen av
kompetanse gjør at vi er best når det gjelder å levere totalkompetansen i alle prosjektets
faser. Vi legger stor vekt på god dialog og tett oppfølging, og dette gjør oss trygge på at vi
leverer etter vårt kundeløfte, fra samtlige av våre kontorer. 18
SOSIALISER!
Etter 14 års erfaring med web er det mye som går igjen i alle våre prosjekter når det gjelder
den tekniske løsningen for publisering og e-handel. Det som alltid går igjen bruker vi mye
ressurser på å lage som standard. Det er en programvare som vi bruker som basis i våre
egne prosjekter og som standardisert programvare gjennom andre sammarbeidspartnere.
Programvaren heter Wondercode, og er noe av det du kan lese om i dette nummeret av 20
WEB360. Ta gjerne kontakt med oss om du ønsker mer informasjon, eller vil avtale et møte. SØKEMOTOROPTIMALISERING FOR DUMMIES
Lykke til med dine mål!
22
INKLUDERENDE DESIGN: NETTET ER FOR ALLE
3 – WEB360 UTGAVE 2011
4. BILDER: TRYM IVAR BERGSMO/HURTIGRUTEN ASA
KUNNSK APSDELING
Verdens
brev
Reise r 2011
rua
vakreste
2. feb
webreise
InCreo har gjennomført ti dager med seminarer og foredrag langs Norges lange kyst.
AV HALLGRIM BJØRVIK
hallgrim@increo.no • 4000 46 01 • @hallgrimb
Med oppstart i Oslo 17. januar 2011, ble 16 havner havner besøkt sammen med åtte
spennende foredragsholdere. Kunnskapen deler vi med deg.
Webreisen var en suksess med ivrige lyttere og NETS er Norges største leverandør av betalings- teknologien innenfor dagens CMS-løsninger.
spennende foredragsholdere. I tillegg til å dele løsninger på nett. Av forretningsansvarlig Jens Sven-Erik er tidligere seniorrådgiver ved NHO
kunnskap om hvordan å best mulig planlegge Jessen fikk vi vite de muligheter som ligger i Trøndelag, og holdt foredrag om alle mulig-
et webprosjekt, var målet med turen også å slike betalingsløsninger, og ikke minst hva som hetene et godt utbygd nett i distriktene gir, i
presentere Wondercode – InCreos publiserings- kreves i form av sikkerhet. På bakgrunn av tillegg markedsføringsmuligheter innen sosiale
og e-handelsløsning. brukerundersøkelser presenterte han statistikk medier for bedrifter og samfunn. Webreisen
over de vanligste grunnene til at brukere av- har gitt mersmak, derfor inviterer vi til en ny
Presentasjonene ligger tilgjengelig for alle på bryter handelen sin i nettbutikker. webreise allerede i november.
web, registrer deg på: www.wondercode.no.
Arne Krokan er en av de med best oversikt JON BUSCALL
Under følger en kort presentasjon av våre åtte over hva Internett kan tilby i dag av interaktiv JONTUS MEDIA
foredragsholdere, og det de delte med oss om- teknologi. Han tok oss med gjennom jungelen @jonbuscall
bord på Hurtigruten. av sosiale medier, blogger og ikke minst verk- jontusmedia.com
tøy man kan bruke for å knytte de forskjellige
KARL PHILIP LUND
Jon Buscall jobber i Sverige som konsulent mediene sammen til din egen personlige side.
HURTIGRUTEN
for firmaer som har utfordringer med hensyn I tillegg delte han tanker om hva vi kan vente
@philiplund
til markedsføring på Internett, og som ønsker oss innenfor dette feltet i fremtiden, samt ut- hurtigruten.no
veiledning gjennom jungelen av sosiale medier. fordringer dagens aktører vil møte i forhold til
Han snakket om hvilke metoder svenske skoler internettmarkedet. ROBERT ISAKSEN
har brukt for å tiltrekke seg nye studenter, samt HURTIGRUTEN
øke trivselen og stoltheten for de eksisterende. Erlend Førsund er byråleder, rådgiver og tekst-
hurtigruten.no
Dette nesten kostnadsfritt, gjennom én enkelt forfatter i Gasta design & kommunikasjon, et
video på YouTube! digitalt reklamebyrå i Oslo og Sogndal. I fore-
JENS JESSEN
draget presenterte han sju ting en markeds- NETS
Karl Philip Lund er kjent for å være en av Norges fører kan gjøre for å effektivisere og spisse
fremste eksperter på interaktiv markedsføring. sin markedsstrategi på nett. Blant annet det nets.no
Sammen med nettansvarlig hos Hurtigruten, å segmentere brukerne i større grad gjennom
Robert Isaksen, har han jobbet tett med å utsending av nyhetsbrev. Syv meget gode tips ARNE KROKAN
optimalisere Hurtigruten sine websider, både som enhver markedsfører vil ha nytte av. PROFESSOR VED NTNU
med tanke på brukervennlighet og måten de @arnek
arnek.wordpress.com
markedsfører seg i utenlandske markeder. Lund Fra InCreo stilte prosjektleder Håvard Sandaa
og Isaksen delte erfaringer rundt grepene de Karlsen og leder for Wondercode, Sven-Erik
ERLEND FØRSUND
har tatt for å nå sine mål. Deres grep har i løpet Knoff. Håvard fortalte om hvilken struktur- og GASTA
av et år ført til en ti-dobling av omsetningen på planleggingsjobb som ligger bak en suksess- @forsund
internettbookinger via Hurtigrutens websider. full webløsning, i tillegg til den aller nyeste gasta.no
4 – WEB360 UTGAVE 2011
5. Gratis påmelding til
neste webreise
Verdens vakreste webreise starter igjen den 7. november i Bergen. Helt gratis deles 07. 1 1.1 1 BERGEN
kunnskap som øker din bedrifts mulighet til å lykkes på web. Det blir et sterkt faglig Kl. 15:00 – 18:00
program, denne gangen ombord på MS Polarlys. Ombord på MS Polarlys
InCreo har samlet noen av bransjens dyktigste hatt et spesielt fokus på sosiale medier under 08. 1 1.1 1 ÅLESUND
mennesker, og dere er hjertelig velkommen til sine kurs. Dette vil også være et tema denne Kl. 12:00 – 15:00
de fem havnene vi besøker. gangen, samt hva suksessfaktoren for å lykkes Ombord på MS Polarlys
på web er. Wondercode vil også presenteres, vi
Anders Willstedt er daglig leder i INMA, og har deler funksjonalitetene og teknologien. 09. 1 1.1 1 TRONDHEIM
lang og bred erfaring fra internettmarkeds-
Kl. 08:00 – 11:00
føring både innenfor og utenfor Norge. Han Det jobbes i disse dager med programmet for
Ombord på MS Polarlys
kommer fra stillingen Business Development webreisen som vil ha et spennende, lokalt fore-
Manager i TradeDoubler, der han bl.a. hadde drag per havn i tillegg til Willstedt, Uppman og
ansvaret for forretningsutvikling rettet mot det Knoff. Deltakelsen er gratis for deg, og vi opp-
10. 1 1.1 1 BODØ
europeiske markedet. Anders har utdanning fra fordrer til å være raskt ute med påmeldingen, Kl. 12:30 – 15:00
Stockholms universitet, i Multimedia pedago- da det er begrenset antall plasser. Vi tar for- Ombord på MS Polarlys
gikk-teknikk. behold om endringer i programmet. For opp-
datert og fullstendig program, se: 11 . 1 1.1 1 TROMSØ
Magne Uppman er administrerende direktør i www.wondercode.no/webreise Kl. 14:30 – 16:00
iProspect (tidligere Qualité Search Marketing), Ombord på MS Polarlys
og er en av Norges ledende eksperter innen
søkemotormarkedsføring. Tidligere har han vært ANDERS WILLSTEDT
online markedssjef i FINN.no og har gjennom INMA
Schipsted jobbet med søk for noen av Europas @willstedt Pris: Gratis
største nettsteder. Magne holder jevnlig kurs og inma.no
Arrangør: InCreo
foredrag om søk og var blant annet juryleder for
MAGNE UPPMAN Program og påmelding:
prisen «Beste søkestrategi» under Gulltaggen
iPROSPECT www.wondercode.no/webreise
2009. Magne skriver om søk for flere fagblad-
@muppman
er, blogger regelmessig på en rekke bransje- iprospect.no
blogger, og har skrevet håndboken «Den gode
søkemotorannonsen» (2009). SVEN-ERIK KNOFF
INCREO
Sven-Erik Knoff er ansatt i InCreo som leder for @seknoff
Wondercode – InCreos CMS-løsning. Sven-Erik increo.no
har bakgrunn fra NHO Trøndelag, hvor han
var seniorrådgiver med reiseliv som hoved- Har du tips eller ønsker om aktuelle foredrag?
fagområde, samt ansvarlig for direkte og in- Eller kanskje du ønsker å delta i kunnskaps-
teraktiv kommunikasjon med medlemmer av delingen langs Norges kyst? Da må du gjerne
Næringslivets Hovedorganisasjon. Sven-Erik har ta kontakt med oss!
5 – WEB360 UTGAVE 2011
6. AKTUELT
Mobiliser!
man på god vei. Om man samtidig klarer å danne seg et bilde av mål-
AV MORTEN WIKSTRØM gruppen, og hvor viktig en mobilløsning er for de, samt funksjonaliteten
morten@increo.no • 4000 46 06
som vil kreves, har man i stor grad svaret på hva man bør gjøre. I InCreo
mener vi at selve webløsningen bør være en sentral «informasjonshub»,
«Selskaper som ikke tilpasser nettsidene for og fungere som et nav som henter og distribuerer informasjonen ut til
forskjellige kanaler, være seg til sosiale medier, produktkataloger, ERP eller
mobilsurfing, trygler om å tape markedsandeler» nettopp bedriftens mobilløsning.
Det uttaler Google sin mobildirektør Ian Carrington til Dagens Næringsliv
den 6. april 2011. Utviklingen raser framover, og med eksplosjonen av
smarttelefoner og mobil datatrafikk har bedrifter fått nok et punkt å ta
hensyn til i webstrategien sin. Hva bør man gjøre?
Dagens status
Behov Webløsningen Webløsningen
Statistisk Sentralbyrå (SSB) melder om at 98% av alle personer over 18 år Hensikt/mål Plattformtilpassing
i Norge har mobiltelefon, og Netcom kan fortelle at 9 av 10 som kjøper Målgruppe App-utvikling
Funksjonalitet
seg ny telefon velger en smarttelefon (tall fra Q1-2011). Da er det kanskje
ikke overraskende at bruken av mobil datatrafikk har skutt i været.
Når man skal «mobilisere», har man i utgangspunktet tre valg. Man kan;
Som plattform på smarttelefonen er Apple sitt iOS fortsatt mest utbredt, 1. Tilpasse webløsningen så den fungerer for både PC og mobil
men Googles Android er på sterk frammarsj. På tredjeplass finner man 2. Utvikle en egen mobilversjon av løsningen
Symbian fra Nokia (tall fra Q1-2011). Mobiltelefonen runder dette året 3. Utvikle egne apper for mobilbrukere
30 år, og man må bare erkjenne at mobilen er blitt godt gift med de aller
fleste av oss, samt at bruksområdene til dette apparatet i dag nok er langt Er mobilsatsingen suksesskritisk, vil det dessuten kunne være hensikts-
over det man forventet i tidligere faser av forholdet. messig å kombinere de ulike strategiene.
Nye plattformer, hva gjør man? Å tilpasse webløsningen så den fungerer for både PC og mobil egner seg
Bedrifter bør så klart «mobilisere». En grunnleggende forutsetning for all godt for mindre komplekse løsninger. I praksis betyr denne strategien
kommunikasjon og markedsføring er å være tilgjengelig der målgruppen at man benytter kun et design og en webløsning, som optimaliseres til
befinner seg. Man kan også si at dette dreier seg om høflighet – å tilby å fungere både for PC og mobil. Dette gir noen utfordringer knyttet til
informasjonen optimalt tilpasset brukerens premisser. Men det å tilpasse design, men gir samtidig enklere oppdateringer og vedlikehold, da det
kommunikasjonen til en mobil enhet kan gjøres på flere ulike måter. er kun én løsning å forholde seg til. Apple.com er eksempel på en side
som kun tilbyr én webside (uavhengig av om du benytter PC eller mobil).
I InCreo mener vi det styrende bør være hensikten og målsettingen med
satsingen. På samme måte som vi spør våre oppdragsgivere hva de ønsker Å utvikle en egen mobilversjon av løsningen gir store fordeler knyttet
at web skal gjøre for dem, kan man spørre seg om hva web på en mobil til design, da man kan utvikle egne designmaler for ulike versjoner, og
plattform skal gjøre for bedriften. Får man besvart dette spørsmålet er får tilpasset grensesnittet. Det er en del faktorer å ta hensyn til når man
6 – WEB360 UTGAVE 2011
7. designer for en liten touch-skjerm, kontra en stor konvensjonell data- En lokal utfordring
skjerm. For eksempel mindre nøyaktighet, at hånden dekker over innhold, I Norge er det ennå én hovedutfordring når det kommer til mobilhandel.
hover-funksjoner som ikke fungerer, at kontroller (knapper og lignende) BankID, som er en digital ID- og signaturtjeneste på Internett, benyttes
er store nok for enkel berøring, samt treg input (tar for de fleste lengre av nærmere 2,5 millioner nordmenn. BankID brukes som verifisering ved
tid å skrive på en mobilenhet med touch kontra et tradisjonelt QWERTY- online betaling, og teknologien anvender programmeringsspråket Java. I
tastatur). TrønderEnergi er et eksempel på et selskap som nettopp har fått dag støttes ikke Java av iOS (iPhone og iPad), noe som gjør at den som
mobiltilpasset webløsningen sin, se m.tronderenergi.no skal tilby online betaling via mobil må inngå et kompromiss. Man må
fjerne kravet om BankID ved betaling, og man fjerner dermed den største
Å utvikle egne apps for mobilbrukere kan være en lønnsom strategi for sikkerheten ved selve transaksjonen. Med dette utsetter man seg for en
enkelte. Det meste av informasjon egner seg for en app, og de er sær- større risiko, og i motsetning til «vanlig» nettbetaling hvor innløseren tar
deles godt egnet for innholdstjenester, abonnement og ressurskrevende risikoen ved svindel, krever innløser ved mobilbetaling uten BankID at
programmer. Man får tilpasset grensesnittet, og man kan tilby en løsning nettbutikken/selger skal ta denne risikoen. Det skal sies at denne risikoen
som også er tilgjengelig om brukeren er offline eller uten nettilgang. U- kan reduseres på ulike vis, blant annet ved bruk av anti-fraud-innstillinger
lempene er at det kan være kostbart å utvikle apper for flere plattformer, som de fleste betalingsleverandører tilbyr, men dette er langt fra en full-
da det er flere standarder å forholde seg til (Apples App Store, Android god løsning.
Markets, Microsoft og Symbian). Videre må appene lastes ned lokalt og
bl.a. Apple krever vesentlig provisjon for salg av apper og innhold i appen. InCreo lanserer Wondercode Mobil
For å gjøre det enklere for våre kunder å tilpasse websiden, har InCreo
lansert Wondercode Mobil, som er en av modulene i publiseringsløsning-
Under følger en oppstilling av strategiene – med sine fordeler og ulemper: en Wondercode CMS, og gjør det enkelt for kunder av Wondercode å
sette i gang med mobilsatsingen. Løsningen er «out of the box», og kan
skreddersys for spesielle behov. Om du er interessert i å høre mer om
1 Tilpasset webløsning for både PC og mobil InCreo, Wondercode og hva vi kan gjøre for din bedrift – ta kontakt, så
Egner seg for: Mindre løsninger, begrenset funksjonalitet. avtaler vi et møte.
Grensesnitt/design: Designbegrensninger. Må finne en middelvei
mellom konvensjonelt webdesign og design for touch-skjermer.
Data/vedlikehold: En felles løsning, enkelt vedlikehold. Endringer
skjer umiddelbart.
Forretningsmodell: Klassisk forretningsmodell for web.
Redaktørfrihet.
Online/offline: Krever nettilgang.
Kan bokmerke siden.
2 Egen mobilversjon av webløsningen
Egner seg for: Det aller meste.
Grensesnitt/design: Tilpasset grensesnitt.
Data/vedlikehold: Innhold bør tilpasses mobilversjon. Endringer
skjer umiddelbart. TrønderEnergi benytter Wondercode Mobil. Sjekk den ut på: m.tronderenergi.no
Forretningsmodell: Klassisk forretningsmodell for web.
Redaktørfrihet.
Online/offline: Krever nettilgang. Mobiltelefonen, 30 år i Norge
Kan bokmerke siden. I 2011 runder mobiltelefonen 30 år. Det første systemet for automatisk
mobiltelefon ble satt i drift i 1981, og fikk navnet NMT 450. Systemet,
3 Egen app som også kalles 1G, ble fort overbelastet, og allerede i 1986 lanserte man
Egner seg for: Spesielt godt egnet for innholdstjenester, abonne- NMT 900. I 1991 ble 2. generasjon av mobilnettet lansert, det såkalte
ment og ressurskrevende programmer. GSM-nettet. GSM ble senere videreutviklet og 3G (UMTS) og turbo-3G
Grensesnitt/design: Tilpasset grensesnitt. (HSPA) er i stor grad dagens standard. Nå har NetCom lansert 4G i de
Data/vedlikehold: Endringer må godkjennes av Apple før publiser- største norske byene, noe som i teorien vil kunne gi mobilbrukere over
ing i App Store. Google kan fjerne uønsket innhold fra Markets. 100 megabit per sekund. 30 år er gått siden mobiltelefonens fødsel, og i
Forretningsmodell: Provisjon ved salg. Redaktørkontroll. dag er det en følgesvenn de færreste av oss klarer seg uten. Det er med
Online/offline: Mellomlagring / fungerer offline. andre ord på tide å brette opp ermene, og optimalisere webløsningen din
Knyttet tettere til leverandør. Appen ligger tilgjengelig på smart- for mobilbrukere.
telefonens hjemskjerm.
Netthandel på mobil
I en artikkel om mobiltilpassing av websider, kommer man ikke utenom
netthandel. Og når Google-sjefen spår mobilhandelen på verdensbasis På InCreos faglige blogg skriver vi om temaer innen webdesign, web-
til 650 milliarder innen år 2015, kan det være lønnsomt å henge med i utvikling og e-handel. Bruk gjerne kommentarfeltet til diskusjon og
utviklingen. Amazon har mobiltilpasset en av verdens største nettbutikker kommentarer, eller del bloggen til andre i kontaktnettet ditt som kan
ha nytte av den: www.increo.no/aktuelt
for mobilbrukerne. Om du ikke har prøvd den så anbefaler jeg deg å teste
den, så ser du hvor godt det faktisk kan tilpasses.
7 – WEB360 UTGAVE 2011
8. TEKNOLOGI
WONDERCODE CMS
Wondercode er en publiserings- og e-handelsløsning for
bedrifter med ambisjoner, og er et resultat av mer enn 14
års utvikling av unike webløsninger hos webbyrået InCreo
Interactive Creations AS. InCreo bruker selv Wondercode
AV SVEN-ERIK KNOFF
sven-erik@increo.no • 4000 46 05 • @seknoff CMS som basis i sine webprosjekter.
Gjennom kunnskapsdeling og programvare ønsker vi å nå
ut til flere med samme strategi som oss selv. På den måten
kan vi utvikle oss sammen med våre samarbeidspartnere
og kunder, slik at vi i fellesskap blir gode, og at det beste
valget blir Wondercode. Med Wondercode som CMS, kan
kunden fritt velge fagmiljøet vedkommende vurderer som
det beste med hensyn til design og øvrig kompetanse, og
samtidig være trygg på at man bygger prosjektet på den
beste tekniske plattformen for publisering og e-handel.
Over tid har vi ambisjoner om at Wondercode vil være tett
opp mot verdens beste publiserings- og e-handelsløsninger
– og at de som velger Wondercode-modellen satser for å
lykkes på nett. Akkurat som Bob!
Filmen om Bobmakker viser følelsen av å drive i det små til
plutselig å kunne nå ut til hele verden. Det karikerte uni-
verset tillater å konkretisere bruken av Wondercode som
nettopp en magisk kraft som får drømmene til å gå i opp-
fyllelse. Se under for link til filmen.
Se filmen om magiske Wondercode, og
hvordan Bob lyktes på nett!
Følg QR-koden til venstre eller gå til:
www.wondercode.no/wondercode-magi
8 – WEB360 UTGAVE 2011
9. PUBLISERINGSLØSNING «DEN NORDISKE MÅTEN» for å publisere innhold som foto, film eller dokumenter? Vi har fokusert
Med Wondercode ønsker InCreo å lage en av verdens beste publiserings- på at du skal slippe å tenke for mye på dette. Med «drag and drop» tar
og e-handelsløsninger. Vårt hovedfokus er at brukerne av Wondercode skal du helt enkelt det bildet du vil ha og trekker det ned til den forhånds-
lykkes med sine mål på nett. Vi mener også at kunnskap er vel så viktig som bestemte plassen sin. Eller kanskje du denne gangen vil ha en film inn i et
selve publiseringsløsningen for å lykkes. InCreo deler gjerne sin kunnskap tekstfelt? Ikke noe problem, Wondercode tilpasser dette for deg og med
med andre gjennom blogg, seminarer, webreiser med Hurtigruten, Norge vår «live edit» kan du se hvordan det blir med en gang, før du publiserer
Rundt-kampanjen med Widerøe og fagbladet WEB360. Kunnskapsfokuset siden. Er du ikke fornøyd med resultatet og angrer på de endringene du
og ambisjonene kan nok refereres til «den nordiske modellen» som Jon gjorde, kan du alltids gå tilbake til en tidligere versjon. Historikken er
Buscall i Jontus Media kaller det i sin artikkel: alltid der.
www.jontusmedia.com/wondercode-online-publishing-the-nordic-way
Jon Buscall har også en videodemonstrasjon på sin blogg om sin opplevelse
av Wondercode, og hvor enkelt det er å opprette og publisere innhold, se
videoen her:
www.jontusmedia.com/introducing-wondercode-cms/
InCreo håper flere ønsker å ta del i Wondercode, gjennom å benytte
programvaren kombinert med strategi, innhold, SEO, prosjektstyring og
design fra sitt byrå. Dersom prosjektet utvikler seg til noe mer enn en
standard teknologi, vil gjerne InCreo bidra der hvor vi er best; med unike
webløsninger hver gang, enten fra spesialisert designteam, utviklings-
team, prosjektlederledd eller drift.
BRUKEROPPLEVD FORNØYELSE
Wondercode er en avansert publiseringsløsning. Likevel er den forunder-
lig enkel i bruk. Det er fordi vi har hatt fokus på brukeropplevelsen og
tilpasset grensesnittet for brukeren. Vi har gjort mange prosjekter og fått
mye erfaring gjennom mer enn 14 år, og det beste av alt vi har laget har
vi samlet i en løsning – Wondercode. Her kan du velge moduler ut i fra
dine behov, og trenger du ikke alle komponentene på en gang, så kan
du bygge ut etter hvert. Vi hjelper deg med å velge gode løsninger ut fra MARKEDSFØRING TIL ET NYTT NIVÅ
vår kompetanse om webløsninger. Om du for eksempel ikke har en nett- Med Wondercode vil du oppleve hvor enkelt det er å ha full oversikt
butikk, så trenger du heller ikke modulen for e-handel, og du skal heller over markedsaktivitetene og analysere resultatene, slik at du kan opti-
ikke betale for den. Dersom du har en formening om at dine lesere stort malisere den neste kampanjen. Vi har implementert de mest elementære
sett leser sidene dine fra håndholdte enheter, da er det kanskje riktig å funksjonene fra Google Analytics inn i løsningen, og du kan hente ut
velge mobilmodulen. statistikk fra hele nettstedet og helt ned på artikkelnivå. Wondercode
er søkemotoroptimalisert og kan helt enkelt tilpasses slik du ønsker det.
Vi utvikler oss og holder oss oppdatert. Det skal du tjene på. Verden Dette forbedrer søkene etter akkurat dine sider eller ditt produkt, og du
forandrer seg raskt og forbruksmønstrene endrer seg i takt med tekno- kan øke din fortjeneste. Med Wondercode tar du markedsføring til et
logien. Noen ganger raskere. Vårt bredt sammensatte team av utviklere nytt nivå med full kontroll over alle aktiviteter i én fleksibel løsning.
er unge, dynamiske og innehar stor kompetanse på sine fagfelt. Og de
har en ærekjær tilnærming til sin jobb og lanserer ingenting før de er helt Du kan alltid hente tilbake en av dine tidligere kampanjer, for å skreddersy
fornøyde. Fra du tar i bruk Wondercode første gang, tar det ikke lang tid din neste. I nyhetsbrevmodulen er det enkelt å sette inn bilder eller video
før du har det i fingrene og er glad for at du valgte en løsning som har som passer budskapet ditt. Koblingen til sosiale medier er naturlig og
tenkt på deg og din dyrebare tid. dette vil hjelpe deg med å bygge din merkevare. Om du vil sette inn en
film som finnes på din YouTube-profil, kan du veldig lett bygge inn filmen
Å SETTE INN MEDIA BLIR ALDRI DET SAMME i nyhetsbrevet eller artikkelen som du vil publisere. Eller om du har filmen
Har du noen gang satt inn et bilde på nettsidene som ikke er tilpasset? lokalt på din maskin, så laster man den lett opp og bruker drag and drop-
Har du erfart at du kanskje bør være halvveis utdannet i mediebransjen funksjonen til å sette den inn der hvor du vil.
9 – WEB360 UTGAVE 2011
10. TEKNOLOGI
TETT INTEGRASJON MOT SOSIALE MEDIER
En suksess er en kjede av hendelser som handler om rett sted, rett tid, rett
produkt eller tjeneste og rett og slett en porsjon flaks. Ingen på et styre-
rom kan vedta en suksess på forhånd. Men man kan i størst mulig grad
planlegge, og legge forholdene til rette for at man er optimalt tilpasset for
at man skal lykkes. God planlegging av en strategi på hvordan din bedrift,
organisasjon eller merkevare skal lykkes, er etter vår oppfatning derfor en
avgjørende faktor på veien for å lykkes. Når man har satt strategien, kan
det være lurt å velge løsninger som har fokus på bredden i kommunika-
sjonen. Gjennom Wondercode vil du oppleve tett integrasjon mot sosiale
medier, og ved aktiv bruk vil du få hjelp av dine kunder eller lesere til å
bygge din merkevare.
MODULER – PLANLEGG DITT WEBPROSJEKT
Når du skal velge publiseringsløsning er det først og fremst lurt å tenke
over hva som er ditt behov. Wondercode CMS gir deg full kontroll over
nettsiden din – med en gang. Ingen omfattende opplæring er nødvendig.
Samtidig gir Wondercode CMS alle muligheter til å utvikle nettsiden raskt
Utsnitt fra Wondercode av oversikt over statistikk og effektivt. Ethvert design kan implementeres uten å måtte tenke på
begrensninger fra programvaren. Den digitale utviklingen skjer i et hurtig
ET STORT SYMFONIORKESTER DER DU ER DIRIGENTEN tempo, men av og til stoppes det litt opp i forhold til forbruksmønsterets
Og det låter bra! Alle komponentene i Wondercode er satt sammen slik utvikling. Sosiale medier tok for alvor av for bedrifter da man skjønte at
at det er lett å kombinere de ulike modulene du har behov for. Selv forbrukerne var der. Det selges stadig flere såkalte smarttelefoner i Norge
om du har et designbyrå som har laget designprofilen for deg, kan du og etter hvert som vi læres opp i å bruke de, surfer vi mer og mer på
velge å bruke Wondercode som teknologi. Dette synes vi er flott, og det mobile løsninger. I 2015 ventes det at det er flere som bruker mobile surfe-
skaper mangfold med hensyn til design. Vi er spesialister på teknologien plattformer enn tradisjonelle stasjonære. Er dine nettsider optimalisert for
og våre egne designere sørger for at det er lett for deg å dirigere sidene. mobiltelefoner? Kanskje du i tillegg trenger en app som kan hjelpe deg å
Samhandling er viktig, også for Wondercode. I Wondercode kan man til- kommunisere med sosiale medier som f.eks Twitter?
dele forskjellige roller og nivåer for ansatte i bedriften/organisasjonen. På
denne måten sørger man for en optimal ressurstildeling i en stor bedrift I modulmenyen på www.wondercode.no, får du oversikt over flere av
eller organisasjon hvor man kanskje har avdelinger i forskjellige land med de ulike modulene Wondercode tilbyr. Det fine er at du her ikke bare får
forskjellige språk, men med samme produkter. Alt kan da styres fra den informasjon om hver enkelt modul, men du kan også velge ut moduler og
samme løsningen, i samme grensesnitt. tilpasse løsningen etter ditt behov. For så å sende dette inn, slik at du etter
kort tid får et prisestimat tilbake på nettopp dine moduler – din løsning.
ET VERKTØY FOR FREMTIDEN
Fremtiden er mobil, er det noen som har sagt tidligere. Akkurat det må vi
si at vi er enige i, bortsett fra at fremtiden er her allerede og det fortsatt
er mange som ikke har gjort de nødvendige tilpasningene for sine kunder
og brukere. Med Wondercodes modul for mobilsider redigerer du helt
enkelt de sidene du vil ha til din mobilløsning, i det samme grensesnittet
og med live edit. På denne måten ser du at det blir slik du ønsker med
det samme. Bilder trekkes inn på samme måte med «drag and drop», og
dette blir automatisk tilpasset mobilversjonen – alt for at det skal være
enkelt for deg, og at det skal være lett å bruke for kunden eller slutt-
brukeren. QR (Quick Response) koder brukes mer og mer på trykk. En
QR-kode i en annonse kan for eksempel rutes rett til dine mobile sider.
Det skjer mye på dette området, og vi skal sørge for at vi er oppdatert slik
at du vet at du har gjort det rette valget ved å velge Wondercode.
AT&T 12:34 PM AT&T 12:34 PM
10 – WEB360 UTGAVE 2011
11. FULL KONTROLL OG STOR FLEKSIBILITET MED WONDERCODE E-HANDEL En kampanje kan både inneholde kategorier og enkeltprodukter. Alle
En butikks varesortiment kan struktureres i kategorier. Butikken kan ha produkter som er knyttet til gitt kategori vil arve samme rabatt. Et produkt
uendelig antall kategorier som du selv kan sortere og kategoriene kan selv kan enten ha prosentrabatt eller prisavslag i kroner.
inneholde underkategorier. Med e-handelsmodulen i Wondercode har du
full kontroll på disse kategoriene. Her kan du legge til ny kategori, endre Produkter kan tilknyttes en rekke egenskaper, som f.eks. merkevare eller
tittel, beskrivelse, synlighet og søkeord, samt slette og omstrukturere. produsent, produktkolleksjon, hvem som er distributør for produktet og
evt. andre ting. Merkevarer, kolleksjoner og distributører kan legges til
Med e-handelsmodulen i Wondercode får du en lettfattet oversikt over og endres fritt. E-handelsmodulen i Wondercode kommer også med et
din produktkatalog. Du kan se de siste 100 produkter, se alle produkt- eget system for å definere flere egenskaper for produkter, f.eks. farger,
er, se alle produkter fra en kategori, sortere rekkefølgen på produktene, lengder, høyder, skostørrelser og lignende.
endre synlig kjøpbarhet eller slette produktene, alt i det samme enkle
grensesnittet. Med Wondercodes e-handelsmodul tar du nettbutikken din til nye høyder!
Produkter kan komme i flere variasjoner. For eksempel i flere farger,
størrelser og kapasiteter. Om produktet ditt kommer i en eller flere ØNSKER DU Å VITE MER, ELLER Å FÅ TILGANG TIL DEMO?
variasjon(er) har du full kontroll på dette i e-handelsmodulen. Du styrer Ta gjerne direkte kontakt med leder for Wondercode, Sven-Erik Knoff,
tittel, synlighet, varenummer, EAN-strekkode, masse, volum, farge, lager- eller få mer informasjon og tilgang til demo på www.wondercode.no
beholdning, innkjøpspris og utsalgspris. Masse og volum brukes til å ut-
regne fraktkostnader. Her får du tilgang til å:
- Be om tilbud
Ordrebildet viser alt du trenger for å ferdigbehandle en ordre. Ordreinfo - Planlegge ditt webprosjekt
vil vise ordrenummer, dato, hvilket betalingsalternativ kunden har valgt, - Be om demo
samt betalings- og ordrestatus. Betalings- og ordrestatus er kun for din - Se foredrag og presentasjoner
informasjon og du setter disse selv. Systemet gjenkjenner automatisk
kollinummer fra Tollpost og Posten Norge og gir disse en direktelink til TLF 4000 46 05
sporingsinformasjon.
E-POST sven-erik@increo.no
Kampanjesystemet i e-handelsmodulen gir deg muligheten til å rabattere SKYPE seknoff
produkter innenfor et gitt tidsintervall og med eller uten kampanjekode. TWITTER @seknoff @wondercode
FÅ TILGANG TIL DEMO
WWW.WONDERCODE.NO
Systemet bak Wondercode er avansert,
men for brukeren er Wondercode svært
enkelt i bruk. Prøv selv!
11 – WEB360 UTGAVE 2011
12. AKTUELT
15 gode tips
AV HÅVARD SANDAA KARLSEN 1. Visittkort: Hvor ofte får du et visittkort du ikke rekker eller husker å
havard@increo.no • 4000 46 08 • @WebHavard
skrive inn i kontaktlisten din? Med en QR-kode på visittkortet vil de som
mottar kortet enkelt kunne skanne og lagre kontaktinformasjonen.
AV ANN-KRISTIN MORK FISKEBECK
ann-kristin@increo.no • 4000 46 09
2. Lokalinformasjon: For kommuner og reiseliv i vårt vakre land gir QR-
koder en unik mulighet til å formidle informasjon. Hva om alle kommunene
hadde laget en QR-kode for hver severdighet? Ved å skanne koden kunne
QR-koder man først få velge på hvilket språk man ønsket informasjonen, og så
Det siste året har du nok sett mange av disse firkantete «strekkodene» på kunne det komme opp en video eller en tekst med historien bak, eller
annonser, plakater, flyplasser og lignende. Men hva er egentlig QR-koder, generell informasjon om, severdigheten – og selvfølgelig mulighet til å
og hva kan man bruke dem til? dele denne informasjonen i sosiale medier. Enkelt, billig og god reklame.
Det samme gjelder også postkort med flotte lokale motiv. Hvorfor ikke gi
QR er en forkortelse av «Quick Response», og er rett og slett en strek- mottageren av postkortet mulighet til å se en video eller lese informasjon
kode i 2D. Teknologien ble laget av det japanske firmaet Denso-Wave om stedet venner eller familie har vært på?
allerede i 1994, men det er først og fremst etter smarttelefonenes inntog
at bruken har eksplodert. I Norge ser vi nå stadig flere av disse kodene, 3. Idrettsarrangementer: Idrett engasjerer og samler mange mennesker på
og da spesielt i annonser. et sted. Hva om man for eksempel hadde laget en QR-kode på samtlige
seter på stadion, som førte tilskuerne videre til et dagsaktuelt videointervju
Som med det meste her i verden er alt enkelt å bruke om du kan det. Å med en av deltagerne, en link til live-oppdateringer og så videre?
skanne QR-koder er intet unntak. Ved å laste ned en app til din smart-
telefon, vil telefonen bruke kameraet til å hente ut informasjonen som 4. Bruksanvisninger: Hadde det ikke vært perfekt om man hadde fått en
ligger i kodene. En slik app er for eksempel I-nigma eller QR Droid, som QR-kode på alle produktene man kjøper i flatpakker, med en video om
er tilgjengelig for både iPhone og Android-telefoner. Etter at du har lastet hvordan man skal montere varen?
ned en slik app, åpner du bare appen og skanner QR-koden.
5. Butikk: Butikker i dag blir mer og mer interaktive. Mange butikker har
På Internett finner du mange forskjellige QR-kode-generatorer. «QR Code også egne nettbutikker. Om butikkeierne satte inn en QR-kode på alle
Generator from the ZXing Project» er et meget godt eksempel på en slik produktene, som viste til beskrivelse av produktet, brukeromtaler, innhold
generator. Her fyller du inn den informasjonen som du ønsker at brukeren og tips, ville dette helt sikkert være til stor hjelp for kunder som ikke har
av QR-koden skal ledes til. Dette kan være alt fra weblinker, video, visitt- tid til å vente på at betjeningen blir ledig en travel dag.
kort, bilder, e-postadresser, telefonnummer m.m. Videre har du mulighet
til å endre farge på QR-koden, og lagre den i flere forskjellige formater. 6. Prospekter: Daglig ser man annonser fra bilprodusenter, eiendoms-
meglere og lignende. Felles for disse annonsene er at man får lite informa-
sjon ut av dem. Om man setter av litt plass til en QR-kode, kan interessenter
skanne koden og komme direkte til mer utfyllende informasjon.
7. Konkurranser: I generatoren kan man lage ferdigutfylte tekstmeldinger
12 – WEB360 UTGAVE 2011
13. med et forhåndsdefinert nummer. På den måten vil det være enkelt for butikken din. Ved å legge til en QR-kode som viser hvor du er på kartet, vil
folk å delta i konkurranser – uten selv å måtte fylle ut den nødvendige også brukeren se hvor han er i det han skanner koden. På den måten vil
informasjonen om for eksempel navn og adresse. det da være enkelt å følge kartet for å finne fram til butikken din.
8. Preview: Ved lansering av filmer, TV-serier eller produkter publiseres 14. Nettsidehenvisning: Ved å skrive inn en URL (webadresse) kan du føre
det ofte mye informasjon og reklame på forhånd. Hva om man kunne se brukeren som skanner koden direkte inn på en nettside. Denne nettsiden
på kinoprogrammet i lokalavisa og skanne en QR-kode om den aktuelle kan for eksempel være en YouTube-video, et produkt i nettbutikken,
filmen for å se traileren og få tilgang på informasjon? bussruter, din egen nettside m.m.
9. Rabattkuponger: Man kan også benytte QR-koder til å fremme salget 15. WiFi-nettverk: Dersom det trådløse nettverket på kontoret har et
av et bestemt produkt ved for eksempel å tilby rabatt til kundene. Man komplisert passord, kan du generere en QR-kode som gir de opplysninger
lager ganske enkelt en kupong som kommer frem når man skanner koden. som trengs for å koble seg opp på nettverket.
Kupongen vises frem for å få rabatten, eller printes ut. I stedet for kupong
kan man også gi ut rabattkode til bruk i for eksempel nettbutikk. Fordeler med QR-koder
Fordelene med QR-koder er, som du ser, mange. I tillegg til at du kan
10. Tilbakemelding: Om du selger et produkt i butikken din og ønsker tilby en rask og målbar respons, får du enkelt vist mer av budskapet ditt
tilbakemeldinger, er en mulighet å sette på en QR-kode på merkelappen, til de som er interessert. Man har også mulighet til å skape en tettere
så kan brukeren gi deg direkte tilbakemelding på produktet via e-post, dialog med kunder. Sist, men ikke minst, vil riktig bruk av QR-koder gi en
Facebook eller nettsiden. merverdi og bedre mulighet for informasjon for brukerne.
11. Reiserute: På busstopp over hele landet opplever man ofte å bli servert Det finnes åpenbart uendelige muligheter ved bruk av QR-koder, og det
relativt uoversiktlige bussruter. Dette gjelder for så vidt også ferger, båter er egentlig kun fantasien som setter grenser. I USA og Asia er QR-koder
m.m. Med QR-teknologi kan man skanne seg inn på en nettside som viser allerede svært utbredt, i Norge er man på full fart etter. Det er ingen grunn
hvor lenge det er til neste buss/ferge osv. kommer til det aktuelle stedet. til å tro at det ikke vil «ta av» her også. Om du ønsker mer informasjon
Kolumbus (Rogaland Kollektivtrafikk) har allerede tatt systemet i bruk, eller har innspill, skann QR-koden nedenfor og kommenter på InCreos fag-
med suksess. blogg, eller går til www.increo.no/aktuelt
12. Kalender: Alle smarttelefoner er utstyrt med egne kalendere. QR gir
deg muligheten til å lage en kode som brukere kan skanne inn for å sette
av et aktuelt tidspunkt i kalenderen sin. Slik kan man enkelt få folk til
å huske på visningen, konserten, filmen eller salget som kundene dine
trenger å notere seg.
13. Kart: Med QR-koder kan du henvise brukeren til en eksakt posisjon
på kartet. Brukeren som skanner koden vil da få opp den lokasjonen du
har bestemt i en kartvisning (Google Maps) på smarttelefonen. Et godt
eksempel kan være om du sender ut en DM med at du har et supersalg i
13 – WEB360 UTGAVE 2011
14. CASE STUDY
GLAMOX
Brukerfokusert designprosess
Fra prosjektets begynnelse anså vi at den enorme mengden med in-
formasjon i løsningen ville by på store utfordringer, som ville kreve
mye i form av kunnskap og kompetanse av alle involverte prosjekt-
deltakere. Formålet med den nye webløsningen var å skape et solid
verktøy for å la brukere kunne tilegne seg informasjon fra produkt-
Om du ser opp i taket nå, ser du med ganske stor sannsynlighet databasen til Glamox.
opp i et lys produsert av Glamox eller Luxo. InCreo laget i sin tid
webløsningen til Luxo, og da disse to selskapene slo seg sammen I planleggingsfasen ble et vidt brukerspekter identifisert, fra eksterne
fikk vi oppdraget med å utvikle www.glamox.com/no fagfolk over flere bransjer med behov for utfyllende informasjon
om belysningsløsninger, til interne salgsavdelinger hos Glamox som
primært skal bruke webløsningen til å hente ut informasjon om
AV HÅVARD SANDAA KARLSEN produktene de skal selge. Med dette utgangspunktet startet vi en
havard@increo.no • 4000 46 08 • @WebHavard
brukerfokusert designprosess, med mål om først å utforme et om-
fattende interaksjonsdesign av løsningen. En prosjektgruppe ble
AV TERJE SVINNING
terje@increo.no • +44 20 89 830939
etablert og ledet av prosjektledere fra Glamox og InCreo, og tiltak
for planlegging og informasjonsflyt ble iverksatt. Gjennom flere
planleggingsmøter og workshops ble en omfattende informasjons-
arkitektur satt opp, og interaksjonsdesignet utformet. Samarbeidet i
prosjektgruppen var spesielt viktig i denne fasen, da det krevdes at alle
prosjektdeltakerne måtte ha god forståelse for den ofte komplekse
informasjonen som skal presenteres for brukerne.
Med interaksjonsdesignet på plass var det mulig å se løsningens opp-
bygning, og prøve ut denne på interne og eksterne brukere før den
visuelle designprosessen og utvikling av den tekniske plattformen
kunne begynne. Den visuelle designprosessen tok for seg hele ut-
trykket til selskapet etter sammenslåingen av Glamox og Luxo. Egne
in-house designere hos Glamox etablerte en ny profil, mens vi i InCreo
visualiserte løsningen for web, med utgangspunkt i interaksjonsdesign
og ny profil.
14 – WEB360 UTGAVE 2011
15. Wondercode
De største utfordringene var løsningens størrelse og omfang. Det er
foreløpig lagt opp til 16 ulike websider i samme CMS, og er pr. dags dato
den største løsningen laget basert på Wondercode. Det er registrert over
50 brukere av CMS-en hos kunden. Med dette dukket det opp mange
nye utfordringer når så mange brukere samtidig skulle jobbe på samme
løsning, på samme tidspunkt som utviklerne kontinuerlig jobbet med
løsningen. Vanligvis fullfører vi det meste av funksjonalitet før kunden
slipper til, men det var det ikke tid til her. Mindre og større justeringer
på CMSen har blitt gjort for å møte kundens krav til et fullt brukbart
utviklingsmiljø for et høyt antall brukere, erfaringer vi tar med oss videre
i Wondercode.
En annen utfordring vi hadde var at sidene ble lansert mens vi ennå ut-
viklet funksjonalitet, og arbeid pågikk på de andre websitene (avdeling-
ene). Da hadde vi ikke bare kunden som jobbet på applikasjonen å tenke
på, men også alle som bruker websidene – noe som setter enda høyere
krav til at alt fungerer som det skal.
Med en så stor produktdatabase, var også integreringsjobben mellom
websiden og Glamoxs interne databaser en stor jobb. Dataene som syn-
kroniseres over, og data som legges inn manuelt i CMSen, blir også arvet
med mulighet for oversettelse mellom de ulike websitene. Arving er en
mer komplisert datastruktur som gjør integreringen til en tyngre jobb for
datatrafikken mellom serverene. Med dette måtte også ytelsesutfordring-
ene optimaliseres.
Samarbeid
Som beskrevet, er Glamox.com/no en kompleks og stor løsning med
mange produkter og mye informasjon. Med Wondercode som grunn-
program for løsningen, har vi skapt flere skreddersydde løsninger for å
tilpasse behovene. Glamox sitter nå med en topp moderne og tilpasset
løsning for sin målgruppe, og for alle ansatte som er involvert i web-
satsingen. LEVERANSE FRA INCREO
Rådgivning, interaksjonsdesign, webdesign, publiseringsløsning
med skreddersøm, og webhosting
En kritisk suksessfaktor i prosjekter av denne størrelsen er kommunika-
sjon og prosjektledelse, både fra vår og kundens side. Glamox har flere LANSERT
2. mai 2011
avdelinger og mange kontaktpunkter, men prosessen gikk etter planen
takket være tett oppfølging fra begge parter over telefon, Skype, mail og TEKNOLOGI
fysiske møter. Besøk Glamox på www.glamox.com/no asp.net, c#, javascript, jquery, html, css
Mer enn en web-kolleksjon produktene. Og ikke minst har vi tatt hensyn
til byggenæringens behov for formell doku-
De nye web-sidene til Glamox-gruppen strekker mentasjon av produkter som inngår i bygge-
seg langt for å imøtekomme behovene hos for- prosjektene. I den nye web-løsningen hjelper vi FAKTA OM GLAMOX-GRUPPEN
skjellige målgrupper med ulike ønsker. kundene våre å finne akkurat den versjonen av
• Norsk industrikonsern
et produkt de har behov for. Deretter gir vi dem
• Utvikler, produserer og selger lysarmaturer
Våre web-sider er et helt sentralt arbeidsred- muligheten til å laste ned betydelige mengder
og andre belysningsprodukter over hele verden
skap for viktige fagmiljøer innen belysning, dokumentasjon om det produktet de har valgt.
ikke bare i Norge og Norden, men faktisk på • Ca. 1200 ansatte
verdensbasis, ettersom Glamox har en be- Vi føler på denne måten at resultatet er blitt • Fabrikker i Europa, Asia og Nordamerika
tydelig eksport, og i tillegg er en verdensleder mye mer enn en webside som presenterer en
• Merkevarer: Glamox, Luxo, Høvik lys, Aqua
innen belysningsløsninger på skip og borerigger. kolleksjon av belysningsprodukter. Det er blitt et Signal, Norselight
Arkitekter, rådgivende ingeniører, konstruktører levende arbeidsredskap for de profesjonelle fag-
og elektro-installatører har ulike behov for in- miljøene vi er en del av. Tilbakemeldingene fra
formasjon – men skal alle kunne finne det de alle disse målgruppene er at vi virkelig har truffet
leter etter på ett og samme nettsted. spikeren på hodet med denne nye løsningen fra
InCreo.
Sammen med InCreo har vi derfor jobbet hardt
for å finne en løsning som kan imøtekomme de AV BØRGE FILSETH
ulike målgruppenes behov for informasjon om Prosjektleder, Glamox-gruppen
15 – WEB360 UTGAVE 2011
16. CASE STUDY
Mobilapplikasjoner
425 000 40%
60%
HVA ER EN APP? App kommer av applikasjon,
et program du kan bruke på mobil eller nett-
brett. Tilbudet er enormt. Du kan navigere på
stjernehimmelen, bruke telefonen til lommelykt,
Nettbrett salgsvinner huske hvor du parkerte bilen og naturligvis velge
i en drøss av spill. Det tar bare noen sekunder å
laste ned et program. Apple selger appene til sitt
utstyr gjennom sin App Store, mens konkurrent-
ene, som Googles Android, har sine tilsvarende
digitale utsalg. (Kilde: Aftenposten)
425,965
106,514
532,479
SPILL 64048
BØKER 57136
$2.26
LIVSSTIL 32480
Appiness!
VED INNGANGEN AV 2011 BLE APP I skrivende stund inneholder softwarebutikken til Apple over 425 000 applika-
sjoner, og interessen for mobilapplikasjoner har så langt vært enorm. I tillegg til
NUMMER 10 MILLIARD LASTET NED Apple har Google, med sitt Android Market, lyktes svært godt med distribusjon
FRA APPLES APP STORE. og salg av mobilapplikasjoner.
Det er flere fordeler med mobilapplikasjoner, og mens forbrukerne tidligere
AV MORTEN WIKSTRØM nærmere forventet at digitalt innhold skulle være gratis, er også betalingsvillig-
morten@increo.no • 4000 46 06
heten for denne typen varer i dag tilstede. Det aller meste av informasjon egner
seg for en applikasjon, men de er spesielt godt egnet for innholdstjenester,
abonnement og ressurskrevende programmer. Gjennom utviklingen får man et
godt tilpasset grensesnitt, og man kan også tilby apps som kan være tilgjengelig
når brukeren er offline/uten nettilgang. På neste side følger en presentasjon av
de to siste iPhone-applikasjonene som InCreo har utviklet.
16 – WEB360 UTGAVE 2011
17. Discover Oil & Gas
OPPDRAGSGIVER: Bayerngas Norge/G21
PLATTFORM: iPhone, iPad
PRIS: kr. 70,-
Ambisjonen bak applikasjonen Discover Oil & Gas var
å sette brukerne i stand til å beregne hvor mye energi
et olje- og gassfelt faktisk inneholder. Resultatet ble AT&T 12:34 PM AT&T 12:34 PM AT&T 12:34 PM
en iPhone-applikasjon som konverterer ulike volumer
av olje, naturgass og LPG til energi målt i kilowattimer,
Joule og britiske termiske enheter. Applikasjonen gir
også brukeren en oppdatert verdifastsetting, presentert
i 10 ulike valutaer.
Det internasjonale energikonsernet Bayerngas beskriv-
er verktøyet som det optimale verktøyet for alle som
arbeider i olje- og gassindustrien World Wide, ettersom
det gir umiddelbare svar på de fleste spørsmålene man
har i forbindelse med energiverdikjeden.
Strøm & vær
OPPDRAGSGIVER: TrønderEnergi
PLATTFORM: iPhone, iPad
PRIS: kr. 0,-
På samme måte som nordmenn er opptatte av vær,
er vi etter noen kalde og tørre vintre nå blitt svært så
opptatt av strømprisen. Applikasjonen Strøm & Vær AT&T 12:34 PM AT&T 12:34 PM
fra TrønderEnergi gir deg informasjon om begge deler.
Den henter strømprisene fra den nordiske strømbørsen
Nord Pool, og presenterer oppdatert strømpris for de
ulike landsdelene/kraftregionene. I tillegg får du se
utviklingen for de siste 30 dagene. Applikasjonen be-
nytter lokaliseringsfunksjonen i telefonen, den tilbyr
enkle værdata og gir råd om hvordan man kan spare
strøm. Strøm & Vær ble anbefalt som én av de 50 beste
applikasjonene av tidsskriftet Kapital:
Ingen dum app å ha når høstkulda setter inn, og du
ser at spotkurvene for strøm stiger til nye høyder.
Kapital 10/2011, s. 59
17 – WEB360 UTGAVE 2011
18. AKTUELT
Sosialiser!
TIPS TIL Å LYKKES I SOSIALE MEDIER
Men hvorfor?
AV HÅVARD SANDAA KARLSEN
For meg er årsaken ganske tydelig. På Twitter ønsker folk å få meldinger
havard@increo.no • 4000 46 08 • @WebHavard
direkte fra den personen de følger, ikke andrehåndsinformasjon gjennom
offisielle artikler. Her er nærheten til informanten det vesentlige.
Å generere trafikk til nettsiden din ved hjelp av sosiale medier, er et tema
det blogges om overalt. Jeg ønsker å belyse hvordan noen organisasjoner Hvordan kan vi så relatere dette til oss selv? Hvordan kan du fra din nett-
med mange tilhengere gjør det, og hvordan du kan ta deres ideer i bruk side bruke Twitter som et medium for å øke trafikken på nettsiden din?
for å gjøre din satsing innen sosiale medier best mulig. Alle som har en nettside det satses på, har enten personlig kunnskap, eller
tilgang på kunnskap gjennom andre i bedriften, om nettsidens/firmaets
Som sportsidiot har jeg hentet noen eksempler på hvordan idrettsstjerner budskap. Front deg selv eller andre profiler i firmaet ditt på Twitter, og kom
og klubber bruker sosiale medier for å skape engasjement hos tilhengere. med personlige meldinger. Jobber du i reiselivet kan du legge ut bilder og
Selv om mange kanskje vil ha problemer med å relatere sin egen nett- kommentarer fra turer du er på, eller om at været er fantastisk der du er
side mot idrettsstjerners strategi innen sosiale medier, mener jeg man kan akkurat nå. Jobber du i klesbransjen, forteller du alle om de fantastiske
hente mye inspirasjon i måten de bruker sosiale medier på. nye buksene som Moods of Norway nettopp leverte i butikken din. Har du
ansvaret for nettsidene i en fotballklubb, kan du få spillerne til å «kvitre»
Twitter om hverdagen som fotballspiller. De som følger deg på Twitter vil da føle at
Alle som leser nettaviser i dag finner til stadighet kildehenvisninger til du snakker direkte til dem.
«tweets» fra Twitter. Kjendiser, idrettsstjerner og journalister øser ut
førstehåndsinformasjon til sine følgere. Men, en tydelig og klar strategi er viktig uansett. Planlegg derfor hva
målet med satsingen er. Avklar på forhånd hvordan man skal håndtere
Forsvarsspiller på laget Manchester United, Rio Ferdinand, er en av de kritikk og andre misytringer. Til slutt, svar alltid tilbake på meldinger du får
største stjernene i engelsk fotball. Ferdinand har i dag 1 303 908 følgere inn. Dette gjør at du får bygd opp profilen din, samt vist at du har peiling
på Twitter. Med sin Twitter-konto deler Ferdinand informasjon fra livet på det du skriver om.
sitt til sine følgere. Like etter Manchester United tok ligagullet i Premier
Leauge la han ut mange bilder fra feiringen i garderoben, og fra banketten Facebook
senere. I tillegg til bilder som relaterer til hans jobb som profesjonell fot- Vi holder oss i fotballverdenen, og i Manchester United litt til. Mens spill-
ballspiller i et av verdens største fotballag, deler Rio Ferdinand personlige erne er aktive på Twitter, er de ikke fullt så aktive på Facebook. Klubbene
meninger med omverdenen via Twitter. Her kan man for eksempel lese deres bruker derimot Facebook for alt det er verdt. Manchester United
hvor mye andre bilister irriterer ham, og ikke minst følge krangelen med har per i dag over 17,9 millioner tilhengere på sin Facebookside. Sett i
den profilerte Arsenaltilhengeren og «America’s Got Talent»-dommeren forhold, har Rio Ferdinand ca. 500 000 tilhengere, en side som i tillegg
Piers Morgan. Ikke overraskende; fansen elsker det. styres av klubbens avdeling for media.
Med så mange tilhengere tenker nok mange at potensialet for salg av
drakter, billetter, plakater og så videre er enormt. Men strategien, og mest
sannsynlig nøkkelen til at de har så mange tilhengere, er at klubbene
ikke «plager» tilhengere med priser, tilbud, salg, nyheter fra butikken etc.
Snarere tvert i mot. Ved å legge ut alle sakene som publiseres på sin offi-
sielle hjemmeside, samt et spørsmål til sine mange fans, får de enormt
mange kommentarer og «likes» på alt de skriver. På denne måten bygger
18 – WEB360 UTGAVE 2011
19. #SoMe
de opp profilen, og tiltrekker seg mange lesere på nettsiden sin. Det er fordi han syns det er gøy, men prinsippet er veldig bra. Ved å svare på
først der leseren finner informasjon om salg av supporterutstyr og billetter, spørsmål fra alle som engasjerer seg i Aston Villa, gir han dem en følelse
nærmest uansett hvilken side du er inne på. av at de blir tatt på alvor. Den følelsen de sitter igjen med da gjør at de
vil være enda mer tilknyttet klubben, og nesten garantert kjøpe billetter
Igjen, tilbake til virkeligheten. Skal man legge opp en strategi for bruk av til kampene og klubbens nye drakter. Om Aston Villa hadde lagt denne
Facebook er det altså viktig å være forsiktig med å reklamere for nye varer forumtråden inn på sine egne nettsider ville det skapt mye trafikk inn på
i butikken, tilbud og lignende. Bruk heller Facebook til å få ut nyheter som sidene, media ville enklere kunne hente stoff og sitater til sin neste artikkel
kan være interessant for tilhengerne, og still alltid et spørsmål når du legger om Aston Villa, og ikke minst ville veien for en supporter være svært kort
ut en sak eller kommentar. Det tvinger leseren til å ta stilling til noe, og til klubbens nettbutikk.
på så måte oppfordre til mer aktiv lesing. Om jeg, med mine 446 venner
på Facebook, liker eller kommenterer noe du legger ut – så vil dette spres Med andre ord. Om du, eller andre i bedriften – uansett hvor stor den er,
videre til mine venner igjen. Hvis 10 av mine venner igjen kommenterer har din egen blogg, trenger man ikke være god til å skrive. Bloggen kan
eller liker noe du har publisert, vil dette generere flere tilhengere på din enkelt og greit være et sted hvor man kan kommunisere med kunder og
Facebookside, noe som igjen vil gi økt trafikk på nettsiden. brukere av nettsiden. Med en spørsmål/svar-tilnærming kan man gjøre
bloggen sin til en potensiell skyteskive for kritikere eller misfornøyde
En god Facebookregel er: Legg aldri ut noe du selv ikke ville kommentert kunder. Dette kan kanskje virke skummelt, men ingenting er vel bedre
eller trykt liker på. Dersom du skal lansere et nytt produkt kan du lett enn at nettopp disse klager direkte til deg slik at du har mulighet til å
gjøre dette til en nyhet. I stedet for å skrive «vi har fått nye bukser inn svare dem på en god måte? Om en kunde skriver en klage på buksen han
på lager, kr 1099», skriv heller «Nye bukser inn i butikken i dag, sjekk ut eller hun har kjøpt, har du muligheten til å invitere vedkommende tilbake
den fantastiske sømmen på lommene. Hva syns du?» (med vedlagt bilde). til butikken, bytte varen og forklare hvorfor det gikk galt. Jeg er helt sikker
Om personen som klikker inn på bildet liker det han/hun ser, ja, så vil de på at du i de aller fleste situasjoner kan løse de fleste floker ved hjelp av
kommentere eller gå videre inn på nettsiden din. direkte kommunikasjon med dine kunder. Og igjen, bedre dét, enn om de
går videre til konkurrenten og kjøper en ny bukse eller gressklipper hos
En liten fotnote med tanke på Facebook; I disse dager testes Facebook dem. For så å klage på din bedrifts service og kvalitet.
Deals ut i Norge. Dette vil gi bedrifter som jobber mot privatnæringen
mange nye muligheter i markedsføringen. Når du begir deg inn i de sosiale mediers verden – ta deg alltid tid til å
svare. Og om satsingen ikke eksploderer med en gang, snu deg tilbake
Blogg og se om det er noe du kunne gjort bedre. Og ikke gi opp. Det vil lønne
Blogger kommer i mange forskjellige former. De skiller seg ut med å være seg, jeg lover.
mer personlige, da gjerne med en person som skriver sine egne meninger
i stedet for meninger fra bedriften. Blogger kan også variere fra bare å
være meninger til å være en dialog mellom en person og leseren (litt
som et forum). Aston Villa er en annen engelsk fotballklubb som spiller
i Premier Leauge. Klubbdirektøren her, Charles Krulak, går under navnet
General Krulak i Aston Villa-forumet villatalk.com. Charles Krulak var På InCreos faglige blogg skriver vi om temaer innen webdesign, web-
general i det amerikanske forsvaret og Vietnam-veteran. Selv om dette utvikling og e-handel. Bruk gjerne kommentarfeltet til diskusjon og
eksempelet er hentet fra et forum, kan prinsippet overføres til bloggens kommentarer, eller del bloggen til andre i kontaktnettet ditt som kan
ha nytte av den: www.increo.no/aktuelt
verden. Uansett. Charles Krulak svarer på alle spørsmål fra Aston Villa
sine fans i dette forumet. Hvorfor gjør han dette? Sikkert først og fremst
19 – WEB360 UTGAVE 2011
20. AKTUELT
Søkemotoroptimalisering
for Dummies
«Søkemotoroptimalisering er å benytte metoder
som gjør slik at en nettside eller flere oppnår en
bedre synlighet eller «ranking» på søkemotorens
resultatsider».
Det finnes millioner av
websider der ute som
krangler om plassen.
Hvordan komme seg
høyt i søkeresultatet?
-35,71%
Under vil vi gå gjennom noen av de viktigste metodene som du kan be-
AV HÅVARD SANDAA KARLSEN
nytte selv.
havard@increo.no • 4000 46 08 • @WebHavard
Innhold
AV KRISTOFFER AARSKOG
kristoffer@increo.no • 4000 46 10 Google prøver så godt de kan å prioritere innhold. Skriver du bra innhold
som andre ønsker å lese, så mener Google at dette bør premieres ved
å rangere deg høyt opp i søkeresultatene. Den generelle teksten på en
Søkemotoroptimalisering (SEO) har kanskje de fleste hørt om, men ikke nettside er derfor noe av det viktigste. Man må ikke glemme å skrive
alle vet hva det betyr i praksis. Noen tror det er enkelt og gratis, mens gode tekster selv om man skriver for web. Når du har funnet ut hvilke
andre tror det er vanskelig og veldig dyrt. Sannheten er at begge deler nøkkelord du ønsker skal rangeres høyt, bruk disse ordene bevisst i tekst-
stemmer, men at du kan komme veldig langt bare ved å gjøre noen enkle ene du skriver, men ikke overdriv. Det er faktisk mulig å bli «straffet»
grep. Denne artikkelen vil ta for seg noen av de tingene du selv kan gjøre av Google om man overdriver. Det vil medføre at du kommer lavere i
for å bli søkemotoroptimalisert. søkemotorresultatene.
Definisjon og forklaring Som en tommelfingerregel så anbefales det å skrive tekster hvor det
Har man laget et nettsted, ønsker man som regel så mange besøk som viktigste står høyest oppe artikkelen. Tittel, ingress og første avsnitt blir
mulig. I tillegg så ønsker man at de besøkende er interesserte i det du derfor viktig. Gå mer inn på detaljer lenger nede i teksten. Dette fordi
har å tilby, og at besøket kan føre til en konvertering (salg e.l.). For at det er mer vanlig å skumme tekster på websider enn i andre media (som
de besøkende skal finne frem til nettopp ditt nettsted, så må nettstedet f.eks. bøker og magasiner). Si det viktigste først, før brukeren forsvinner.
være søkemotoroptimalisert, slik at det kommer høyt opp på søkemotor-
resultatet. Er man ikke på side 1 i et Google-søk, så er det vanskelig å Nøkkelord
trekke til seg nye besøkende. For mange kan dette være avgjørende. Alle nettsider har forskjellig innhold og utseende, men for å bygge opp
et godt innhold er det viktig å fokusere på et avgrenset antall nøkkelord.
Google har en lang liste over parametre som må være tilfredsstilt for Skal du f.eks. selge briller, så bør nøkkelordet ditt være «Briller», og ikke
at du skal komme høyt opp i søkeresultatet. Noen av parametrene er «Leseredskap». De færreste søker etter ordet «Leseredskap», og du vil
viktigere enn andre og vektingen endrer seg hele tiden. Google holder derfor ikke dukke opp i søkeresultatet. Konsekvensen er at ingen finner
disse endringene tett til brystet, men prøver hele tiden å gi oss de beste frem til ditt nettsted.
resultatene basert på søkeordet du skriver inn. Det finnes mange typer
søkemotorer, men siden Google står for ca. 80% av alle søk, bruker vi i Å finne frem til de riktige søkeordene er en veldig viktig prosess. Artikler
denne artikkelen Google som utgangspunkt. Wikipedia sier følgende om bør bygges opp med nøkkelordene jevnt fordelt utover i artikkelen.
SEO: «Søkemotoroptimalisering er å benytte metoder som gjør slik at en
nettside eller flere oppnår en bedre synlighet eller «ranking» på søke- URL
motorens resultatsider». «Fra gammelt av» har websidens adressefelt bestått av kryptiske tegn
20 – WEB360 UTGAVE 2011