WEB360 f a g M AGA S I N U T G I T T A V I N C R E O . no 2010
Fo
le medier kedsføring i sosia ar m og g in gg Merkevareby pplevelse på nett Websikkerhet • shop • Handelso eb W s a` m nd ra jenester Case Study: G is • Nyttige gratist pr nn Bu Wondercode • y: ud St Case tig investering • rprosjekt – en vik
velkommen web360 ER ET fagmagasin UTGITT AV INCREO.NO
medarbeidere
iPad-applikasjon
ambisiøse mennesker, solide løsninger
Hallgrim Bjørvik Daglig leder hallgrim@increo.no Tlf: 982 51 012
Morten Wikstrøm Prosjektleder morten@increo.no Tlf: 982 51 017
Toril Aspaas Prosjektleder toril@increo.no Tlf: 986 90 881
Håvard Sandaa Karlsen Prosjektleder havard@increo.no Tlf: 454 04 111
Joakim Ramstad Administrativ leder joakim@increo.no Tlf: 406 25 080
Vegard Kartfjord Systemutvikler vegard@increo.no Tlf: 958 01 556
Christoffer Wiik Systemutvikler christoffer@increo.no Tlf: 920 62 386
Stian Hanger Systemutvikler stianh@increo.no Tlf: 406 25 080
Eilev Hagen Systemutvikler eilev@increo.no Tlf: 454 05 333
Kim L. Paulsen Systemutvikler kim@increo.no Tlf: 982 51 013
Paul Magne Lunde Systemutvikler paulmagne@increo.no Tlf: 454 04 222
Bjørge Susæg Stafsnes Systemutvikler bjorge@increo.no Tlf: 454 13 444
LAST NED OG LES WEB360 PÅ DIN iPAD! Applikasjonen vil tilby det nyeste bladet til enhver tid. Du kan også lese tidligere utgaver.
FÅ WEB360 TILSENDT I POSTEN Stian Øveråsen Systemutvikler stian@increo.no Tlf: 982 51 016
Eirik Eldorsen Systemutvikler eirik@increo.no Tlf: 982 51 015
Øyvind Henriksen Systemutvikler oyvind@increo.no Tlf: 982 51 014
Kenneth Kristiansen Systemutvikler kenneth@increo.no Tlf: 920 63 296
Registrer deg hos oss, og vi sender neste utgave av WEB360 rett til din adresse. For registrering: www.increo.no web360@increo.no
WEB360
Per Morten Trøen Grafisk designer permorten@increo.no Tlf: 982 59 565
Terje Svinning Grafisk designer terje@increo.no Tlf: +44 20 89 83 09 39
2 – WEB360 utgave 2010
Hilde Gran Kielland Grafisk designer hilde@increo.no Tlf: 938 81 475
Audun Saltvik Driftsansvarlig audun@increo.no Tlf: 453 98 889
WEB360 utgis av InCreo Interactive Creations AS, Postboks 8823, 7481 Trondheim Besøksadresse Trondheim: Nedre Elvehavn, TMV-Kaia 21, 7014 Trondheim Besøksadresse Bodø: Storgata 30, 2. etasje Besøksadresse Oslo: Fred Olsensgate 1, 4. etasje Telefon: 815 51 888 • Telefax: 455 09 679 • Epost: increo@increo.no All kopiering eller reproduksjon av tekst og bilder er ikke tillatt uten samtykke fra InCreo.
No! We can`t! Etter 13 år i gamet strekker vi i InCreo oss fremdeles etter å være ambisiøse, solide og nære. Vi ønsker oss medarbeidere som lever og leverer etter slagordet «yes we can!». InCreo var i London en uke i mai 2010 for å bli dyktigere i hva vi gjør. At «yes we can» er et plagiat fra godeste Obama kommer vi selvsagt ikke unna. Like lite som at vårt andre slagord, «20 happy people» er bra inspirert av Moods of Norway. Men det er gode ord som passer for oss også. Så takk til dem! For at ja-kultur og positive holdninger skal gi resultater, er vi i InCreo avhenginge av kunder med samme innstilling. Vi krever faktisk såpass. Og som regel trengs det bare en kontakt eller to før både vi og kunden opplever «yes we can»-holdningen i et prosjekt eller oppdrag. No different? Joda: Et verdistyrt og annerledes InCreo har vokst mye det siste året. Nye medarbeidere forandrer oss og gjør oss mer spennende som miljø. Men størrelse er ikke nok – den siste tiden har vi i fellesskap bestemt oss for at InCreo skal bli mer synlige, tydeligere og annerledes enn andre aktører. For eksempel: Hvem kjenner ikke kunden som vil ha alt på en gang, og under feil forutsetninger? Da skal rett svar fra oss være: «No! We can’t»(!). Et prosjekt drevet fra skanse til skanse, med sprengt tidsplan og budsjett ute av kontroll er skadelig både for kunden og de som skal lage løsningen.
innhold
LES FLERE ARTIKLER I VÅR BLOGG PÅ INCREO.NO
4
Når bedriften skal satse på nett, er planleggingsfasen noe av det aller viktigste å fokusere på.
6
For at du som kunde skal nå dine mål, må alle som jobber i InCreo leve i tråd med våre verdier: Solid, nær, ambisiøs. Alle medarbeiderne i InCreo har diskutert situasjoner der verdiene blir utfordret – der det kan synes fristende eller lønnsomt å handle på tvers av verdiene. Sammen har vi funnet frem til gode metoder for å etterleve verdiene våre. Dette skal sitte i hodet, hjertet og ryggen til hver eneste en av oss. Som kunde skal du være trygg på at vi lever i tråd med våre verdier, og opptrer ryddig og etisk forsvarlig. Vi ønsker prosjekter, gjerne krevende og med krav til innovasjon og nytenking, hvor kunden er motivert for å satse på web, og målet er å øke kundens inntjening gjennom mer salg eller besparelser gjennom mer effektive prosesser. Kunder som «bare skal på nett» vil kunne velge hvilken som helst aktør i markedet for å oppnå nettopp dét. InCreo har ønske om å være best, og vi ønsker derfor å komme i kontakt med bedrifter som har samme tilnærming som oss!
CASE STUDY: GRANDMA’S WEBSHOP InCreo har designet og utviklet Moods of Norways nye nettbutikk – en koselig, høyteknologisk hytte.
8
WEBSIKKERHET Gode råd: En solid og godt vedlikeholdt serverløsning, brukere med kompetanse på sikkerhet, og en webapplikasjon som er utviklet med sikkerhet i fokus.
11
20 nyttige gratistjenester Av og til kommer man over programmer og tjenester som gjør livet gladere og enklere for oss som jobber med web. Noen av verktøyene vi liker aller best har vi samlet i en liste.
Medarbeidere kan gå lei, miste motivasjonen til å finne de beste løsningene, og plutselig ender man opp med kjappe løsninger og et prosjekt uten nødvendig driv og engasjement. Det er vårt ansvar å sikre at hverken kunden eller vi havner i en slik situasjon. Hos InCreo har vi følgende kundeløfter: • Vi lover deg den løsningen du trenger for å lykkes på web • Vi lover å være rause med vår kompetanse
FORPROSJEKT – EN VIKTIG INVESTERING
12
MERKEVAREBYGGING OG MARKEDSFØRING I SOSIALE MEDIER Gevinsten ved å utvikle gode kunderelasjoner gjennom sosiale medier er høy.
14
WONDERCODE Vi presenterer Wondercode; et kraftig publiseringsverktøy utviklet av InCreo. Les også uttalelser fra Vegard Strand og Ørjan Tinnen.
18
CASE STUDY: BUNNPRIS InCreo har utviklet Bunnpris sin nye webløsning. En levende løsning, lagt opp til at kunden selv enkelt kan oppdatere websiden med innhold.
20
DET HANDLER OM OPPLEVELSE Få et innblikk i hvilke trender og utfordringer netthandel står overfor.
Hallgrim Bjørvik, daglig leder hallgrim@increo.no • Tlf. 982 51 012
utgave 2010 WEB360 – 3
Forprosjekt – en viktig investering TEKST: Håvard Sandaa Karlsen FOTO: per morten trøen
Alt for mange som skal ha en side ut på nett ønsker å gjøre dette så fort som mulig, uten å ha en konkret plan for hva de ønsker å oppnå. man ender da ofte opp med en webside som ser pen ut, men som ikke nødvendigvis oppfyller bedriftens behov. Godt forarbeid er nøkkelen til et vellykket resultat. Veien bør ikke alltid bli til mens man går. Når bedriften skal satse på nett, er planleggingsfasen noe av det aller viktigste å fokusere på – likevel er dette en fase som ofte forsømmes. Ved å gjennomføre et forprosjekt før man starter, sørger man for at satsingen på nett blir en suksess for bedriften.
for utvikling av prosjektet. Forprosjektet skal gi svar på noen viktige spørsmål om websiden:
Før du starter et prosjekt med å lage en ny nettside, redesigne en eksisterende nettside eller videreutvikle en eksisterende side, er det alltid lurt å gjøre et forprosjekt. Forprosjektet vil gi deg svar på hva siden din skal inneholde, hvilket innhold som er viktigst, samt svar på hvilke mål du har for nettsatsingen. Det vil også være et svært godt dokument når du skal søke etter tilbud
• •
4 – WEB360 utgave 2010
• •
Hvorfor skal vår bedrift på web, hva ønsker vi å oppnå? Hva skal websiden inneholde, hva ønsker vi å si, og hva har kundene behov for? Hvem er målgruppen for websiden? Hvilke rammer har vi for prosjektet?
Mål for webløsningen Etter å ha vært gjennom et forprosjekt, bør rapporten som kommer ut av den gi deg tydelige mål for websatsingen. Dette kan være mål om å tiltrekke seg de riktige kundene, få fram gitt informasjon, skaffe flere mottakere av nyhetsbrevet osv.
Innhold på websiden Et forprosjekt vil også være et svært nyttig dokument for deg når du skal finne ut hva slags innhold du trenger på websiden, og hva slags innhold som er viktigst for bedriften og målgruppen. Målgruppen Målgruppen for bedriften er som regel relativt klar før man starter et forprosjekt. Men ved å definere den mer tydelig tidlig i prosessen vil du få fram mer riktige svar. Du vil dessuten også få et mer synlig budskap å jobbe videre med. Rammer for prosjektet Hvor mye penger kan vi bruke på prosjektet? Når må websiden lanseres? Hvor mange arbeidstimer kan vi bruke?
– Så hvordan finner man svaret på disse spørsmålene? For å finne fram til disse målene er det utallige metoder du kan benytte deg av. Men som regel finner du dem rett foran nesen din. Her har du to enkle og gode metoder du kan bruke. Intervjuer med interessenter Om det er mange ansatte i din bedrift kan det være lurt å ta en prat med de forskjellige avdelingene. • Hva ønsker markedssjefen å få ut av nettsatsingen? • Hva ønsker sekretæren å få ut av nettsatsingen? • Hva ønsker daglig leder å få ut av nettsatsingen? Svarene kan være veldig forskjellige. Markedssjefen ønsker helt sikkert å få underbygd kampanjene sine på best mulig måte. Han/hun har som regel en klar mening om hvordan man bør få fram produktene og skaffe nye kontakter for å selge mest mulig. På den andre siden sitter sekretæren som ønsker en side hvor han/hun enkelt kan få kontaktinformasjon til de forskjellige avdelingene. Daglig leder ønsker på sin side å få presentert kompetansen i bedriften, og gi potensielle kunder og ansatte et seriøst førsteinntrykk. Ved å få kartlagt dette vil du få et bilde av hva som er viktig for de forskjellige avdelingene i bedriften, og hva som er hovedfokus med siden. Samtidig vil sentrale personer i organisasjonen få et eierskap til nettsatsingen, noe som garantert vil gjøre websiden bedre. Intervju eller undersøkelser med målgruppen En annen metode du også kan benytte deg av, er å sette sammen et brukerpanel fra din målgruppe. Det er tross alt dem du ønsker å kommunisere med gjennom nettsatsingen din. • • •
Hvilken informasjon søker de? Hva slags innhold ønsker de? Hvilken informasjon er viktigst?
Dette er alle spørsmål som er viktig for deg å vite når du setter opp hva siden skal inneholde, og hva som skal være enklest for brukeren å finne. Gjennom disse to metodene har du skapt deg et bilde av hvilke interne behov
bedriften ønsker websiden skal tilfredsstille, samtidig som du har fått et bilde av hva som er viktig for målgruppen din. Det er også viktig å be om begrunnelse for svarene du får. Om du ikke gjør dette kan du fort ende opp med svar som «Jeg synes siden bør være gul med mange fine bilder på». Får du kun slike svar har du ikke kommet noen vei. Hvordan og hva skal man bruke informasjonen til? Etter del 1 av forprosjektet har du samlet inn mye informasjon både internt og eksternt. Du har fått mange svar på hva som er viktig for hvem, og hva som bør prioriteres. Svarene du har samlet inn vil kunne gi deg klare målsetninger og rammer for prosjektet. For eksempel: • Siden må gi brukere/kunder mulighet til å finne kontaktinformasjon til den riktige medarbeideren. • Siden må fremheve kampanjer og andre produkter for å utløse salg og underbygge kampanjer. • Siden må skaffe flere kontaktpunkter fra kunder og potensielle kunder ved å øke antallet mottagere på nyhetsbrevet. • Siden må gi et riktig bilde av bedriften og få fremhevet kompetansen ansatte i bedriften innehar. Med disse målene kan du utforme en disposisjon over innholdet til nettsiden.
beskriver produktet på en god måte. Samtidig kommer det automatisk fram kontaktinformasjon til den selgeren som innehar mest kompetanse på dette produktet, i en egen boks ved siden av produktbeskrivelsen. I den samme boksen viser du til gode referanser og tilbyr potensielle kunder å abonnere på nyhetsbrevet for å motta flere gode tilbud. Nå har du altså dekket behovene til flere sentrale personer i bedriften din, samtidig som kundene har fått produktet beskrevet på en god og gjennomført måte. Forprosjektrapporten Forprosjektrapporten kan være et stort dokument på flere titalls sider, eller noen punkter skrevet ned på et A4-ark. Det viktigste er at man har fått en avklaring på de store spørsmålene om websiden før man begynner å planlegge den i detalj. Neste steg Forprosjektrapporten du nå har laget inneholder all informasjonen du trenger for å begynne å snakke med byråer eller andre fagpersoner man skal bruke til å lage websiden. Svarene gir deg også et mye bedre utgangspunkt til å lage en kravspesifikasjon sammen med de som skal utvikle websiden. Ved å ta utgangspunkt i forprosjektrapporten oppnår man at den spesifiserte websiden faktisk er i stand til å dekke bedriftens behov. n
Eksempel på hvordan forprosjektet kan øke kvaliteten på websiden Når markedssjefen har en kampanje for salg av et produkt, kan kunden gjennom en kampanjebanner på forsiden klikke seg inn på en underside som
utgave 2010 WEB360 – 5
case study SE NETTSIDEN PÅ http://store.moodsofnorway.com
Grandma´s Webshop TEKST: Morten Wikstrøm
De fleste har de senere år blitt kjent med Moods of Norway. En gjeng glade mennesker som designer og produserer fargerike klær og moteprodukter, kanskje spesielt kjent for sine norskinspirerte trykk. Da de ringte og ønsket seg ny nettbutikk var InCreo derfor ikke vanskeligE å be.
In the mood Prosjektet ble startet opp med en kreativ workshop med formål å definere de konseptuelle og visuelle føringene. Etter timer med brainstorming og diskusjoner var fundamentet lagt, og arbeidet med å sette konseptet og ideene til livs ble startet. Designforslag ble utviklet og korrekturrunder gjennomført (når man jobber med personer som til daglig designer moteprodukter skjønner man fort at detaljer teller!). Designet kom etter hvert på plass, og den tekniske delen av prosjektet kunne starte opp. Ei høyteknologisk hytte Man kan kanskje fort få et inntrykk av at løsningen primært er et stort
6 – WEB360 utgave 2010
designprosjekt, men bak en fargerik fasade ligger også en omfattende teknisk løsning. Nettbutikken er bygget på InCreo sin publiserings- og e-handelsløsning, som videre er tilpasset og optimalisert for nettstedets design og funksjonalitet.
og et stort moteshow i Oslo med den norske kjendiseliten tilstede avholdt. Grandmother skal bringe nettbutikken til «global domination», så man kan forvente seg mye spennende fra nettbutikken til Moods of Norway i framtiden. Stay tuned!
Global domination Løsningen kan kanskje best beskrives med Moods egne ord: «The shop is as smooth as silk and as trustworthy as grandma herself. Grandmother is serving the shop by herself, but the Chippendales are helping her to bring the web shop to the peak of global domination».
Besøk Grandma’s Webshop på: http://store.moodsofnorway.com
Løsningen ble lansert den 12.02.10, samme dag som ny kolleksjon ble lansert,
Velkommen til gards! «Jeg tror vi har laget en av de koseligste webshop-ene som finnes, og når til og med mormor er fornøyd, da koser vi oss!»
Fra venstre: Peder Børresen og Simen Staalnacke Hentet fra Moods of Norways mediabank.
Vår webside er et lite utsnitt av vårt Moods of Norway-univers, med rosa sjarker, kuer, Stryn og masse glade farger. Det var veldig viktig for oss å få vist klærne og konseptet i det miljøet som best reflekterer og forteller historien til Moods of Norway. Ideen til Grandma`s Webshop kom for lenge siden og er da inspirert av min eminente mormor og oldemor. Vi ville at webshopen skulle gi inntrykk av at kunden kom hjem til mormor og kunne handle der. Og så er det også litt morsomt å ha en litt maksimalistisk webshop som en kontrast til veldig mange helt strømlinjeformede og minimalistiske websider. Det er lagt stor vekt på detaljene på websiden og shoppen. Det er handlevogner, flagg, bilder av kongen, og alt som hører hjemme på en gammel hytte eller hus. Utsnitt fra Grandma`s Webshop
FAKTA OM MOODS OF NORWAY • Etablert av Peder Børresen og Simen Staalnacke i 2003 • Designer og produserer klær og moteprodukter • 10 egne butikker (inkl. Stryn, Tokyo og Los Angeles) • Produktene selges også gjennom et stort forhandlernett • Hovedkontor i Stryn • Kjent for sterke farger og trykk med norske motiver
LEVERANSER FRA INCREO
Det er viktig å få en god og koselig følelse som man kan assosiere til sin egen mormor. Alle de gamle bildene som vi bruker er tatt av min mormor eller morfar. Vi hadde et slideshow hos mine besteforeldre og så gjennom 900 bilder og plukket ut de fem beste. Med InCreo drodlet vi litt om hvilke detaljer vi måtte ha med for å skape en norsk hyttefølelse kombinert med mormors hjem. Og så var det å finne en løsning for funksjonene som en magisk webside bør ha, og så sette det inn i Moods of Norway-formater.
Rådgivning, webdesign, publiserings- og e-handelsløsning, skreddersøm, webhosting.
Jeg tror vi har laget en av de koseligste webshopene som finnes, og når til og med mormor er fornøyd, da koser vi oss!
Lansering: 12.februar 2010 Teknologi brukt: HTML, ASP.Net, MsSQL database, C#, JavaScript, Ajax, CSS, Photoshop
AV SIMEN STAALNACKE, MOODS OF NORWAY
utgave 2010 WEB360 – 7
TEKST: EILEV HAGEN OG ØYVIND HENRIKSEN FOTO: www.stockphoto.com
Websikkerhet:
Dette bør du vite om sikkerhet på web Webløsninger er dessverre lette å angripe siden de ligger tilgjengelige for alle på internett. I tillegg er det en del svakheter i måten en webside kommuniserer med brukeren, derfor må man ta hensyn til sikkerheten når man planlegger en webapplikasjon. For å oppnå en trygg webløsning må man ha en solid og godt vedlikeholdt serverløsning, brukere med kompetanse på sikkerhet, og en webapplikasjon som er utviklet med sikkerhet i fokus.
8 – WEB360 utgave 2010
Personvern og trygghet på internett
Du visste kanskje at et hvilket som helst nettsted kan logge nøyaktig hvilken nettside du kommer fra, og til hvilken nettside du videre klikker ut. Men visste du at et nettsted også kan følge dine nøyaktige bevegelser med musepekeren innad på siden? Eller mer alvorlig, sjekke akkurat hvilke nettsteder på det store internettet du har besøkt før? Folk flest har blitt mye mer bevisst på personvern på nett. For eksempel vil foreldre la være å legge ut bilder av barn, og nekter ungdommen å legge ut bilder med ansikt og navn på nett. Via Facebook har mange også tatt konkrete valg om hvor mye av sin profil de ønsker å legge tilgjengelig for alle, for nærmeste venner, venners venner etc.
tilgjengelig for redigering på din datamaskin. Muligheten for å angripe nettsteder og brukerne av dem er enorme, og er et stadig voksende problem. Identitetstyveri, økosvindel og innbrudd på nett har blitt vanlig kriminalitet i dag. Det finnes mange fremgangsmåter for å angripe et nettsted. Når et angrep lykkes, er det sannsynlig at det eksisterer et sikkerhetshull i webløsningen eller i miljøet rundt den. Hver enkelt programvare på serveren som drifter nettstedet, og all kode og teknologi som nettstedet består av, er potensielle kilder til sikkerhetshull. 3 eksempler på angrep mot webløsninger
1.
Samtidig har tilliten til webtjenester økt, folk legger ellers hemmelig informasjon på nett via sikre webløsninger som for eksempel Hotmail, Gmail eller Facebook. Dette stiller krav til webløsningene, en moderne webløsning må være sikker! Webløsninger er sårbare av natur
Dessverre er det slik at en webløsning er særlig tilgjengelig for angrep siden den ligger på internett, sammenlignet med et lokalnettverk eller en applikasjon på en arbeidsstasjon. Webløsninger baserer seg på utveksling av data mellom webløsningen og en brukers klient (Internet Explorer er mest vanlig). Problemet er at webløsningen ikke kan stole på det klienten sier i denne kommunikasjonen. Klienten er nemlig i stand til manipulere denne kommunikasjonen på mange måter.
2.
Kommunikasjon via internett går i de fleste tilfeller usikret over nettet. Om du sitter på et usikret trådløst nettverk og logger inn på en usikret webside, er det mulig for alle innen rekkevidde av nettverket å avlytte alt du sender og mottar, for eksempel passord og personopplysninger. Dette løser man ved å bruke HTTPS for å beskytte kommunikasjonen.
3. Eksempler på hvordan nettleseren Internet Explorer 8 viser adresselinjen til tre websider med forskjellig grad av sikring av kommunikasjonen. Den grønne linjen øverst bruker Extended Validation, den midterste bruker et normalt SSL-sertifikat, og den nederste kjører uten sikring av kommunikasjonen.
Du har sikkert hørt om informasjonskapsler (cookies), som nettsteder ofte bruker for å kjenne deg igjen. Disse ligger også fritt
Et enkelt eksempel på svakheter i applikasjonskode kalles «CGI parameters attack». Dette går ut på at en bruker skaffer seg urettmessig tilgang til informasjon i en webløsning. Hvis han etter et kjøp får en link til ordrebekreftelsen, og den ser slik ut: www.nettbutikk.no/ordre.aspx?id=1401 så er det enkelt å gjette seg til at han vil finne en annen ordre i systemet på den lignende adressen: www.nettbutikk.no/ordre.aspx?id=1402. Ved å utnytte en slik svakhet kunne angriperen ha hentet en komplett ordrehistorikk for hele nettbutikken, inkludert kontaktinformasjon etc. En ondsinnet bruker har full mulighet til å forandre på hele websiden og sende tilbake akkurat hva han vil. Eksempelvis, så kan en fattig student forandre prisene i handlekurven på en nettbutikk, og sende den oppdaterte handlekurven tilbake til nettstedet. Dersom nettbutikken ikke er laget på en sikker måte, vil den ta i mot den oppdaterte handlekurven, og studenten kan fullføre kjøpet med prisene han selv bestemte. Et nettsted kan aldri stole på data som blir sendt tilbake fra klienten, og systemene bak nettstedet må lages med dette i tankene. På grunn av at mange av systemene tilknyttet internett blir for dårlig vedlikeholdt, har det vokst fram en kultur av dataormer på nettet, som forsøker å utnytte kjente svakheter i programvare og på den måten spre seg over internett. En av de mest kjente er Code Red fra 2001, som angrep websider, og erstattet forsiden med teksten: «HELLO! Welcome to http://www.worm.com! Hacked By Chinese!». Code Red tok ned 360 000 websider over hele verden på grunn av dårlig vedlikeholdte servere.
Skjermbilde av webside infisert av dataormen Code Red
Tjenestenekt
Men selv om hele nettstedet og miljøet rundt er helt sikkert, så kan vellykkede angrep ennå utføres. Nettsteder kan gjøres utilgjengelige ved å påføre nettstedet så stor trafikk at det ikke finnes kapasitet til å svare alle. Dette blir kalt tjenestenekt (Denial of Service) angrep, og blir ofte utført mot større nettsteder. Slike angrep er spesielt alvorlige for nettbaserte bedrifter som ene og alene er avhengig av salg via deres nettsted. En dag med nedetid kan få betydelige økonomiske konsekvenser. Tjenestenekt har skjedd i stor skala i nyere tid, et eksempel er «July 2009 cyber attacks» – internettangrepene mot statlige organer, finansinstitusjoner og media i Sør-Korea og USA. Angrepene startet 4. juli 2009, på USAs nasjonaldag. Noe tilsvarende skjedde med Estland i 2007, men Estland ble da mye hardere rammet. Nylig ble flere større webtjenester rammet av et tjenestenektangrep. Twitter fikk store problemer. Facebook, Livejournal, Youtube og Blogger ble også rammet idet russiske hackere forsøkte å angripe kontoene til bloggeren «Cyxymu», en 34 år gammel økonomiprofessor og politisk flyktning i Georgia. Passord og ID-fisking (phishing)
En av de vanligste årsakene til at vanlige brukere blir angrepet på nettet er valg av dårlige passord. Vanlige ord man kan finne i en ordbok blir ofte valgt som passord, fordi de er lette å huske og fordi det virker usannsynlig at noen klarer å gjette akkurat hvilket ord man har brukt. Men hvorfor gjette når man kan prøve absolutt alle mulige kombinasjoner? Det er akkurat dette mange angripere gjør, automatisert selvsagt. For å beskytte seg best mulig mot dette, så bør passordene konstrueres ved bruk av tilfeldig sammensatte bokstaver, tall og tegn. Men det hjelper lite med et avansert passord om man gir det fra seg til angriperne. En lite teknisk og veldig effektiv måte å lure til seg
utgave 2010 WEB360 – 9
4
showcase 3 FORTSETTELSE FRA SIDE 9
ET LITE UTVALG AV VÅRE NYESTE REFERANSER. SE FLERE PÅ WWW.INCREO.NO brukernavn og passord på er ved hjelp av IDsom utnytter disse hullene, og slippe ut på fisking (phishing). Dette gjøres ved å sende nettet. Da gjelder det å ha et oppdatert uskyldige nettbrukere til et nettsted som utgir forsvar, slik at hackerne ikke kommer seg inn seg for å være et annet. Det er for eksempel på serverløsningen. veldig lett å gjenskape en nøyaktig kopi av innloggingsprosedyren til BankID som mange Serverløsningen er også ansvarlig for å ta nettbanker bruker i dag. En uoppmerksom backup av løsningen. Dersom et angrep person kan da bli lurt til å åpne den falske lykkes, skal man kunne legge tilbake en nettsiden med BankID-innlogging, istedenfor «frisk» versjon av løsningen. Serveren må også den ekte siden. kunne skalere slik at den håndterer plutselige trafikkmengder, enten det er spesielt mange legitime brukere som følge av en kampanje, eller et faktisk angrep. Brannmuren på serverløsningen skal også være i stand til å identifisere angrep og automatisk sperre ute uønsket trafikk. Både brannmurer og servere bør beskyttes av sikkerhetsprogramvare som automatisk oppdateres via internett, slik at nye trusler effektivt sperres ute.
Skjermbilde av innloggingsbildet til Bank-ID. Innloggingsbildet er ganske enkelt å etterligne, og en uoppmerksom bruker kan bli lurt til å oppgi sin informasjon i dette grensesnittet.
De siste ukene har mange nettbrukere blitt lurt til å gi fra seg brukernavn og passord til IKEA og Finn.no ved å ha mottatt falske e-poster fra disse der de blir bedt om å logge inn for å rebekrefte kontoinformasjon. En måte en vanlig nettbruker kan beskytte seg mot slike angrep på, er ved å sjekke den eneste sikre synlige forskjellen mellom en reell og en falsk side, nemlig adressen i adressefeltet. Denne kan vanskelig tukles med, i motsetning til e-post adresser – der man kan konstruere og sende e-post fra en hvilken som helst adresse. Serverløsningen skal være solid, og vedlikeholdes kontinuerlig
Webløsninger ligger alltid på en serverløsning ute på nettet. Det er viktig at denne serverløsningen er konstruert på en sikker måte, slik at inntrengere holdes ute. I tillegg må programvaren på denne serveren holdes ved like, og nye sikkerhetsoppdateringer installeres så snart de publiseres. Når sikkerhetshull oppdages i programvare, vil hackere på internett utvikle roboter og virus
10 – WEB360 utgave 2010
Dersom man skal ha en sikrest mulig serverløsning, bør man bruke en såkalt dedikert server. Denne løsningen gir en webserver og databaseserver som en kunde bruker alene, i stedet for de delte serverløsningene man får ved et vanlig webhotell. Løsningen får mye bedre sikkerhet fordi ingen andre har tilgang til den samme serveren, og ved å være mindre avhengig av felles ressurser på nettverket oppnår man bedre oppetid og ytelse.
Top 10 Web application vulnerabilities med tekniske forklaringer for hvert punkt, og Top 10 Secure Coding Practices. Utviklere bør følge disse for å unngå svakheter i webløsningene sine. For å oppnå en sikker applikasjonskode er egentlig den eneste løsningen å benytte programmerere som har nok kompetanse om sikkerhet i webapplikasjoner. Det lønner seg derfor å bruke utviklere som har programmering som fagfelt, for eksempel en dataingeniør, og unngå utviklere som bare har programmering som en hobby. Samtidig er websikkerhet et eget område innen datasikkerhet, og en programmerer med erfaring fra skrivebordsapplikasjoner vil ikke alltid kjenne til truslene på web. Derfor er det også bedre å bruke en programmerer som er spesialisert innen webprogrammering, framfor en som bare har jobbet med tradisjonelle programmer. Men uansett hvor efarne utviklerne er, finnes det alltid en sjanse for sikkerhetshull i webløsningen. Derfor er det viktig at man tar rapporter om sikkerhetsproblemer på alvor, og følger disse opp så snart man blir klar over dem. En utvikler må settes til å utbedre svakheten så snart som mulig, før den blir utnyttet.
Webapplikasjoner må programmeres på
Oppnå en sikker webløsning
en sikker måte
For å ivareta sikkerheten på en webløsning, er det tre områder vi jobber med: Serverløsningen, applikasjonen og brukerne. Kombinasjonen av et sikkert servermiljø, webapplikasjoner som er bygget på en skikkelig måte, og fornuftige holdninger hos brukerne, vil gi en svært sikker webløsning. Det blir vanskelig for inntrengere å skaffe seg tilgang eller å hente ut hemmelig informasjon fra løsningen. Samtidig vil løsningen være motstandsdyktig mot angrep som forsøker å gjøre websiden utilgjengelig.
Webapplikasjonen må også ha innebygd sikkerhet. Webapplikasjoner består av en plattform (ASP.Net, PHP, Ruby on Rails etc.), en rekke standardprogrammer, og selve applikasjonskoden som syr alt sammen. Plattformen og standardprogrammene kan vedlikeholdes på samme måte som programvaren i serverløsningen, den bør oppgraderes hver gang en ny versjon kommer. Men selve applikasjonskoden er vanligvis unik for hver løsning, så her finnes det ingen slike oppgraderings-muligheter. Det finnes utrolig mange angrep som går mot forskjellige vanlige svakheter i koden, for mange og for tekniske til at vi skal nevne dem her. Vi anbefaler listen
nyttige gratistjenester for deg som jobber med web TEKST: morten wikstrøm
Av og til kommer man over programmer og tjenester som gjør livet gladere og enklere for oss som jobber med web. Noen av de verktøyene vi liker aller best er samlet i lista under. Så håper jeg det også kan være noen godbiter der for deg!
BrowserShots Tar screenshots av nettsiden og lar deg se hvordan den ser ut i de aller fleste nettleserne på markedet. http://browsershots.org
nettside. Fungerer fint til korrektur og planlegging av oppdateringer. Foreløpig bare privat beta, men invitasjoner er tilgjengelig på nett. https://www.writeonglass.com/
Dropbox Del, ta backup og synk filene dine. http://www.dropbox.com
Google Alerts Lar deg overvåke ord og uttrykk på Internett. Hver gang ordet eller uttrykket indekseres av Google får du varsel. http://google.com/alerts
Iconspedia Gratis ikonkatalog. Bruk ikoner for å oppnå enklere og kjappere navigasjon på nettstedet. http://iconspedia.com Issuu Publiser magasiner, bøker, kataloger, rapporter og mye mer på nettet med Issuu. Last opp en PDF og du får en webversjon du kan bla i tilbake. http://issuu.com Gimp Har du ikke råd og behov for Adobe Photoshop, så er Gimp et godt alternativ for å leke med bildene dine. http://gimp.org Glass Tjeneste som lar deg opprette kommentarer over innholdet på en
Google Analytics Et godt webanalyseverktøy som forteller deg hvordan dine besøkende finner websiden og hvordan de bruker den. http://google.no/analytics Google Docs Opprett og del dokumenter, regneark og presentasjoner på nett. http://google.com/docs Google Insights Med Insights kan du sammenligne søkevolummønstre i bestemte regioner, kategorier, tidsperioder og egenskaper. Er du i tvil om hvilke søkeord du bør satse på? Insights gir deg svaret! http://google.com/insights/search
Google Translate Oversetter tekst, nettsteder og dokumenter. http://translate.google.no
WaybackMachine Glemt hvordan websiden så ut i 2000? WaybackMachine tar deg med tilbake i tiden. http://web.archive.org
Google Webmastertools Lar deg forbedre nettstedets synlighet i Googles søkeresultater. http://google.com/webmasters/tools Silverback Nå er 2.0 versjonen av programmet som enkelt lar deg gjennomføre brukertester lansert. Gratis i 30 dager, lisensen koster $69,95,http://www.silverbackapp.com Slideshare Del PowerPoint-presentasjoner, Word-dokumenter og PDF-filer på nettet med SlideShare. http://slideshare.net Språkrådet Språkhjelp til rettskrivning, bøying og ords betydning. http://sprakradet.no
Writeboard Nettbasert teksttjeneste som lar deg skrive, dele og redigere tekster. Tjenesten har versjonsstyring og lar deg hente fram eldre versjoner. http://writeboard.com/ Wufoo Lag kontaktskjema, undersøkelser og ta betalt på nett uten å måtte skrive en eneste linje med kode. Egen gratisversjon med begrensninger. http://wufoo.com/ Yammer «Connect and share» med dine kolleger. Yammer er et svært nyttig sosialt verktøy, som lar medarbeidere dele og kommunisere med hverandre på en enkel og grei måte. https://www.yammer.com/
TweetDeck Følg, del og overvåk hva som skjer på Twitter. http://www.tweetdeck.com/
Hva synes du om WEB360?
Se video på:
Følg oss på Facebook!
@increo #web360
youtube.com/increo
facebook.com/increo
twitter.com/increo
utgave 2010 WEB360 – 11
Merkevarebygging og markedsføring i sosiale medier TEKST: ØYVIND HENRIKSEN foto: ufoseries.com
Ved hjelp av sosiale mediER er anbefalinger mellom kunder blitt et utrolig effektivt verktøy for markedsføring, og gevinsten ved å utvikle gode kunderelasjoner er derfor høyere enn noen gang. Samtidig lar sosiale medier deg snakke effektivt direkte med kundene dine, slik at du enklere kan oppnå fornøyde kunder.
Merkevarebygging forutsetter tillit Merkevarebygging har endret seg radikalt de siste tiårene. På 50-tallet var det store plakater langs veien med budskap, og folk trodde på hva enn som ble sagt. Men i moderne tid har folk lært av all reklamen, og blir ikke lurt like lett som før. Folk har blitt utstyrt med svadadetektorer! Folk merker når de blir solgt til, og ingen liker en overivrig selger. Og når det er usannheter som blir hevdet i reklamen, vil man vanligvis merke det med en gang! Det er derfor viktigere enn noensinne å oppnå tillit blant brukerne, så de tror på det du sier. Tidligere var forholdet mellom kundene og merkevaren slik: Merkevare -- kommuniserer med -> kundene
12 – WEB360 utgave 2010
Men de siste årene har dette endret seg, og en ny type merkevarebygging har tatt følgende form: Du <- kommuniserer med -> kundene Sosial nettverksbygging handler ikke om merkevarer som engasjerer personer, det handler om personer som engasjerer personer! Se et par eksempler: • Apple: Steve Jobs • Digg: Kevin Rose • Stormberg: Steinar J. Olsen Hvis vi ser nærmere på Digg, har de en veldig sterk tilstedeværelse blant de ansatte. De har en firmablogg der mange av de ansatte skriver om ting som opptar dem, og som har med firmaet, faget og bransjen å gjøre. Ved å synliggjøre merkevaren og verdiene den representerer gjennom mennesker på denne måten, får man en personlig tilknytning til merkevaren. Hvorfor har dette vært så ekstremt
vellykket? Fordi personene som representerer merkevaren virkelig bryr seg! De bryr seg om produktene sine, og de risikerer hele sitt rykte på det de kan levere til brukerne. Det viktigste du kan gjøre for å oppnå lidenskapelige fans, er å selv vise følelser for dine produkter. Du har lagt innsats og ressurser i produktet ditt, og det er nødvendig å la kundene se din lidenskap for det du driver med. Du må tro at du har den beste tjenesten, i markedet, i historien. Din lidenskap vil smitte over på brukerne, og noen av dem kan omformes til det du ønsker deg mest av alt: Fans! Merkevaren markedsføres videre av fornøyde kunder Det du vil ha er ikke den tradisjonelle modellen fra de siste årene, der en enkeltperson i markeds- eller informasjonsavdelingen representerer
merkenavnet: Du <- kommuniserer med -> kundene Du vil egentlig ha en modell der både du, de flinkeste og mest engasjerte ansatte og de mest fornøyde kundene representerer og markedsfører merkevaren din videre: Du x <- kommuniserer med -> kundene Med andre ord, et uendelig antall eksemplarer av deg, som markedsfører deg og dine produkter. Dette oppnår du ved å gjøre kundene veldig fornøyde, samtidig som du gir dem gode verktøy til å evangelisere, spre budskapet om ditt produkt og din merkevare. Hver kunde du får i gang med denne prosessen vil potensielt skape mange flere, og så har du den virale effekten i gang. Ikke tro på den ideen om at hvis du bygger noe fantastisk, så vil du automatisk få mange kunder! Å bygge opp en skare av engasjerte brukere som markedsfører og anbefaler produktene dine for deg krever arbeid. For å skaffe slike brukere må du snakke direkte med brukerne. By på deg selv, vær ekte, ærlig og innrøm feil når du gjør dem. Åpne opp kommunikasjonen så mye som du kan, og snakk så direkte som mulig. Et eksempel: En av de mest kjente websidene på Internett er digg.com. De har vokst uten å bruke et øre på markedsføring. Hvordan kommuniserer de direkte med brukerne sine? De ansatte blogger, og de har opparbeidet seg en fanbase som leser om alt som skjer med merkevaren, fordi de er interessert. Der kan de for eksempel lese
om den siste funksjonen på websiden, her er hvorfor, hvordan, detaljer og diskusjon. De ber om tilbakemelding fra brukerne. Brukerne føler at de er koblet til ekte personer, ikke en konstruert entitet. Digg har en annen styrke, det ukentlige videoshowet Diggnation. Det er blitt verdens største videopodcast, og det sprer budskapet deres enda lengre. Lytt til kundene og ta deres synspunkter på alvor Når du er i gang med webløsningen og har oppnådd et visst antall brukere, er det på tide å legge til side dine egne tanker og ønsker. Du må snakke direkte med brukerne for å finne ut hva de egentlig vil ha. Lytt til brukernes tilbakemeldinger, samtidig som du analyserer trafikken på webløsningen og setter opp mål for hva du vil brukerne skal gjøre på løsningen din. Den enkleste måten å komme i gang med sosiale medier på er å registrere brukernavnet sitt på Twitter og lage en Page på Facebook. Post alltid linker her når du legger ut nyheter, bloggartikler, kampanjer og annet som kan være interessant for brukerne dine. Legg linker til profilene dine på Twitter og Facebook fra websiden, slik at besøkende kan følge dine oppdateringer. Legg også inn snarveier på innholdet du publiserer, slik at besøkende kan dele linkene videre etter de har gått inn på dem. Begynn med å kommunisere direkte med brukerne. Skriv en blogg, send ut nyhetsbrev, start en podcast, eller skriv dine tanker på sosiale medier. Det er ok om ikke så mange lytter i starten, noen vil lytte, og flere vil lytte hvis du gjør en skikkelig jobb. Vær aktivt engasjert i miljøet, ha en stemme og bli en del av det digitale økosystemet. Vær aktiv på videreutvikling av tjenesten. Fokuser på de viktigste områdene i tjenesten, forsøk forskjellige måter å gjøre
ting på, og få tilbakemelding fra brukerne. Om du stopper opp, vil noen andre ta deg igjen, og tjenesten din havner i bakevjen. Men hvis du kontinuerlig forbedrer og videreutvikler produktet til å bli slik som kundene vil ha det, så vil du lykkes! La kundene markedsføre produktene videre Finn måter du kan la brukerne spre budskapet om løsningen din. Det er mange eksempler på enkle tjenester som har blitt utrolig populære kun på grunn av effektiv viral markedsføring igjennom brukerne. For eksempel har Farmville på Facebook nå flere aktive brukere enn World of Warcraft, og det skyldes at de har ekstremt effektive strategier for å la brukerne markedsføre spillet, i tillegg til at spillet har innebygde funksjoner for å markedsføre seg, sende ut invitasjoner og samarbeide med andre. Du kan bygge inn tilsvarende tjenester ved å tilrettelegge for å poste linker på Facebook og Twitter for brukeren, så lenge brukeren føler at han/hun har tilstrekkelig kontroll. Selv om brukerne kan velge å endre teksten eller ta bort avkryssingen, lar de aller fleste teksten stå, og skaffer således mer omtale av tjenesten på Twitter og Facebook. Forsøk å koble lignende funksjoner inn i den vanlige bruken av webløsningen. Om du har en nettbutikk, kan du for eksempel: • Gjør det mulig å dele linker til produkter • La kundene dele hva de har kjøpt • La dem poste en link til en produktomtale de nettopp har skrevet • Gjør det mulig å dele ønskelister som brukerne lager seg • Legg inn knapp for deling av tilbud og kampanjer på websiden.
Å poste linker og meldinger på Facebook og Twitter er effektive virale strategier. Et eksempel er WeFollows signup-prosess, som har en «Tweet to complete» på sistesiden, der man får en ferdigutfylt tekst som postes til Twitter.
Kilder og relevante lenker:
Eksempel på poster med sigarettreklame, hentet fra Crestock.
Skjermbilde av InCreos side på Facebook.
• http://www.slideshare.net/Stormberg/ stormberg-i-sosiale- media • http://www.seomoz.org/blog/ is-social-media-marketing-right-for-you • http://tweetmeme.com/about/retweet_button • http://www.facebook.com/facebook-widgets/share.php • http://www.seomoz.org/article/ social-media-marketing-tactics • http://www.seomoz.org/blog/ a-visual-tour-through-the-basics-of-social-media-marketing
utgave 2010 WEB360 – 13
Verdens beste publiseringsløsning TEKST: hilde gran kielland
Svaret er Wondercode. Underets flaggskip er dets innovative grensesnitt, med den enkleste betjening hvor live-redigering umiddelbart lar dine ønsker for din nettside gå i oppfyllelse. den nylig lanserte Wondercode er et resultat av elleve års utvikling, med kundens behov i høysetet ved forbedring etter forbedring.
CMS & E-HANDEL Kvaliteter Wondercode er en programvare som driver en webside, og som lar deg administrere innholdet i løsningen. Wondercode består av en publiseringsløsning (Wondercode CMS) og en e-handelsløsning (Wondercode E-handel). Hver av disse har en rekke moduler med spesialisert funksjonalitet slik som blogg, skjemabygger og nyhetsbrev. Nøkkelord for Wondercode er fleksibilitet, muligheter, brukervennlighet og selvforklarende. Alt ligger til rette for gode erfaringer ved bruk av denne kraftige publiseringsløsningen, med InCreo i ryggen, og dyktige partnere på lag.
14 – WEB360 utgave 2010
Fleksibilitet og muligheter Wondercodes live-redigering med «drag-and-drop» gjør det svært enkelt å legge til eller redigere innhold, og å komponere siden slik du ønsker. Med innebygd stavekontroll har man dessuten muligheten til å luke ut eventuelle skrivefeil. Bilder, video, dokumenter, Flash og lydfiler administreres enkelt av publiseringsløsningens mediesystem, og ved behov konvertes filene for deg. Publiseringsløsningen støtter mange redigeringsområder på den samme siden, og med fanesystemet kan man ha flere sider åpne for redigering samtidig. Man
kan endre rekkefølgen på websidene, og enkelt opprette og slette sider i webløsningen. Med en komplett historikk lagres alle dine tidligere versjoner av websiden, slik at du til enhver tid har oversikt over dine valg, og kan gå tilbake. Alt dette med fritt spillerom for design. Wondercode kan smidig tilpasses de fleste visuelle uttrykk, uavhengig av om dere selv stiller med design eller en av InCreo sine webdesignere leverer det grafiske. Målbar og søkbar Wondercode er svært godt tilrettelagt for søkemotorer. For å generere trafikk til en
WONDERCODE.NO
WONDERCODE CMS OG E-HANDEL – MODULER En av de virkelig store fordelene med publiseringsløsningen er alle utvidelsesmulighetene. Nedenfor finner du et utvalg av de funksjonene Wondercode kan utvides med.
webside er det viktig å optimalisere den for søkemotorer, og Wondercode er derfor søkemotorer, og Wondercode er derfor bygget fra grunnen av med synlighet i søkemotorene i tankene. I tillegg er webanalyseverktøyet Google Analytics integrert. Det er med andre ord enkelt å optimalisere løsningen og å måle resultatet. E-handel Wondercode E-handel er et svært fleksibelt nettbutikksystem fullintegrert i publiseringsløsningen. En brukervennlig løsning som kan skreddersys for å dekke spesifikke ønsker og behov. E-handelens funksjonalitet lar deg opprette produktkategorier og legge til produkter. Kundene får full tilgang til sin profil og ordrehistorikk med status via Wondercodes kundenett. Produktene presenteres med den informasjonen du ønsker, der kjøpsprosessen er utviklet for å være så enkel som mulig. Fanesystemet i Wondercode lar deg jobbe effektivt og gjennomføre flere operasjoner parallelt. Man kan for eksempel jobbe med flere ordre samtidig. Verdens beste For å oppnå målet om å være verdens beste publiseringsløsning og å holde på en slik posisjon, er man avhengig av satsing, utvikling og samarbeid. Wondercode skal i første omgang luftes på det britiske
markedet, og nasjonalt søkes det gode partnere som kan bidra til Wondercodes suksess. Samarbeid er til fordel for alle parter, det vil dyrkes og høstes utvikling, kompetanseheving, og viktigst av alt; fordeler for sluttkunden. For at du skal lykkes Med Wondercode slipper du å tenke på installasjon, hosting og alle andre tekniske oppgaver. Disse håndteres av InCreo – en trygg og seriøs partner med lang erfaring. Samtidig har du selv full kontroll på generingen av din sides innhold, og kan nyte opplevelsen i et trygt, stabilt og kraftig publiseringsverktøy. Målet er at du skal lykkes, og med Wondercode har du de beste forutsetningene for nettopp det. Utvalgte referanser: • stroem.no
• • • • • • • • • • • • • • • • • • •
Annonsesystem API for integrasjoner Avansert søk Avstemningssystem Bildegalleri Blogg Deling av innhold/tips en venn E-handel Ekstranett FAQ/ofte stilte spørsmål Forum Intranett Kalenderløsning Kartløsning Nyhetsbrev PDF-generering av websider Skjemagenerator SMS-tjenester Utskriftsvennlige sider
• • • • • •
Anbefalinger på bakgrunn av historikk Betalingsløsning Fakturaløsning Finansieringsløsning Gavekort Integrasjon mot ekspeditører og fraktberegning Live- og gruppert søk PDF-generering av produktark Produkt-/brukeromtaler Rabatt- og kampanjesystemer Relaterte produkter Sammenlign produkter Språk- og versjonsstyring Utskrift av produktark Video/multimedia på produkt
• • • • • • • • •
• ammehjelpen.no • bunnpris.no • eltorque.no • lagerboks.no • komplettfritid.no
Vi gjør tilpasninger etter dine behov, og en skreddersøm leveres av InCreo dersom din bedrift ønsker dette.
• gobeautyshop.com • trondheimparkering.no
utgave 2010 WEB360 – 15
«
»
Wondercode imponerer med sin brukervennlighet og enkelhet. Det er få publiseringsløsninger på det norske markedet som er så intuitive i bruk som Wondercode.
foto: katrine kjøllesdal
Omtale: Wondercode Ørjan tinnen, Gründer og daglig leder i tenk as, orjan@tenk.as
InCreo og TENK AS har et felles mål om at våre kunder skal få mest mulig igjen for satsingen sin på web. En nettside skal gi noe tilbake til bedriften, det være seg som informasjonskanal, i forhold til omdømmebygging eller økt salg. Mens InCreo er en av landets aller beste aktører på å lage skreddersydde nettløsninger, har vi i TENK bred erfaring med webkommunikasjon etter at et nettsted er blitt lansert. Jeg har jobbet med de aller fleste publiseringsløsningene i Norge, og har ulike erfaringer med varierende grad av brukervennlighet, funksjonalitet og fleksibilitet – fra de veldig gode til de helt elendige. Jeg har vært så heldig å få jobbe med InCreos publiseringsløsning i fem år, og har nå fått muligheten til å gjøre meg opp noen meninger om Wondercode. Du har kanskje vært med på det selv – å investere titusener, kanskje hundretusener, i en ny nettløsning. Ambisjonene er som regel store, og mange er på jakt etter en publiseringsløsning som de enkelt kan håndtere på egen hånd uten å være avhengige av ekstern hjelp. Dessverre er sannheten at veldig mange av publiseringsløsningene på det norske markedet ikke gir en god nok brukeropplevelse for brukeren. Det ønsker InCreo tydeligvis å gjøre noe med. Fra første innlogging i Wondercode får jeg inntrykk av at jeg som bruker er satt i
16 – WEB360 utgave 2010
fokus. Brukergrensesnittet er pent å se på og lett å forstå. De nødvendige funksjonene er lett tilgjengelige i menyer og verktøylinje, og i likhet med et fåtall av de nyeste publiseringsløsningene på markedet kan du redigere innholdet direkte på nettstedet, dette uten å måtte logge deg inn via en slags «bakside». Selve innholdsredigeringen er overraskende lett å utføre, både ved små korrigeringer og store omgjøringer. Teksteditoren i Wondercode fungerer fint, og gir også imponerende resultater når man limer inn innhold fra for eksempel ei punktliste eller et Excel-ark. Du kan sette inn bilder i definerte bildefelter etter «dra-og-slipp-prinsippet», og du er aldri lenger unna enn et klikk for å publisere den nye versjonen av sida du jobber med. Dersom du skulle gjøre en feil, kan du alltid gå tilbake og publisere tidligere versjoner – ingen grunn til å være redd for å gjøre feil eller for at innhold skal forsvinne. Det er også grunn til å merke seg funksjonen for å tilpasse oppføringene som vises ved treff i søkemotorer. Ved å enkelt kunne redigere «meta description» for hver enkelt side på nettstedet, viser Wondercode deg hvordan et treff på siden vil se ut i Google eller Yahoo. De største utfordringene med å lykkes på web kommer gjerne etter selve lanseringsdatoen. Nytteverdien av
investeringen ved nyutvikling av nettsider reduseres kraftig dersom man ikke evner å holde nettstedet oppdatert og ved like. Mange tror at man er i mål når man har lansert et nytt nettsted, men sannheten for de fleste er at lanseringstidspunktet kun er starten på websatsingen. Derfor er det avgjørende å ha et godt og brukervennlig verktøy når hverdagene kommer. Satsing på web er ikke det samme som det var i fjor, i forrige uke eller i går. Heldigvis er mulighetene for å lykkes på web stadig i forandring, og det er derfor gledelig at InCreo vil gjøre kontinuerlig forbedring og videreutvikling av Wondercode. Wondercode imponerer med sin brukervennlighet og enkelhet. Det er få publiseringsløsninger på det norske markedet som er så intuitive i bruk som Wondercode, og det er lett å ha oversikt over hva man driver på med til enhver tid. Det at sidene redigeres i samme brukergrensesnitt som selve nettsiden reduserer frykten for å gjøre feil, og gjør det både lett og motiverende å holde innholdet på nettstedet vedlike.
ørjan tinnen Ørjan Tinnen jobber med levendegjøring av innhold på web, og bruker daglig mange ulike publiseringsløsninger i forbindelse med sine oppdrag. Han har bl.a. erfaring fra oppdrag for Kirkens Bymisjon, NTNU, Kultur- og kirkedepartementet og Trondheim kommune.
Uttalelse: Wondercode vegard strand, Daglig leder i paveto essens, vegard@paveto.com
«En innovativ og meget god publiseringsløsning» InCreo har solid erfaring gjennom 13 år som kompetansebedrift, som utvikler løsninger for kunder. InCreo er mennesker, og teknologien blir nå skilt ut som eget merkenavn: Wondercode. InCreo vil utvikle Wondercode basert på erfaringer fra ambisiøse prosjekter. Dette, og fordi InCreo selv bruker programvaren, og alltid er nær sine kunder, gir den beste forutsetningen til å utvikle den aller beste programvaren. Målet er å lage verdens beste publiserings- og e-handelsløsning. Ved å satse i en global by som London, styrker InCreo sin visjon for Wondercode. Dette vil også komme kundene i Norge til gode, da man vil skaffe seg kunnskap om hva utlandet er dyktig på – som man igjen kan bli bedre på her i Norge.
vegard strand Har mange års erfaring fra teknisk salg, markedsføring og forretningsutvikling. Han har tidligere vært Adm. dir. i EDB MaXwarGruppen og Direktør for forretningsutvikling i Network365. Før det var Vegard VP of Business Management med ansvar for Vismas internasjonale ekspansjon i Europa. Han har utdannelse i IT fra Universitet i Trondheim og Markedsøkonomi fra Trondheim Økonomiske Høgskole (TØH). Vegard er styremedlem i flere IT-selskaper og fungerer som ansvarlig for IT innen Næringsforeningen i Trondheim. Vegard Strand er produsent i deepfrost.no, som satser i USA. Fra her har vi fått produsert en firmasang, som kan høres her: www.increo.no/webskuta.mp3
Vegard Strand er rådgiver for UT i UK-programmet til Innovasjon Norge, som InCreo deltar i.
utgave 2010 WEB360 – 17
case study HVORDAN VI GJORDE DET. SE NETTSIDEN PÅ WWW.bunnpris.NO
Bunnpris – en voksende butikkjede TEKST: toril aspaas
I.K. Lykke, eier av Bunnpriskjeden, er en av Trondheims eldste handelsbedrifter. Dagligvarekjeden har i dag et par hundre butikker over hele landet, og målet er å nå 400 butikker innen 2015. InCreo har utviklet Bunnpris sin nye webløsning.
Veien mot Bunnpris sitt uttrykk på web Med fokus på brukskvalitet ble det i første fase av prosjektet utarbeidet interaksjonsdesign. I denne prosessen ble strukturen for websiden fastsatt, noe som la grunnlaget for det visuelle uttrykket. En workshop med alle teamdeltakere både fra InCreo og Bunnpris ble gjennomført. Sammen med interaksjonsdesignet bidro det til å oppnå Bunnpris sine mål med nettsiden, samt å gi en riktig vekting av hvilken informasjon som skulle være hvor. Spørsmålene som sto sentralt i denne fasen, som i andre prosjekter, var; Hvem er målgruppen for websiden? Hvilken informasjon vil de ønske å finne? Hva ønsker Bunnpris å oppnå med websiden? Designet ble så utviklet med bakgrunn i Bunnpris sin visuelle profil. Med en blanding
18 – WEB360 utgave 2010
av moderne uttrykk, en smule historie og kreativ tenkning, hadde vi resultatet. Fokus på dynamisk løsning Med fokus på å utvikle en levende løsning ble forsiden lagt opp med store muligheter for å enkelt endre innhold, bilder og kampanjer. En slik løsning bidrar til at websiden enkelt kan skifte uttrykk, der en samtidig beholder profil og rammeverk. I bunn ligger publiseringsløsningen Wondercode som er utviklet av InCreo. Løsningen er tilpasset Bunnpris sitt behov, og legger opp til at kunden selv enkelt kan oppdatere websiden med innhold. Kampanjer, tilbudsavis og bannere kan tidsstyres helt ned på minuttet. Flesteparten av de som besøker Bunnpris sin webside er ute etter butikkinformasjon.
Det er snakk om rundt 200 butikker, og antallet øker stadig. Det var derfor viktig å finne en god løsning som ivaretok målgruppens behov for denne informasjonen. Alle butikkene finnes i en kartløsning som er integrert med Google Maps. Her kan man finne den butikken som ligger nærmest der man bor, åpningstider, kontaktinformasjon og hvilke butikker som er søndagsåpne. Funksjonen finner også avstanden fra der du befinner deg, til alle Bunnpris sine butikker. Man kan dessuten filtrere om butikken har post, tipping og Rikstoto, og om den er søndagsåpen.
Skjermbilde av kartløsningen, som er integrert med Google Maps.
FAKTA OM BUNNPRIS • I.K Lykke AS er eierne av Bunnpris, som ble grunnlagt allerede i 1830 • I 1840-årene åpnet Lykke spesialforretning med smør som viktigste vare • Over 100 år etter etablering, i 1981, åpnet Lykke sin første Bunnprisbutikk på Øya i Trondheim • Kjøpmann og styreleder bak Bunnpris er Trond Lykke • Bunnpris sine verdier er langsiktig, tilgjengelig og lønnsom • Bunnpris har satt seg som mål å doble antall butikker til 400 innen 2015
LEVERANSER FRA INCREO Rådgivning, interaksjonsdesign, visuelt design, publiseringsløsning, webhosting og skreddersøm. Lansering: 5. mai 2010 Teknologi brukt: HTML, ASP.Net, MsSQL database, C#, JavaScript, Ajax, CSS, Photoshop
Med fokus på kunden Vår webside skal gi kunder enkel og rask tilgang til info om butikklokasjoner og åpningstider. Vi må derfor ha en oversiktlig webside hvor vi selv gjør oppdateringer på kampanjer og kundebrev. Vi vil at våre sider skal understreke vår folkelighet og vår lange historie som kjøpmannsbedrift, men samtidig ha et moderne uttrykk. TROND KARLSEN MARKEDSSJEF I BUNNPRIS
utgave 2010 WEB360 – 19
Det handler om opplevelse TEKST: terje svinning
Vi husker vel katalogene vi brukte å få i posten hvor vi, basert på små bilder og nøkkelinformasjon, valgte produktene vi ville ha tilsendt i oppkrav i posten. Det var en gang dette ble sett på som en moderne måte å handle på, og til og med en potensiell trussel mot de mer tradisjonelle markedsplasser.
Mangfoldet av produkter disse katalogene kunne tilby, appellerte til forbrukerne og var noe én enkelt butikk vanskelig kunne konkurrere med. Butikkene begynte derfor å gå sammen og samle seg i shoppingsentre, hvor deres potensielle kunder igjen kunne få servert mangfold i et konstruert handelsmiljø. Katalogen begynte å dø ut, mens shoppingsentrene blomstret. Tradisjonelt har og er fortsatt mange nettbutikker bygd på prinsipper som kan sammenlignes med de gamle katalogene, men hvor går veien videre? I en verden hvor forbrukere stadig krever mer, må
20 – WEB360 utgave 2010
forhandlere jobbe hardere. Dette gjelder også på Internett, hvor teknologi og konkurranse driver utviklingen av nye og innovative handelskonsepter. For å få et innblikk i hvilke trender og utfordringer netthandel står ovenfor, forlater vi nettet og går tilbake til der det hele startet, vi går til butikken. Kommunikasjon og interaksjon At vi i InCreo er dyktige på nettbutikker er noe vi har fått bekreftet de siste tre årene gjennom prisene vi har mottatt for våre e-handelsløsninger. Så vel som vår tekniske løsning i bunnen, er
designprosessen essensiell for å skape en vellykket nettbutikk. Designprosessen gjennomføres alltid med brukerens behov i fokus. Gjennom kommunikasjonsdesign benyttes typografi, grafisk design, språk, psykologi og ergonomi for å imøtekomme brukeres behov til å forstå og bruke nettbutikken som handelsverktøy. Interaksjonsdesign tar for seg forhold mellom elementer i løsningen, og drøfter brukeres evne til å oppnå sitt formål; å gjennomføre en handel. Dette er grunndisipliner i design som gode nettbutikker bygges
på. Resultatet er oversiktlige og brukervennlige nettbutikker som kan tilby et stort mangfold av produkter. Behov for å skille seg ut Men i et så sterkt voksende marked er konkurransen om forbrukerne hard, og vi ser et økende behov for å skille seg ut fra mengden. Butikker har gjennomgått utallige transformasjoner for å takle konkurranse og nye handelskonsepter. For oss er det relevant å studere denne utviklingen når vi skal prøve å forutse utviklingen i netthandel. Individuelle butikker tar tilbake kunder ved å skape mer avanserte designkonsepter i form av kjøperopplevelser. Mange aktører i butikkbransjen forstår at effekten av miljøet deres produkter selges i kan være vel så viktig for salget som kvaliteten på produktene de selger. Dette ser vi også er utviklingen på Internett. Å designe et handelsmiljø dreier seg om mer enn bare den fysiske butikken hvor produktene selges, det krever en forståelse av hva som gjør kjøpsopplevelsen unik. Spesielt for merkevarer er handelsmiljøet kanskje den største utfordringen i møtet med forbrukere. Det er her myter og løfter blir til realitet, relasjoner og tilhengere blir vunnet eller tapt. Design av opplevelser omhandler de øyeblikk med interaksjon mellom mennesker og merkevarer og de minner disse øyeblikkene skaper hos en person. Dette bidrar til å forme holdninger blant forbrukere og motiverer til lojalitet som øker sjansen for mersalg. Forventninger Forbrukere krever i dag mer enn bare produktet i seg selv, og følelser for hva vi vil ha er sterkere enn behovene for hva vi faktisk trenger. Ved å spille på både bevisste og ubevisste faktorer er det anerkjent at design av handelsmiljøer kan ha stor påvirkning på forbrukeres holdninger til en merkevare eller forhandler. Dette er spesielt relevant i en verden hvor forskjellen på produkter mellom konkurrerende forhandlere kan være minimal. Forhandlere og produsenter må kontinuerlig se etter nye metoder for bedre å skille seg og sine tilbud ut fra mengden, og her spiller design en viktig rolle for å levere et unikt synspunkt. Etter hvert som nettbrukere modnes øker også deres forståelse av design. Dette gjør at forhandlere må investere i design av
Pink Bubbles fikk 3. plass under Postens kåring av «Årets nettbutikk» i 2008. Se nettsiden på: www.pinkbubbles.no
sine nettbutikker; ikke bare for å overgå forbrukeres forventninger, men i noen tilfeller bare for å kunne møte dem. Som eksempel kan vi se på klesbransjen, hvor tradisjonelle lavprismerker nå har foretatt betydelige investeringer i design for å ta i bruk visuelle virkemidler. Tidligere var dette mer vanlig for eksklusive merker. Dette bidrar igjen til å øke forbrukeres forventninger. På samme måte har andre sektorer innenfor salg av tjenester investert i design for å få en større tilnærming til handelsmiljø som er mer gjenkjennelig for sine potensielle kunder. Et ønske om å delta For designere av unike nettbutikkkonsepter er første utfordring å forstå forbrukernes blanding av behov og begjær. Deretter må man kunne tilfredsstille forbrukeres forventninger til en informasjonsrik dialog med nettbutikken, og deres behov for interaktive opplevelser. Internett har hjulpet forbrukere å bli mer involvert i en bredere dialog med merkevarer og forhandlere. Her kan de kommunisere, ikke bare en-mot-en, men som en del av et bredere fellesskap av forum og blogger hvor synspunkter og kommentarer blir lest og utfordret kontinuerlig.
til forbrukeropplevelser og engasjement når man er på nettbutikken. Noen forhandlere på nett er bevisste på denne utviklingen, og ser etter nye metoder for å oppnå fortrinn ved å engasjere sine kunder til å delta i dialogen om deres produkter. Samtidig utfordres webdesigneren til å finne nye måter å tenke på i forhold til navigasjon, layout og branding, for å skape et miljø hvor erfaringer deles gjennomgående. Fleksibilitet og evolusjon Nettbrukerens raske utvikling gjør at forhandlere i økende grad må tenke nytt på hvordan designet av nettbutikken vil takle både kortsiktige og langsiktige utfordringer i bransjen, og hvordan handlemønstre og behovene til deres kunder kan endres over tid. Fleksibilitet og evolusjon er to ord som stadig blir mer relevante i forbindelse med design av nettbutikker. Fleksibilitet vil si at nettbutikken må være oppdatert og tidsriktig til en hver tid, og evolusjon innebærer å skape designkonsepter basert på idéer med substans som kan videreutvikles over tid slik at butikken alltid er relevant. Å forsikre en nettbutikks relevans krever en blanding av talent og ferdigheter.
Denne formen for åpen dialog driver ikke bare et begjær, men også forventninger
utgave 2009 WEB360 – 21
increo.no
Unike webløsninger hver gang I InCreo dekker vi våre kunders behov med unike webløsninger. Vi lover deg den løsningen du trenger for å lykkes på nett, og vi lover å være rause med vår kompetanse.
TI GRUNNER TIL Å VELGE INCREO 1. Behovsorientering, vi vil at våre kunder skal lykkes på web 2. Egenutviklet teknologi, velprøvd CMS og E-handelsløsning 3. Ambisjoner, vi stiller høye krav til oss selv
I 13 år har vi tilbudt tjenester innen rådgivning, webdesign, teknologi, utvikling og webhosting.
4. Fagligkunnskap og erfaring, 13 år i markedet 5. Økonomisk soliditet, InCreo er et trygt valg
InCreo er et verdidrevet selskap. Det er våre verdier som definerer hvem vi er og hva vi til daglig skal gjøre. Våre tre verdier er ambisiøs, solid og nær.
6. Close connections, nærhet til kundene
Vi har kontorer i Trondheim, Oslo og Bodø og består av 20 medarbeidere. InCreo har tre prosjektledere, tre designere, elleve utviklere, samt en administrativ leder, en driftsansvarlig og en daglig leder.
9. Alt på ett sted, InCreo er totalleverandør av webløsninger
7. Raushet, det skal være lærerikt å jobbe med oss 8. Solide referanser
10. Anerkjennelse, vi er belønnet fra bransjen for våre løsninger
Les mer om oss på: increo.no
Referanser
22 – WEB360 utgave 2010
04
Ambisiøse mennesker, solide løsninger Ambisiøse mennesker, solide løsninger
02
Rådgivning Planlegging, konseptutvikling, prosjektledelse, webanalyse, brukertesting, optimalisering, kvalitetssikring, kurs og opplæring.
Webdesign Informasjonsarkitektur, interaksjonsdesign, visuelt design, flashutvikling.
Teknologi & utvikling Publiseringsløsning, e-handel, intraog ekstranett, grensesnittutvikling, systemutvikling, integrasjoner og mobile plattformer.
Webhosting Domenenavn, webhotell, dedikert server og e-post.
ØNSKER DU ET MØTE MED OSS? Oppnår du ikke de målene du hadde sett for deg, eller mener det er mer å hente? Be om et uforpliktende møte ved et av våre kontorer. En prat med InCreo kan være lønnsomt, da sannsynligheten for at du lykkes på nett øker betraktelig om du benytter noen som virkelig kan faget.
Ta gjerne kontakt med oss på: Telefon: 815 51 888 E-post: increo@increo.no
utgave 2010 WEB360 – 23
TIL DAGLIG LEDER MARKEDSSJEF WEB-ANSVARLIG
ANSVARLIG UTGIVER: Informasjon: InCreo Interactive Creations AS Postboks 8823, 7481 Trondheim www.increo.no
I N VIT A S J O N TI L G R A TI S
FROKOSTSEMINAR TEMA Slik lykkes du på nett!
Enten du står på startstreken med blanke ark, eller ser at eksisterende nettløsning har forbedringspotensiale; foredraget gir deg noen nyttige tips til hvordan du bedre kan lykkes på nett. For mer informasjon og påmelding: www.increo.no/frokostseminar Fagansvarlig: Morten Wikstrøm Servering og registrering: 08.00 faglig foredrag: 08.30–09.30 bodø: 12. oktober oslo: 13. oktober trondheim: 14. oktober
OSLO Fred Olsensgate 1, 4. etasje
BODØ Storgata 30, 2. etasje
TRONDHEIM Nedre Elvehavn, TMV-Kaia 21 7014 Trondheim
TELEFON 815 51 888