core trek presentasjon 2014

1

Om CoreTrek

• Etablert i 2000• 25 medarbeidere• Sandefjord og Sandnes• Egenutviklet publiseringsløsning, CorePublish CMS• Alt fra design til komplette løsninger

2

Vår visjon:”Vi vil gjøre våre kunder oppdaterte, attraktive og tilgjengelige på nett.”

3

Å være Oppdatert betyr at nettstedet til en hver tid har oppdatert informasjon. Brukervennlighet er stikkordet.

Å være Attraktiv betyr at nettstedet har et godt design som på en god måte visualiserer selskapets profil og budskap samt at de besøkende finner det de leter etter på en enkel og intuitiv måte.

Å være Tilgjengelig betyr at nettstedet er tilpasset alle kanaler og blir ranket høyt i søkemotorer. Dette krever et godt system som leverer ”riktig kode”.

CoreTrek

Hva gjør vi?

4

• Rådgivning• Forprosjekt

(CorePhases)• Webdesign

• Utvikling• Integrasjoner• Spesial-

utvikling

• Webhotell• Vaktordninger• Fjerndrift

• Telefonstøtte • Supportsystem• Supportavtaler

• CorePublish kurs• Individuelle kurs• Andre kurs

• Nettstedsrevisjoner• Søkemotoroptimalisering• Brukertester

CorePublish CMS

Et av Norges mest brukte CMS:• Brukervennlig• God struktur• Funksjonsrikt • Fleksibelt • Egenutviklet løsning• Tilfredsstiller standarder for gode web løsninger• Multikanal publisering

5

6

CorePublish moduler

FLERE VEIER TIL MOBILWEBHvilke er rett for deg?

Bakgrunn• Mobil, nettbrett og TV blir de nye PC’ene• Mobil surfing øker kraftig• Brukere forventer brukervennlige websider uansett

hvilken enhet de bruker• Brukere vil ha tilgang til alt innhold

8

9

Flere enheter (multikanal)

Nettløsning

Nettbrett

Mobil

PC/Mac

Multikanal i CMS• Styre samme innhold fra

CMS’et til ulike kanaler• Automatisert styring via

CMS bør være mulig for kanaler som skal ha likt innhold

• Avvik for deler av innholdet om ønskelig

• Brukerstyrte visningsmaler per kanal

10

Ulike teknikker

For å kunne vise nettsider på ulike enheter har man utviklet flere teknikker

De to vanligste er: • Responsive Web Design (RWD)• Responsive Web Design + Server-side (RESS)

11

12

Responsive Web Design - RWD• Visning av innhold styres på klientsiden med CSS og Javascript• Samme innhold må sendes til alle enheter, kan kun skjule deler av innholdet• CMS’et som benyttes behøver ikke støtte RWD• Breakpoints• Alt innhold lastes i alle enheter, også det som ikke vises

A, C, G og H er ikke tatt med i mobilvisningen, men de lastes likevel opp.

Logo

A C

F G H

Topp

D E

B

D1E1

Logo

F1

Bskalert

RWD

13

Responsive Web Design + Server-side (RESS)

• Detektering av enhet og kanal skjer på server før innhold sender til klienten

• Serveren kan sende forskjellig innhold til forskjellige enhetstyper

• To varianter: o Ett felles innhold/menytre som formatteres forskjellig per

kanalo Ett innhold/menytre per kanal, med brukerstyrte maler per

kanal (kan gi fleksibelt innhold)• Publiseringssystemet må støtte RESS

14

Sende optimalt innhold

Velge mal

Finne størrelser,

oppløsning, etc.

EgenskaperWURFL

RESS – hva skjer per sekvens?

URL-kall

15

RESS

16

600 KB

Full nettside+ store bilder

60 KB

Liten nettside+ små bilder

300 KB

Medium nettside+ medium bilder

RWD RESS

600 KB

Full nettside+ store bilder

17

VisningslogikkCSS og Javascript

VisningslogikkPHP + visningsmaler+ WURFL

Den st

ore f

orsk

jelle

n

NOEN REFERANSERKunder og cases

19

20

Norsk Petroleumsforening

21

Bodø kommune RWD og RESS

22

Bodøsjøen Barnehage Bodø kommune RWD

23

Bastø Fosen RESS

24

AtB RESS

25

Prior RESS

26

LPO Arkitekter RWD

27

Byfjordparken RWD og RESS

28

GMC RESS

29

Tour des Fjords RWD

30

Lyse konsernet RWD

31

Lyse kundeportal RWD

32

Medox

33

UiS RWD med utskifting av bilder

34

Haugaland Kraft RWD

COREPHASESForprosjekt for å

spesifisere nettsted

Hva er CorePhases?

Et forprosjekt for å spesifisere et nytt nettsted• Gir et overordnet bilde av arbeidet som skal utføres• Målet er å levere nettløsninger med riktig innhold i

henhold til spesifikasjon, til riktig pris og på avtalt tid• Resultatet av CorePhases er komplett prosjektplan

inkludert wireframes og fremdriftsplan

CorePhases egner seg både for inter- og intranett

36

Mål med nettstedet

• Hva er ditt mål med nettstedet?• Hva er ønsket ROI?

37

Målgruppeanalyse• Hvilke målgrupper skal dere nå?• Hva ønsker målgruppene å oppnå?• Hvordan vil besøkende finne nettstedet?• Hvorfor vil de se etter nettstedet og hva vil de gjøre

der?• Hva vil de ta med seg når de forlater siden?

38

Innhold• Innhold tilpasses målgruppens behov• Hvilket innhold skal nettstedet ha?

Analysen resulterer i innhold som skal prioriteres og forslag til innhold som nedprioriteres

39

Struktur• Innhold struktureres i

trestruktur• Grupperingen er logisk,

tilsvarende en mappestruktur på din datamaskin

• Resultatet er en strukturert oversikt over alt innhold som skal vises på nettstedet

40

Nettsted

Produkter

Tjenester

Kunder

Om oss

Programvare

Konsulent

Rådgivning

Kurs

HiVe

Stabenfeldt

Ansatte

Kontakt oss

Kontorer

Interaktive wireframes• Interaksjons-

design• Plassering av

innhold og interaktive funksjoner

• Resultatet er interaktive wireframes av alle undersider

41

TAKK FOR OPPMERKSOMHETEN!