HEADLESS — SANITY

SANITY-BYRÅ FÖR STRUKTURERAT INNEHÅLL

SEOS Design är en Sanity-byrå i Stockholm som bygger kodade hemsidor med Sanity som headless CMS och Next.js eller Astro som frontend, för företag i hela Sverige. Innehållet modelleras som kod, redigeras i en Studio anpassad för ert team och kan återanvändas i fler kanaler. Upplägget lämpar sig mycket väl för effektiv AI-assisterad vidareutveckling – av oss eller av er – och passar bolag som vill äga sin datamodell.

Boka ett samtalVanliga frågor

Det här ingår

  1. Sanity-implementation
  2. Headless CMS
  3. CMS-migrering
  4. Webbappar
  5. Teknisk SEO
  6. Underhåll
  • 4–6 veckor

    normal projekttid från brief till lanserad hemsida

  • 0 mån

    bindningstid på förvaltningsavtalet – ni avslutar när ni vill

  • Fast pris

    efter ett kostnadsfritt samtal

Sanity-utveckling i korthet

  • Passar företag som vill äga sin datamodell och använda samma innehåll på hemsidan, i en app eller i andra kanaler.
  • Ni får schema som kod i TypeScript, en Sanity Studio anpassad för ert team och en frontend i Next.js eller Astro med en bra teknisk SEO-grund från start.
  • Vi bygger nytt, migrerar från t.ex. WordPress och Contentful och tar över Sanity-hemsidor som någon annan byggt.
  • Har ni en egen utvecklare kan ni ta över helt efter lansering. Annars är det ofta bra med ett mindre förvaltningsavtal – utan bindningstid.
  • Datamodell och frontend som kod gör hemsidan lätt att vidareutveckla AI-assisterat – nya sidtyper, språk och integrationer utan omtag.

Erbjudande

FRÅN DATAMODELL TILL HEMSIDA NI VÄXER MED

Sanity är det headless CMS vi oftast rekommenderar i det kodade spåret av vår webbutveckling. Innehållet bor i Sanity, hemsidan byggs som en egen frontend i Next.js eller Astro – och eftersom både datamodell och frontend är kod går hemsidan att vidareutveckla effektivt och AI-assisterat, av oss eller av er.

Det som avgör resultatet är inte designen utan modellen: hur tjänster, personer, case, språk och sidor hänger ihop. Den lägger vi fast som kod innan något byggs, anpassar Sanity Studio efter hur ert team faktiskt arbetar och bygger frontend med SEO och AEO ur samma struktur. Efter lansering kan ni ta över helt om ni har en egen utvecklare – annars kan vi fortsätta som förvaltare.

Vår process

FRÅN MODELL TILL HEMSIDA SOM SKALAR

Vi sökte inte en byrå som bara skulle leverera en hemsida – vi sökte en digital partner. SEOS Design byggde sajten, satte tonaliteten och driver nu hela vårt SEM-arbete. Att ha allt samlat hos ett kompetent och innovativt team som äger helheten har gjort enorm skillnad i tempo och kvalitet. Vi kunde inte vara nöjdare!

Emil GlenngårdGrundare, Tillväxtstöd
  1. Behov, kanaler och plattformsval

    Vi kartlägger vad hemsidan ska göra, vilka kanaler och system innehållet ska nå och vem som ska publicera. Först därefter bekräftar vi att Sanity är rätt spår – eller rekommenderar Webflow om självservice i layouten väger tyngst.

  2. Datamodell och Studio

    Dokumenttyper, fält, relationer och språk definieras som schema i TypeScript och granskas med er innan något byggs. Parallellt konfigureras Sanity Studio: förhandsvisning, valideringar och roller efter hur ert team arbetar.

  3. Frontend och innehållsflytt

    Vi bygger frontend i Next.js eller Astro med teknisk SEO och prestanda mätt mot Core Web Vitals. Vid migrering flyttas innehållet med skript och varje gammal adress får en 301-redirect.

  4. Lansering, utbildning och överlämning

    Vi hjälper er att peka om domänen och driftsätta, och lämnar över kod och Sanity-projekt i ert namn. Om ni önskar sätter vi upp mätning och utbildar ert team i Studion. Har ni en egen utvecklare kan ni ta över helt; annars är det valfritt att teckna ett löpande avtal med oss för förvaltning, vidareutveckling och SEO – såklart utan bindningstid.

Vad kostar en hemsida med Sanity?

fast pris innan vi börjar

Priset sätts efter vad just er hemsida behöver. Nedan hittar ni prisindikationer och exempel på hemsidor inom varje nivå.

Priset styrs av hur mycket strategi och struktur som ska tas fram före bygget, datamodellens omfattning – antal dokumenttyper och relationer – hur mycket Studion ska anpassas, frontendens omfattning, flerspråk, integrationer, om innehåll ska migreras och hur stor SEO-satsningen ska vara. Vill ni räkna själva innan dess finns kalkylatorn för vad en hemsida kostar att bygga och äga.

Tre kostnader ligger utanför bygget och bör räknas med från start: Sanity-licensen (Sanity har en kostnadsfri nivå och betalplaner – vi går igenom vilken ni behöver), hosting hos Vercel eller motsvarande, och ett eventuellt förvaltningsavtal med oss, utan bindningstid. Jämför därför Sanity och Webflow på år 1- och år 3-kostnad, inte bara på byggpris – det är så vi ställer upp offerten.

Ingår alltid – oavsett nivå

Alla våra hemsidor, oavsett pris, är strategiskt byggda, har unik design och håller samma tekniska kvalitet.

  • Strategi före design
  • Unik design
  • Alltid en god SEO-grund
  • Ni äger konto, kod och innehåll
  1. 01

    Landningssida eller liten hemsida

    25 000–45 000 kr

    En landningssida, en kampanjsida eller en liten hemsida där profil och texter redan finns.

    25 000–45 000 kr

    Landningssida eller liten hemsida

    Exempel som brukar hamna här

    • En landningssida för en kampanj eller en tjänst.
    • En liten hemsida på er befintliga grafiska profil, med era egna texter och bilder.
  2. 02

    Hemsida på befintlig strategisk grund

    50 000–85 000 kr

    En komplett hemsida när logga, riktning och budskap finns att bygga på.

    50 000–85 000 kr

    Hemsida på befintlig strategisk grund

    Exempel som brukar hamna här

    • En normalstor hemsida med blogg eller kundcase: sidstruktur, unik design, bygge och SEO- och AEO-grund.
    • En liten hemsida där vi börjar från noll – budskap, struktur och material tas fram tillsammans med er.
  3. 03

    Hemsida med strategi och innehåll

    90 000–135 000 kr

    När budskap, copy eller en SEO-insats ska göras före bygget.

    90 000–135 000 kr

    Hemsida med strategi och innehåll

    Exempel som brukar hamna här

    • En medelstor hemsida med stark branding, plus en engångsinsats för SEO: sökordsanalys, sidstruktur och texter.
    • En hemsida där budskap och tonalitet tas fram i workshop med flera intressenter hos er, innan något designas.
  4. 04

    Större eller mer komplex hemsida

    Från 140 000 kr

    Stora hemsidor, flera språk, egna integrationer eller ett omtag där synligheten ska följa med.

    Från 140 000 kr

    Större eller mer komplex hemsida

    Exempel som brukar hamna här

    • Omtag av en större hemsida som rankar: URL-kartläggning, omdirigeringar och ny sökstrategi.
    • En flerspråkig hemsida, eller integrationer mot era egna system.

Alla nivåer kan rymma strategi, copy, SEO och migrering. En liten hemsida där vi börjar från noll kan kosta mer än en större där underlaget finns – det är omfattningen som avgör, inte storleken. Priserna är exklusive moms.

Vad påverkar priset på en hemsida?

Tio saker, och alla går att svara på i ett första samtal.

  • Utgångsläget – finns logga, budskap och texter – eller börjar vi från noll?
  • Strategi – hur mycket hjälp ni behöver med positionering, budskap och struktur innan något designas.
  • Antal sidmallar – inte antal sidor. Fem sidor på en mall är mindre arbete än fem mallar.
  • Copy – hur mycket vi skriver, jämfört med vad ni levererar.
  • Design – följa er befintliga identitet, eller vidareutveckla den – och om bilder, illustrationer eller animationer ska tas fram.
  • SEO och AEO – den tekniska grunden ingår alltid. En SEO-satsning med sökordsanalys, SEO-texter och schema markup väljer ni till.
  • Språk – ett, eller flera från start.
  • Integrationer – mot CRM, bokningssystem eller era egna system.
  • Migrering – tjugo adresser att flytta, eller hundrasextio.
  • Byggspår – Webflow eller kodad hemsida med headless CMS.

Läs mer om vanliga frågor kring hemsidepris

Beskriv vad ni behöver i en förfrågan, eller ta ett första samtal med oss – sedan återkommer vi snabbt med ett fast pris, innan något byggs.

Ert eget team kan sköta hemsidan smidigt, manuellt i CMS:et eller med AI. Vill ni ha löpande hjälp finns vi där, utan bindningstid.

Boka ett samtal

Utvalda projekt

Vanliga frågor om Sanity-utveckling

När är Sanity rätt val – och när passar Webflow eller Contentful bättre?

Sanity passar ofta när innehållet ska användas på fler ställen än hemsidan, när ni vill äga er egen datamodell och när flera redaktörer eller flera språk ska hanteras i samma system. Webflow passar ofta när marknadsavdelningen ska kunna bygga nya sidor och ändra layout helt själv, utan utvecklare. Contentful brukar vara rimligare när organisationen redan valt det som standard eller vill ha en färdig redigeringsmiljö i stället för en anpassad. Valet är ert – vi ger en rekommendation när vi hört mer om era behov.

Skillnaden mot Webflow är inte kvalitet utan arbetsfördelning. I Webflow ligger design, innehåll och hosting i ett system som redaktören styr. Med Sanity ligger innehållet i ett Headless CMS och hemsidan är en kodad frontend i Next.js eller Astro – redaktören äger innehållet, utvecklaren äger strukturen. Det ger mer kontroll och friare integrationer, men någon måste kunna koden när strukturen ska ändras. Vi brukar rekommendera Sanity i tre typiska lägen:

  • Innehållet ska ut i flera kanaler – hemsida, app, partnerportal eller ett internt verktyg – från en och samma källa.
  • Hemsidan ska hämta data från era egna system: produktregister, affärssystem, CRM-system som HubSpot eller Salesforce, eller ett bokningssystem.
  • Ni har ett redaktörsteam, flera språk eller flera varumärken som ska arbeta i samma modell utan att störa varandra.

Är svaret ja på någon av punkterna är Sanity ett bra spår. Så byggde vi för Tillväxtstöd – Next.js och Sanity med ett flerstegsformulär mot Salesforce – och för SeaPattern, en kodad Sanity-hemsida på svenska och engelska. Är svaret nej på alla tre är Webflow ofta det billigare valet över tid. Hur vi väger Sanity, Contentful, Storyblok och Webflow mot varandra beskriver vi på sidan om headless CMS-byrå. Kommer ni från WordPress eller Contentful flyttas innehållet med skript och varje gammal adress får en 301-redirect – metoden finns i steg-för-steg-guiden för migrering.

Sanity, Contentful eller Storyblok – vad ska vi välja?

Som tumregel: Sanity passar ofta när ni vill äga schemat som kod och få ett redigeringsgränssnitt anpassat efter ert team. Contentful passar ofta när organisationen vill ha en färdig, standardiserad miljö och redan har processer kring den. Storyblok passar ofta när visuell redigering av hela sidor är det redaktörerna värdesätter mest. Alla tre går att bygga bra hemsidor med, och valet är ert – skicka er nuvarande adress och era krav på kanaler, språk och integrationer så ger vi en konkret rekommendation.

Kan en marknadsavdelning sköta Sanity Studio utan utvecklare?

Innan Studion byggs definierar vi innehållsmodellen som schema i TypeScript: hur tjänster, personer, kundcase, språk och sidor hänger ihop. Modellen versionshanteras tillsammans med hemsidan och är projektets viktigaste leverans – den avgör vad som blir billigt att bygga senare, som flerspråk, investerarsidor eller karriärsidor.

Sanity Studio är redigeringsgränssnittet, och det byggs efter ert team snarare än tvärtom. Målet är att ett litet marknadsteam ska kunna sköta allt innehåll själv: skapa sidor av de typer som finns, publicera, byta bilder och uppdatera texter – utan att öppna ett ärende hos oss. Det vi bygger in är det som annars blir supportfrågor: förhandsvisning som visar sidan medan redaktören skriver, valideringar som stoppar en för lång title tag, saknad alt-text eller en metabeskrivning utanför rimlig längd, och roller som styr vem som får publicera.

Gränsen är tydlig: redaktören skapar innehåll av de typer som finns. Nya sidtyper, nya fält och ny layout kräver en utvecklare. Därför lägger vi tid på att modellera rätt från början – ju fler situationer modellen täcker, desto mer sällan behöver ni oss. Vad som skiljer plattformar åt när innehållsmängden blir stor går vi igenom i guiden om hemsideplattform för växande företag.

Kan vi redigera hemsidan själva utan utvecklare?

Ja, allt innehåll. Ni skapar sidor av de typer som finns, skriver, publicerar, byter bilder och ser resultatet i förhandsvisning direkt i Sanity Studio – utan att kunna kod. Det som behöver en utvecklare är nya sidtyper, nya fält och ändrad layout. Därför modellerar vi brett från start, så att de situationerna blir få – och resten hjälper vi till med vid behov.

Hur går det till när ni tar över en befintlig Sanity-hemsida?

Har ni redan en hemsida med Sanity – byggd internt, av en frilansare eller av en annan byrå – tar vi över den efter en genomgång. Ni behöver inte bygga om för att byta utvecklare. Ett Sanity-projekt är kod och innehåll som går att läsa, förstå och bygga vidare på.

Vi behöver åtkomst till Sanity-projektet, kodförrådet och hostingkontot. Genomgången täcker schema och Studio-konfiguration, GROQ-frågor och frontend-kod, hosting, miljöer och vem som har åtkomst till vad. Resultatet är en skriftlig rekommendation: bygg vidare, åtgärda vissa delar först eller bygg om. Den kan ni gå vidare med hos oss – med löpande förvaltning utan bindningstid – eller hos någon annan. Samma genomgång fungerar som avgränsad rådgivning inför ett plattformsval eller en datamodell ni är osäkra på – utan att ni binder er till ett projekt.

Vad ingår i förvaltning av en Sanity-hemsida – och när är ett avtal rätt?

Strukturändringar i en kodad hemsida görs i kod, och Next.js, Astro och Sanitys paket uppdateras löpande. Har ni en egen utvecklare kan ni ta över helt – kod och Sanity-projekt är era. Saknar teamet utvecklare är det ofta bra med ett förvaltningsavtal med oss, så att hjälpen finns nära när den behövs: utan någon som håller i koden blir hemsidan gradvis svårare att bygga vidare på.

Det ni får är en utvecklare som känner er modell: uppdateringar av beroenden och säkerhetsuppdateringar, nya dokumenttyper och fält när erbjudandet ändras, prestandaövervakning mot Core Web Vitals, integrationer och support när något ser fel ut. Avtalet löper utan bindningstid. För Tillväxtstöd fortsatte samarbetet efter lanseringen i Next.js och Sanity med förvaltning, vidareutveckling och löpande SEM-arbete – ett exempel på hur ett headless-bygge kan drivas vidare när teamet inte har en egen utvecklare.

Behöver vi en utvecklare löpande om vi väljer Sanity?

Ja, i någon form – det är den ärliga skillnaden mot Webflow. Ramverk och paket uppdateras löpande, och nya sidtyper, fält och integrationer byggs i kod. Det behöver inte vara en anställd: ett mindre förvaltningsavtal med oss täcker uppdateringar, säkerhet, prestanda och vidareutveckling – och eftersom datamodell och frontend är kod går vidareutvecklingen snabbt och AI-assisterat. Har ni en egen utvecklare kan vi i stället vara stöd i bakgrunden.

Vad kostar en hemsida byggd med Sanity?

Det beror på hur mycket strategi och struktur som ska tas fram före bygget, hur många dokumenttyper modellen behöver, hur mycket Studion ska anpassas, om innehåll ska migreras, om hemsidan ska vara flerspråkig eller integreras med era system – och hur stor SEO-satsningen ska vara. Vi ger fast pris efter ett samtal. Räkna in Sanity-licens, hosting och ett eventuellt förvaltningsavtal med oss i totalkostnaden – räkna själva i kalkylatorn för vad en hemsida kostar att bygga och äga.

Vad kostar Sanity-licensen?

Sanity har en kostnadsfri nivå och betalplaner. Vilken ni behöver styrs av hur många som ska arbeta i Studion, vilka funktioner ni behöver – till exempel roller och förhandsvisning – och hur mycket innehåll och trafik hemsidan hanterar. Många mindre företag klarar sig länge på den kostnadsfria nivån. Vi går igenom vilken plan som är rimlig för er innan ni beställer, och licensen betalas direkt till Sanity.

SKA HEMSIDAN BYGGAS PÅ SANITY?

Boka ett kostnadsfritt samtal, eller begär offert direkt. Vi tittar på hur ert innehåll hänger ihop i dag, vilka kanaler och system det ska nå – och om Sanity, Webflow eller ett annat headless CMS är rätt spår för er.