Hoppa till innehållet

Kundprojekt / BoredSEO

SEO med
ett eget ansikte.

Vi byggde BoredSEO:s webbplats och kundpanel, och skapade Bo med inspiration från den befintliga logotypen.

Besök BoredSEO
Kund
BoredSEO
Vår del
Webbplats, Bo och kundpanel
Teknik
WordPress & WooCommerce
BoredSEO / Webbplats, Bo & kundpanel01
BoredSEO

Här är Bo.
Skapad av Contingo.

BoredSEO:s startsida med rubriken We Made SEO Boring. On Purpose.
Från logotypens former till Bo. Upptäck Bo
01 / Uppdraget

Hur gör man ”boring” intressant?

BoredSEO var en rolig utmaning: att fånga ett koncept som medvetet kallar sig tråkigt och ge det liv på webben. Webbplatsen skulle visa att företaget kan sitt område, rakt och utan att bli påträngande.

Det behövde märkas i mer än rubriken. Vi arbetade därför med hur tjänsterna förklaras, hur besökaren väljer ett paket och var Bo får ta plats.

BoredSEO / Budskapet

We Made
SEO Boring.
On Purpose.

Rubriken på BoredSEO:s startsida.
02 / Från logotyp till Bo

Logotypen gav oss idén till Bo.

Vi utgick från bokstäverna i bo-märket: två runda öppningar och en korallfärgad understrykning. Där såg vi grunden till Bos ögon och mun.

Vårt bidrag var att utveckla karaktären Bo och ge honom en roll på webbplatsen. De tunga ögonlocken och den lugna minen blev ett sätt att uttrycka BoredSEO:s inställning.

Logotypen: framtagen av en grafisk designer.

Bo: skapad av Contingo med logotypen som inspiration.

BoredSEO:s bo-märke med två blå bokstäver och en korallfärgad understrykning.
01 / MärketTvå bokstäver.

Den befintliga logotypen blev vår utgångspunkt.

BoredSEO:s bo-märke med två blå bokstäver och en korallfärgad understrykning.
ögonmun
02 / BlickenEtt ansikte tar form.

Öppningarna blir ögon. Strecket blir en mun.

03 / BoDärifrån skapade vi Bo.

Med tunga ögonlock och en lugn blick.

Logotyp → ansikte → karaktär
Blå#2757A7
Korall#F36E63
Bläck#1E2330
Varmvit#FAF4EA
Bo / Karaktärsstudie

Bo med en lugn blick.

03 / Bo på webbplatsen

En kaffepaus. En närmare titt.

Vi skapade flera uttryck för Bo: med kaffekopp, med förstoringsglas och med en blick som verkar ha sett det mesta. Han återkommer på tjänstesidor, i förklaringar och vid kontaktvägar.

Variationerna gör att Bo kan följa med genom webbplatsen utan att samma bild upprepas överallt. På sin egen sida får han dessutom en introduktion, och på 404-sidan har han huvudrollen i ett spel.

Tre av Bos uttryck

Välj Lugn, Nyfiken eller Kaffepaus för att se variationerna.

04 / Webbupplevelsen

Från tjänsteval till betalning.

Vi byggde webbplatsen i WordPress och använde WooCommerce för beställningar och betalningar. Ovanpå det byggde vi egna funktioner för BoredSEO:s tjänster.

Paketkonfiguratorn är ett exempel. Besökaren kan utgå från ett färdigt paket och ändra antal signaler, leveranstid och antal webbadresser. Pris och sammanställning uppdateras i samma vy, så att det går att se vad beställningen innehåller innan man går vidare.

Prova konfiguratorn
WordPress
Webbplatsens sidor och innehåll.
WooCommerce
Beställningar och betalningar.
Egen utveckling
Paketkonfigurator, kundpanel och spel.
BoredSEO:s paketkonfigurator med val av mängd, leveranstid och antal webbadresser.Förstora
Valen och priset i konfiguratorn, här för paketet Large.
05 / Kundpanelen

En egen vy för kunden.

Utöver den publika webbplatsen byggde vi en egen kundpanel. Den samlar kampanjer, sökord, innehåll, länkar och rapporter i ett gränssnitt.

Översikten visar kampanjernas status, hur långt arbetet har kommit och när något senast uppdaterades. Kunden ska kunna följa arbetet även efter beställningen.

BoredSEO visar kundpanelen som en förhandsvisning på sin startsida.

Förhandsvisning av BoredSEO:s kundpanel med kampanjer, status och rapporter.Förstora
Kundpanelens publika förhandsvisning. Värdena i bilden är exempel.
06 / 404-sidan

Fel sida. Rätt tillfälle att spela.

Även en saknad sida fick bli en del av BoredSEO. På 404-sidan finns en väg tillbaka, men också det lilla spelet Catch the Rankings.

Besökaren styr Bo, fångar gröna rankingpilar och undviker korallfärgade spamlänkar. Det går att spela med mus, pekskärm eller piltangenter.

Spela på BoredSEO
Catch the Rankings på BoredSEO:s 404-sida. Bo fångar gröna pilar och undviker korallfärgade kryss.Förstora
Catch the Rankings på 404-sidan. Skärmbild från projektet.
BoredSEO på mobil

Startsidan och Bo.

Startsidan och presentationen av Bo, här i mobilformat.

Besök webbplatsen
BoredSEO:s startsida på mobil.Förstora
Startsidan.
Bos introduktion på mobil.Förstora
Presentation av Bo.
Projektbild
Öppna originalbilden ↗