Webbdesign

Ny grafisk profil. Därför byggde vi om hela Empire.

Av Viktor Hadestrand6 min läsning

Vi har bytt logotyp, hemsida och grafisk profil. Den gamla logotypen och hemsidan har följt Empire sedan 2015, och under de åren har vi vuxit från en WordPress-byrå till en byrå som gör webb, digital marknadsföring och AI. Nu när AI blir vårt tredje ben ville vi att varumärket skulle visa vilka vi är i dag. Den nya profilen heter Spark, efter stjärnan som sitter där punkten brukade stå.

Varför nu? AI blev vårt tredje ben

Vi har alltid varit tidigt ute. Vi startade ett eget marknadsteam när kunderna behövde fler besökare och inte bara en snyggare sida, och i dag följer vi hur våra kunder syns i AI-sök, inte bara i Google.

Men vårt utseende stod still. Kristallen och versalerna kom till när Empire var en liten WordPress-byrå i Stockholm. De berättade ingenting om annonser, SEO eller det vi gör med AI i dag.

Nu har AI-tjänsterna blivit ett eget ben bredvid webb och digital marknadsföring. Vi bygger AI-assistenter, automatiserar flöden mellan formulär, CRM och mejl och gör annonsmaterial med AI. Vi är också Lovable Expert Partner. När verksamheten förändras så mycket blir ett gammalt varumärke en broms. Den som bara såg vår gamla logotyp och startsida fick bilden av en webbyrå, inget mer. Det var dags att visa hela Empire.

Vi ville också göra det vi säger åt våra kunder. Vi brukar säga att en grafisk profil ska spegla verksamheten som den är nu, inte som den var när logotypen ritades. Då kunde vi inte gärna vänta själva.

Från 2015 till i dag

Empire startade 2015 som en renodlad WordPress-byrå. Efter ett 50-tal levererade projekt såg vi samma sak gång på gång: en bra webbplats räcker inte om ingen hittar dit. Vi började följa trafiken på sajterna vi byggt och ville kunna göra något åt den.

Sedan 2019 har vi därför ett eget marknadsteam. Det gav oss SEO, Google Ads och sociala medier under samma tak som webben. 2023 öppnade vi kontoret i Mora, och i dag arbetar vi från Sundbyberg och Mora med företag i hela Sverige.

Över 400 levererade projekt senare är grunden densamma: små och medelstora företag som vill ha en partner, inte en leverantör. Det som har förändrats är bredden. Webb, marknadsföring och AI hänger ihop, och det är just det som gör skillnad för kunderna.

Gammalt mot nytt

Den gamla logotypen var en kantig kristall och ordet EMPIRE i versaler. På webben fick den sällskap av blått, rosa och en rubrik som sa "Webbyrå Stockholm". Den gjorde sitt jobb i elva år, men den lät som en byrå bland alla andra.

2015–2026
Empires gamla logotyp: en kantig kristallsymbol och EMPIRE i versaler
KristallenVersaler, en geometrisk symbol och blått och rosa på webben.
Från 2026
SparkGemener, stjärnan som punkt och en enda accentfärg: lime.
Nya startsidan i Spark: samma teambild under en mörk övertoning, rubriken Webb som fungerar. Samarbeten som växer. och limegröna knappar
Gamla startsidan på empireweb.se med rubriken Webbyrå Stockholm, blå och rosa knappar och teamet i en soffa
Dra i reglaget för att jämföra gamla och nya startsidan.
Nya sidan om sökmotoroptimering i Spark: foto av en kollega vid en whiteboard, rubriken Sökmotoroptimering (SEO) i serif, limegröna knappar och en handskriven etikett
Gamla sidan om sökmotoroptimering: mörkblå toppyta med centrerad rubrik, en blå knapp och en rosa och blå illustration av sökresultat
Samma jämförelse på en tjänstesida: sidan om sökmotoroptimering före och efter.
Lime
Den enda accentfärgen
Night
Mörka ytor och kontrast
Paper
Luft och läsbarhet
Newsreader
Rubriker · Geist i brödtext

Spark går åt andra hållet. Ordet empire står i gemener, för att vi vill vara personliga och nära, inte stora och stela. Där punkten skulle stå sitter en stjärna. Färgerna är dämpade och varma, med en enda accentfärg: lime. Rubrikerna är satta i Newsreader, en serif med känsla av redaktion och eftertanke, och brödtexten i Geist, ett rent typsnitt som är byggt för skärm.

Allt finns samlat i en varumärkesmanual med färgkoder, typsnitt, regler för logotypen och hur den får röra sig. Samma sorts manual får våra kunder när vi tar fram en grafisk profil och logotyp åt dem.

Historien om Spark

Spark började som en punkt. Vi hade skissat länge på ett nytt ordmärke, och till slut stod empire i gemener på whiteboarden i Sundbyberg. Det såg lugnt och tryggt ut. Nästan för lugnt.

Någon ritade en liten stjärna där punkten skulle stå. Det blev tyst en stund. En punkt säger att något är färdigt. En gnista säger att något börjar. Det var precis det vi ville säga om Empire: att vi inte är klara, utan på väg in i nästa kapitel.

Vi testade runda stjärnor, spetsiga stjärnor och stjärnor med fem uddar. Det blev en fylld stjärna med åtta uddar. Den håller formen när den är liten som en favicon och känns lika självklar när den fyller en hel skärm. Den har också en egenskap som vi inte tänkte på från början: vrider man den ett kvarts varv ser den likadan ut. Därför kan den blinka utan att någonsin tappa formen.

Namnet kom av sig självt. Vi kallade stjärnan för gnistan redan på första mötet, och på engelska blev det Spark.

Vad Spark står för

Spark står för tre saker som alltid har funnits i Empire, men som vi aldrig har visat tydligt:

  • Idéer som blir verklighet. Vi är byggare. En idé är värd något först när den går live och ger resultat.
  • Energi. Vi är framåtlutade och testar nytt tidigt, från AI-sök till AI-film, men alltid med ett mål: fler förfrågningar och mer försäljning för kunden.
  • Mötet mellan människor och teknik. AI gör mycket, men det är människor som förstår er verksamhet. Vi kopplar AI till en verksamhet som redan fungerar, och ni har alltid människor att prata med.

Profilen har också en tydlig ton. Vi skriver som vi pratar, med korta meningar och svenska före engelska. Vi säger vad det kostar och hur lång tid det tar. Och vi är lekfulla i detaljerna, aldrig på kundens bekostnad.

Spark i rörelse

En logotyp i dag lever mest på skärmar, så Spark är gjord för att röra sig. Stjärnan faller in när sidan laddas, blinkar då och då och snurrar när man pekar på den. Samma rörelser använder vi i filmer, presentationer och sociala medier. Här är tre av dem:

01StjärnfalletStjärnan faller in, bokstäverna byggs upp och gnistan tänds när den landar. Så öppnar logotypen våra filmer och presentationer.
02BlinkningenEtt kvarts varv och tillbaka. Med åtta uddar ser stjärnan likadan ut efteråt, så blinkningen blir sömlös.
03GnistanStjärnan som signatur: den snurrar när man pekar på logotypen och tänder en gnista när något är klart.

Rörelserna är korta och avsiktliga. De spelas en gång och stannar sedan. Har du valt minskad rörelse i din enhet ser du logotypen direkt i sitt slutläge. Text som Google och AI-sök behöver läsa döljs aldrig bakom en animation.

Det är samma tänk som vi har när vi bygger åt kunder: rörelse ska göra en sida lättare att förstå, inte långsammare att använda.

Vad betyder det för er som kund?

För er som redan är kunder ändras ingenting i vardagen. Det är samma team, samma kontor och samma telefonnummer. Era avtal gäller som förut, och ni äger fortfarande er sajt, er kod och era annonskonton.

Det som blir nytt är att det blir tydligare vad vi kan hjälpa till med. Kommer ni till oss för en hemsida ska ni också se att vi gör SEO, annonser och AI. Nu syns alla tre benen på samma ställe, och det blir lättare att se hur de hänger ihop. En ny hemsida kan få SEO från start, annonserna kan följas upp i samma rapport och AI kan ta hand om förfrågningarna som kommer in.

Vi har också gjort hela resan själva: ny logotyp, ny grafisk profil, nya texter och en ny sajt byggd från grunden. Vi vet hur det känns att släppa något man har haft i elva år, och vad som krävs för att inte tappa det man byggt upp i Google på vägen.

Dags för er att ta nästa steg?

Ett varumärke ska växa med verksamheten. Har ni förändrats men ser ut som för tio år sedan, är det värt att se över logotyp, profil och hemsida i ett sammanhang. Vi tar fram grafisk profil och logotyp, bygger hemsidan och ser till att den syns, i Google och i AI-sök.

Berätta vad ni vill göra bättre, så hör vi av oss med ett förslag. Kontakta oss här.

Vanliga frågor

Varför bytte Empire grafisk profil?

Logotypen och hemsidan hade följt oss sedan 2015. Under de åren har Empire gått från WordPress-byrå till en byrå med tre ben: webb, digital marknadsföring och AI. När AI blev ett eget ben ville vi att varumärket skulle visa vilka vi är i dag, inte vilka vi var när vi startade.

Vad betyder stjärnan i Empires logotyp?

Stjärnan heter Spark och sitter där punkten efter empire skulle stå. En punkt avslutar något, en gnista sätter igång något. Den står för idéer, energi och mötet mellan människor och teknik.

Påverkar det nya varumärket oss som redan är kunder?

Nej. Det är samma team, samma kontor i Sundbyberg och Mora, samma telefonnummer och samma avtal. Det enda som har ändrats är hur vi ser ut.

Kan Empire ta fram en ny grafisk profil åt vårt företag?

Ja. Vi tar fram logotyp och grafisk profil med färger, typsnitt och en varumärkesmanual, och kan bygga hemsidan i samma veva. Läs mer om grafisk profil och logotyp eller kontakta oss.

Fler artiklar

Vill ni ha hjälp med webbdesign?

Få offert

Kostnadsfri offert · Svar inom 12 timmar på vardagar

Berätta vad ni behöver.

Kostnadsfri offert · Svar inom 12 timmar på vardagar · 08-520 276 90