Kundprojekt / Nori Måleri

Kulören
före penseln.

Vi byggde webbplatsen för Nori Måleri i Malmö. Besökaren kan provmåla ett rum i nio NCS-kulörer och tre sorters ljus, och kulören följer med till offertförfrågan.

Besök Nori Måleri

Kund: Nori Måleri AB
Vår del: Design, webbplats och offertformulär
Teknik: Astro och PHP
Område: Malmö med omnejd

Nori Måleri / Webbplats, färgateljé & offert01

Färgbiblioteket

Linne, NCS S 1002-Y
Varm Sand, NCS S 2005-Y20R
Salvia, NCS S 4010-G30Y
Dimblå, NCS S 3010-R90B
Puder, NCS S 2010-Y80R
Djup Teal, NCS S 7020-B90G
Falurött, NCS S 5040-Y80R
Mörk Botanisk, NCS S 8010-G10Y
Djup Kol, NCS S 8500-N

Nio kulörer, tre sorters ljus.

Nori Måleris startsida: rubriken Måleri med omsorg, levererat i tid. framför en vägg i kulören Djup Teal.

Måleri i Malmö med omnejd. Provmåla rummet

01 / Uppdraget

Ett måleri i Malmö, fem sidor och en kulör att börja med.

Nori Måleri målar inomhus och fasader, tapetserar och spacklar, och tar uppdrag i företagslokaler, trapphus och bostadsrättsföreningar i Malmö med omnejd.

Webbplatsen har fem sidor: Hem, Tjänster, Projekt, Om oss och Offert. Den är mörk rakt igenom, skriven med ”ni” och har en enda accentfärg, en mintgrön ton mot nästan svart botten.

Besökaren kan prova Noris kulörer i ett rum, jämföra före och efter och skicka en offertförfrågan där kulören redan är vald.

Nori Måleri / Budskapet

Måleri med omsorg, levererat i tid.

Rubriken på Nori Måleris startsida.

02 / Färgateljén

Provmåla rummet på startsidan.

I färgateljén väljer besökaren en av nio NCS-kulörer ur Noris färgbibliotek och ser samma rum i nordljus, dagsljus och kvällsljus, 27 bilder sammanlagt. Varje kulör har ett kort med underton, finish, vilka rum den passar i och vad den kan kombineras med.

Redan i startsidans öppning kan besökaren byta kulör på väggen bakom rubriken. Länken ”Ta med kulören i offerten” för valet vidare till offertsidan.

Nori Måleri / Färgateljén03 / 09

Rummet målat i Salvia i dagsljus. — Digital visualisering. På webbplatsen står det att kulör och ljus är ungefärliga.

Digital visualisering. På webbplatsen står det att kulör och ljus är ungefärliga.

SalviaNCS S 4010-G30Y

En dämpad örtton som vilar ögat.

Underton: Grågrön
Finish: Helmatt
Bäst i: Kök & arbetsrum
Kombinera: Kalksten & valnöt

Ta med kulören i offerten /offert/?color=2&ljus=dagsljus

Bilderna, kulörerna och korttexterna är desamma som i färgateljén på norimaleri.se.

03 / Före och efter

Samma rum, med ett reglage emellan.

Projektsidan har fyra exempel som kan sorteras på Invändigt, Tapet, Fasad och Företag. Varje exempel öppnas i en ruta med ett reglage och knapparna Före, Jämför och Efter, och har en egen adress som går att länka till.

Alla fotografier på webbplatsen är exempelbilder och är märkta så.

Exempelbild

Invändigt

Hall i nytt ljus

Kulör: Mjuk mineralvit
NCS: S 0502-Y
Finish: Helmatt
Yta: Hall, trappa och snickerier

Exempelbilderna och uppgifterna kommer från projektsidan på norimaleri.se.

04 / Offerten

Kulören följer med till offerten.

Offertförfrågan är en sida i tre delar: 01 Kontakt, 02 Projektet och 03 Kulör, som är valfri. Kommer besökaren från färgateljén är kulören och ljuset redan valda, till exempel Djup Teal i kvällsljus.

När förfrågan skickas lämnar PHP:s mail() den till Noris egen e-postlåda på samma server, med besökarens adress som svarsadress. Det finns inget e-postlösenord i koden och ingenting sparas. Ett dolt fält stoppar enkla skräpförfrågningar, och utan JavaScript får besökaren ett enkelt svar i HTML.

Går det inte att skicka visas en ruta med ”Öppna i e-post” och ”Kopiera texten”, så att förfrågan ändå kommer fram. En riktig testförfrågan kom fram till Noris inkorg den 22 oktober.

1Färgateljén

SalviaDagsljus

Välj en annan kulör i färgateljén ovanför, så följer den med hit.

2
Adressen/offert/?color=2&ljus=dagsljus
3
Formuläret väljer kulören
4
mail() till Noris inkorg

03Kulör · valfritt

Välj riktning om ni redan vet. Annars guidar vi på plats. Vald: Salvia i dagsljus

Kulören är vald i formuläret

Offertsidan på norimaleri.se: delen 03 Kulör med de nio kulörerna, Djup Teal markerad och texten Vald: Djup Teal i kvällsljus. Till höger Vad händer sen? och telefonnumret. — Offertsidan på norimaleri.se, öppnad från färgateljén med Djup Teal i kvällsljus.

05 / Detaljerna

Det som inte syns på bilderna.

Bakom de fem sidorna finns rena adresser, omdirigeringar från den gamla webbplatsen och kontroller inför lanseringen.

Sök och adresser

Rena adresser: 5 sidor; /tjanster/, /projekt/, /om-oss/ och /offert/, plus en sida om integritet och en egen 404-sida.
Gamla adresser: Ett steg; http och www leder till https i ett steg, den gamla contact_process.php till offertsidan och /index.html till startsidan.
Strukturerad data: HousePainter; Nori beskrivs som måleriföretag, så att sökmotorer kan läsa det.

Besökaren

Automatisk kontroll: 0 fel; axe hittade inga fel på sidorna inför lanseringen den 20 oktober.
Accentfärgen: 8,39:1; Kontrasten mellan den mintgröna tonen och den mörka texten i knapparna.
Länkar: 352; Alla kontrollerades före lanseringen, utan problem.

Bygget

Flytten till Astro: 194 skärmar; 24 sidvisningar jämfördes med den godkända versionen, och varje skärmbild var identisk ner till pixeln.
Interaktioner: 118 steg; Klick och val gav samma resultat som i den godkända versionen, kontrollerat med 61 skärmbilder.
Typsnitt: Egna filer; Newsreader, Space Grotesk och IBM Plex Mono ligger på Noris egen server.