Contingo / Vår egen webbplats
Vår egen webbplats skulle förklara vad Contingo erbjuder och visa hur vi arbetar. Därför fick webb, SEO, marknadsföring, AI och rådgivning egna visuella uttryck inom ett gemensamt formspråk.
Läs om arbetet
01 Ambitionen
Vi hade erfarenheten men ingen portfolio i eget namn. Uppdrag vi gjorde åt större byråer levererades under deras namn. Vår egen webbplats blev därför ett arbetsprov där vi kunde visa vad Contingo kan, från innehåll och form till fungerande interaktion.
Fem tjänsteområden behövde bli begripliga och få egna uttryck. Utmaningen var att ge varje sida en tydlig uppgift och samtidigt hålla ihop webbplatsen. Särskilt öppningarna krävde mycket research, jämförelser och omtag.
UtgångspunktErfarenhet som behövde synas i eget namn.
MålFem erbjudanden att förstå och utforska.
ArbetsprovVisa hur vi tänker genom det vi bygger.
02 Fem uttryck
Vi utgick från olika frågor hos besökaren. Webb behöver förklara vad en sida ska göra, SEO var kunderna söker och rådgivning vad som behöver redas ut. Välj ett område och se hur frågan får ett eget uttryck i bild och rubrik.
WebbVad ska webbplatsen göra?
01 / Webb
Webb får ett taktilt uttryck med orange glas som bryter ljuset. Rubriken växlar mellan vad en webbplats ska kunna göra. Längre ned blir hantverket konkret: samma sida visas som struktur, kod och färdig design.
Utforska WebbSEOVar finns nästa kund?
02 / SEO
SEO börjar ute bland verksamheter och människor. En ljus gatuvy, varm typografi och en liten gyllene glaskula sätter tonen. Kartan kopplar sedan ihop plats, kundbehov och innehåll. Besökaren kan jämföra hur arbetet skiljer sig mellan en ort och större marknader.
Utforska SEOMarknadsföringHur känns idén igen?
03 / Marknadsföring
Marknadsföring tar plats med arkitektoniskt djup, violetta accenter och en rubrik som träder fram i rörelse. Ett påhittat inredningskoncept visar hur samma idé kan användas i flera kanaler. Bilderna har olika skala och karaktär, men budskapet är detsamma hela vägen.
Utforska MarknadsföringAIVad kan förstärkas i arbetet?
04 / AI
AI möter besökaren i en arbetsplats i skymning, med ett mättat magenta glasobjekt som signatur. Tonen är mänsklig och uppgifterna konkreta. Ett flöde skiljer underlag, AI-förslag, fasta regler och mänsklig granskning åt, så att besökaren ser var en person behöver kontrollera resultatet.
Utforska AIRådgivningVad behöver redas ut först?
05 / Rådgivning
Rådgivning får ett ljusare, lugnare tempo med vinrött glas, ett gemensamt arbetsbord och redaktionella rubriker. Frågor om mål, nuläge och ramar kommer före valet av lösning. En projektresa som besökaren kan klicka sig igenom visar hur besluten ändras från första frågan till förvaltning.
Utforska RådgivningFrån granskning till förändring
01 / SEO
Vi ersatte isolerade bildinslag med fotografier som formar hela avsnitt.
Det ni serGatumiljön öppnar sidan. Längre ned ger planeringsbilden och fyren nya sammanhang åt texten.
Se bildkompositionen02 / AI
Tre demonstrationer blev för mycket. Vi samlade förklaringen i ett flöde.
Det ni serHela flödet går att följa i ett förberett exempel på sidan.
Utforska AI-exemplet03 / Marknadsföring
På mobil rullade texten förbi en fast bild. Vi ersatte det med steg där bild och text byts samtidigt.
Det ni serBesökaren kan välja ett steg och läsa i egen takt.
Se bild och text samspela
Ett gemensamt bildspråk
Material. Ljus.
En detalj som
känns igen.
03 Innehållet
Den visuella resan skulle också hjälpa besökaren att förstå erbjudandet. Vi byggde innehållet runt verkliga frågor: Vad behöver verksamheten? Vad kan vi hjälpa till med? Hur går arbetet till, och vad behöver kunden bidra med?
På sidan om Webb kommer frågan om verksamhetens behov före tekniken. Där delar vi upp den i tre uppgifter: presentera erbjudandet, skapa kontakt och sköta innehållet. Rådgivning börjar i stället med mål, nuläge och ramar, så att besökaren kan börja utan att ha valt en lösning.
Ur Webb / Byggd för er verksamhet
Tjänster, produkter och information som hjälper besökaren att välja.
Sidor och funktioner planeras utifrån vad besökaren ska kunna göra.
Texter, bilder och sidor som ni kan hantera i det dagliga arbetet.
Varför den här ordningen?
01 / Verksamheten först. Ingången handlar om vad webbplatsen behöver göra. Den hjälper besökaren att koppla tjänsten till sin egen situation.
02 / Tre konkreta uppgifter. Uppdelningen gör frågan lättare att svara på.
03 / En väg vidare. Resten av sidan beskriver hur vi bygger, kontrollerar och tar hand om lösningen.
Läs på sidan om Webb
En annan ingång
Rådgivningssidan börjar med utrymme att tänka. Den skiljer behovet från den möjliga lösningen och visar vilka frågor som behöver besvaras först.
Utforska utgångspunkten04 Upplevelsen
Två frågor behövde bli synliga: hur en plan blir en färdig sida, och hur kundens plats påverkar innehållet. På Webb kan samma exempel jämföras som struktur, kod och design. På SEO ändras sökfrågorna och förklaringen när besökaren väljer en marknad. Skärmbilderna nedan visar ett läge. Länkarna leder till exemplen, där ni kan prova själva.
Webb / Från struktur till upplevelse
Besökaren kan växla mellan struktur, förenklad kod och design. Innehållet finns kvar medan presentationen förändras. Då syns det hur planering, teknik och form hänger ihop.
Prova de tre stegen
SEO / Från en ort till världen
Kartan visar hur sökningar och sidinnehåll förändras när en tjänst riktar sig till olika marknader. Välj ett läge, stanna upp och läs. För varje marknad förklarar sidan vad en potentiell kund behöver få veta.
Utforska kartan05 Helheten
Samma ambition följer med till mobilen. Texten får en ny rytm, bilderna anpassas och reglagen måste få plats där de används. Startsidan visar hur den stora Malmövyn och den grafiska riktningen kan hållas ihop även på en smal skärm.
Gemensamma sidhuvuden och sidfötter, kapitelvägar och återkommande kontaktpunkter binder samman webbplatsen. Webbplatsen fungerar med tangentbord, och de stora animationerna går att pausa eller styra för hand.
Från vårt arbetsprov till ert projekt
