Logo
Farger
Typografi
Sidestruktur
Webdesign
Tollaksen Trafikkskole startet i 2024. Vi tegnet logoen, valgte farger og fonter, laget sidestrukturen og designet en nettside der eleven finner riktig klasse og ser prisen før første time.
Kunde
Tollaksen Trafikkskole
Bransje
Trafikkskole
Leveranse
Logo, profil og webdesign
År
2026
Tollaksen har kjøretimer i klasse B, BE og B96, i tillegg til trafikalt grunnkurs og lastsikringskurs.
Mange som skal ta lappen, vet ikke forskjellen på BE og B96, og de vil vite hva det koster før de tar kontakt. Nettsiden skulle svare på begge deler, så eleven kan bestille uten å måtte spørre først.
Ideen
Uttrykket
Vi tegnet logoen til Tollaksen. Symbolet er et ratt sett forfra, og den nederste eiken er en vei med midtstriper som leder inn i en rundkjøring. Rattet viser hva skolen driver med, og veien viser hvor eleven skal.
«Tollaksen» står i tunge versaler, fordi navnet er det folk husker og søker på. «Trafikkskole» står mindre under, med luft mellom bokstavene. Logoen står i mørk blå på lyse flater og i hvitt på natteblå.
Rattet er tegnet med enkle, tykke former, så det holder seg tydelig også når det er lite. Det kan stå alene som profilbilde i sosiale medier og som ikon i nettleserfanen, og det tåler blå, turkis, hvit og gul bakgrunn.
På nettsiden går rattet igjen i ikonene for trafikalt grunnkurs og lastsikringskurs, de to kursene som ikke har en bil å tegne.
Hovedblå er samme type blå som på veiskilt med opplysninger. Den ligger på bestillingsknappene, så knappen eleven skal trykke på, har fargen folk er vant til å følge på veien.
Turkis markerer viktige ord i overskriftene, ikonene og kortet musepekeren står over. Den skiller seg fra den blå uten å konkurrere med knappene. Gult er lånt fra fareskiltene og brukes bare på merker som «Nybegynner», så fargen beholder signalet sitt.
Hold musepekeren over en farge for å se den større og kontrasten mot teksten som står på den.
Hovedblå
#003D6B
Hvit tekst 11,2:1
Natteblå
#001424
Hvit tekst 18,7:1
Turkis
#00A19A
Mørk tekst 5,0:1
Gul
#FFC107
Mørk tekst 9,9:1
Lys grå
#F5F5F5
Mørk tekst 14,8:1
Tekst
#212121
Hvit tekst 16,1:1
Montserrat er tegnet etter gamle skilt og plakater i bydelen Montserrat i Buenos Aires. Bokstavene er brede og åpne, så overskrifter og priser leses fort, også på mobil.
Hele nettsiden bruker én fontfamilie, og forskjellen ligger i vekt og størrelse. Små etiketter som «Våre priser» står i versaler med luft mellom bokstavene, slik «Trafikkskole» gjør i logoen. Da henger logo og nettside sammen.
Nettsiden
Tjenestesiden åpner med «Se hvilke førerkort du kan ta hos oss» og to knapper: «Finn din type førerkort» og «Bestill kjøretime».
Den som vet hva hen vil, bestiller med en gang. Den som er usikker, blir sendt ned til kortene for hver klasse før hen bestiller.
Mange vet ikke hva BE og B96 betyr. Hvert klassekort har derfor en tegning av det eleven skal kjøre: en bil for klasse B og en bil med henger for BE og B96. Eleven velger ut fra tegningen og trenger ikke kunne kodene selv.
Kortet musepekeren står over, fylles med turkis, så eleven forstår at hele kortet er klikkbart. Trafikalt grunnkurs og lastsikringskurs har ingen bil å tegne og bruker rattet fra logoen.
«Slik får du lappen» deler løpet i tre: bestill første time, øv i et tempo som passer deg, og oppkjøring når du er klar. Her har stegene nummer, fordi rekkefølgen er fast.
Steget eleven leser om, er turkis, og de andre er grå. Kalenderen ved siden av viser at eleven selv bestemmer når timene skal være. Disse kan også lenkes til naturlige undersider for rangering i søk (SEO / AIO) senere.
Hvert pakkekort viser nivå, klasse, oppstart, sted og pris. Nivået står i et gult merke, så en nybegynner finner sine pakker uten å lese alle kortene.
Prisen står stort og fett, fordi det er det de fleste ser etter først. Når prisen er lett å finne, slipper eleven å ringe for å spørre.
Under pakkene ligger alle prisene. Hver klasse kan foldes ut, og filteret øverst viser bare klassen eleven trenger.
Forklaringer, som at kjøretimen inkluderer leie av bil, ligger bak et info-ikon. Listen holder seg kort, og svaret er ett trykk unna. Annenhver rad har grå bakgrunn, så det er lett å følge linjen fra time til pris.
All info på prissiden hentes fra TABS API, og når trafikkskolen oppdaterer prisene sine i Tabs, oppdateres de på nettsiden.
Siden for klasse B stiller spørsmålene eleven ofte går og tenker på: «Sliter du med lukeparkering eller andre vanskelige manøvrer?» og «Gruer du deg til teoriprøven og oppkjøringen?»
Når eleven kjenner seg igjen i et spørsmål, leser hen videre om hvordan skolen hjelper. Hvert spørsmål har et ikon, så raden kan skummes på noen sekunder.
Alle sider
«Bestill kjøretime» står i hovedblå øverst til høyre på alle sider. Eleven er aldri mer enn ett klikk fra å bestille.
Om oss
Hver instruktør får bilde, rolle og én setning. Den som har vært i kontakt med skolen, finner igjen instruktøren sin, og for nye elever er det lettere å ta kontakt når de ser hvem de skal kjøre med.
Slutten av hver side
Alle sider slutter med kortet «Din vei til lappen starter her!». Den mørkeblå knappen bestiller første time, og den lyse er for dem som vil snakke med noen først.
Om oss-siden, tjenestesiden og prissiden deler meny, farger og avslutningskort. Hold musepekeren over en side for å bla nedover den.
Om oss
Tjenester
Priser
Vurderer du å ta et steg opp i bransjen? Vi hjelper deg med å kartlegge hvilke løsninger din bedrift trenger, og hvilke løsninger som er tilgjengelige i ditt budsjett.
Kontakt oss