1

Om CoreTrek

• Etablert i 2000

• 28 medarbeidere

• Sandefjord og Sandnes

• Egenutviklet publiseringsløsning, CorePublish CMS

• Alt fra design til komplette løsninger

Vår visjon:

”Vi vil gjøre våre kunder oppdaterte, attraktiveog tilgjengelige på nett”

Å 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økendefinner det de leter etter på en enkel og intuitiv måte.

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

CoreTrek

Hva gjør vi? • 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

• Fleksibelt

• Funksjonsrikt

• Egenutviklet løsning

• Tilfredsstiller standarder for gode web løsninger

• Multikanal publisering

CorePublishGrunnpakke

Nyhets-brev

Skjema

Ordliste

Avansert språk

URL alias

Responsivewebdesign

Ekstern bruker-katalog

Intra/ Ekstranett

RSS

Tags

Relasjon

Kommenterog ranger

Statistikk

CorePublishmoduler

RESPONSIVE WEBDESIGNRESS kontra RWD

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

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

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

VisningslogikkCSS og Javascript

VisningslogikkPHP + visningsmaler+ WURFL

RWD

RESS

UNIVERSELL UTFORMINGDiskriminerer du?

Nye forskrifter

• Diskriminerings- og tilgjengelighetsloven (2008)

• Nye IKT-løsninger skal være universelt utformet fra1. juli 2014

• IKT-løsninger som er kjøpt eller bestilt etter denne datoen skal være universeltutformet fra lansering

• Gjelder løsninger som henvender seg til publikum

• Eksisterende IKT-løsninger skalvære universelt utformet innen 1. januar 2021

Prinsippene

• De rosa viser de 35 kriteriene som må følges for at loven oppfylles

• De grønne viser de strengeste kriteriene som man kan velge å følge dersom man vil være «best i klassen».

• http://uu.difi.no/veiledning/nettsider/krav-til-nettlosninger/krav-wcag

1. Mulig åoppfatte

2. Mulig å betjene

3. Forståelig

4. Robust 4.1 Kompatibilitet

1.1 Tekstalternativer

1.2 Alternativer for tidsbaserte medier

1.3 Innhold kan tilpasses

1.4 Innhold er identifiserbar

2.1 Tastaturnavigering

2.2 Nok tid

2.3 Unngå anfall

2.4 Navigerbar

3.1 Leselig og forståelig

3.2 Forutsigbar

3.3 Unngå og rette opp feil

4.1.1 - 4.1.2

1.1.1

1.3.1 - 1.2.2

1.4.1 - 1.4.2

2.1.1 - 2.1.2

2.2.1 - 2.2.2

2.3.1

2.4.1 - 2.4.4

3.1.1

3.2.1 - 3.2.2

3.3.1 - 3.3.2

1.2.1 – 1.2.2

1.2.3

1.2.4 - 1.2.5

1.4.3 - 1.4.5

2.4.5 - 2.4.7

3.1.2

3.2.3 - 3.2.4

3.3.3 - 3.3.4

1.2.6 - 1.2.9

1.4.6 - 1.4.9

2.1.3

2.2.3 - 2.2.5

2.3.2

2.4.8 - 2.4.10

3.1.3 - 3.1.6

3.2.5 - 3.2.6

3.3.5 - 3.3.6

Prinsipper Retningslinjer Nivå A

Nivå AA Nivå AAA

NOEN REFERANSERKunder og cases

Bodø kommune RWD og RESS

Bodøsjøen Barnehage Bodø kommune RWD

Fosen Namsos Sjø RESS

AtB RESS

”Vinneren håndterer en stor informasjonsmengde på en ypperlig måte, og det er lett å finne veien dit man skal på mer enn én måte. Fin design, enkel netthandelsløsning og god responsiv design gjorde at sølvvinneren skilte seg klart ut i kategorien.”

Prior RESS

Folketrygdfondet RWD og intranett

LPO Arkitekter RWD

BAHS RESS standardmal

Standardmal

• Standardmalsett

• Farger,skrifttyper og profilelementer endres

Desktopp/nettbrett

Mobil

Eksempler på standardmal

Standardmal for mobil

Kunder på Vestlandet

• Byfjordparken

• GMC

• Lyse

• Medox/Medpallet

• Petroleumstilsynet

• Det Norske Misjonsselskap

• Boreal Transport

• Universitetet i Stavanger

• Norges Naturvernforbund

• Add Energy

• Felleskjøpet Rogaland Agder

• Eidesvik

• Solstad Offshore

• NPF

• Hjertelaget

• Haugaland Kraft

• Nortura

• Sandnes Sparebank

Eidesvik intranett og RESS

GMC RESS

Lyse konsernet RWD

Lyse kundeportal RWD

Unitech Resources RESS

UiS RWD med utskifting av bilder

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

Mål med nettstedet

• Hva er ditt mål med nettstedet?

• Hva er ønsket ROI?

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?

Innhold

• Innhold tilpasses målgruppens behov

• Hvilket innhold skal nettstedet ha?

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

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

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

TAKK FOR OPPMERKSOMHETEN!