Bransch
Samhälls-byggnad
Använda verktyg
Webflow, Figma, GSAP, HubSpot, Custom-kod, Google Tag Manager, Google Analytics 4, Google Ads, Teknisk SEO
Spana in det
Introduktion
Tillsammans med Tyréns – ett av Sveriges ledande bolag inom samhällsbyggnad – tog vi fram en ny hemsida för deras innovationsprogram Next. Det blev företagets första projekt i Webflow, och vi fick både förtroendet att realisera det och möjligheten att visa vad Webflow kan göra i ett enterprise-sammanhang. Målet var att skapa en modern, flexibel och lättanvänd hemsida där deras marknadsteam själva kunde publicera nya innovationer – med full frihet, utan att vara beroende av utvecklare.
Bakgrunden
Tyréns är en pionjär inom hållbar stadsutveckling och innovation. Genom sitt program Next driver de forskning, produktutveckling och AI-lösningar som skapar konkret nytta för samhället. När de kontaktade oss ville de ha en ny hemsida för att visa upp sina innovationer – ett digitalt skyltfönster där varje projekt kunde presenteras på ett inspirerande och professionellt sätt.
Webflow valdes som plattform tack vare sin flexibilitet – både i design och innehållshantering – och för att deras marknadsteam ville kunna uppdatera hemsidan själva utan att vara beroende av utvecklare.
Vi ansvarade för designen och tog fram en modern, stilren och lättnavigerad visuell identitet som speglade innovation och tydlighet.
Vår Roll:
Projektledare
Marketing Manager
Webflow-utvecklare
Webbdesigner
Frontend-utvecklare
Utmaningen
Tight deadline, flexibel struktur och leadshantering
Projektet hade en tight deadline, vilket krävde snabba beslut och nära samarbete med Tyréns marknadsteam. Varje innovationsprojekt hade olika upplägg, vilket gjorde det nödvändigt att skapa en lösning som kunde anpassas till varierande innehåll och strukturer. Samtidigt behövdes en smidig integration för leadshantering och uppföljning.
Lösningen
Modulärt Webflow-system med Hubspot-integration och SEO-grund
Vi utvecklade ett bibliotek av modulära komponenter i Webflow, vilket gav Tyréns möjlighet att själva bygga projektsidor med enhetlig design men flexibel struktur. Hemsidan integrerades med Hubspot via deras Webflow-app, kompletterad med custom-kod, så att rätt kontaktperson automatiskt kopplades till varje projektsida.
Vi tog även fram en komplett styleguide i Figma, använde GSAP-animationer för en dynamisk upplevelse och la grunden för teknisk SEO samt spårning via GA4 och Google Tag Manager – redo för framtida Google Ads-kampanjer.
Resultatet
En skalbar plattform där Tyréns kan växa självständigt
Slutresultatet blev en snabb, användarvänlig och visuellt tilltalande plattform som kombinerade teknik, design och struktur:
- Modulärt komponentbibliotek för skalbar innehållshantering
- Visuell identitet och styleguide i Figma
- HubSpot-integration med automatiserad kontaktkoppling
- GSAP-animationer för en dynamisk upplevelse
- Teknisk SEO-grund och spårning för annonsering
- Full onboarding av Tyréns marknadsteam, vilket gjorde att de själva kunde hantera innehållet efter lansering
Idag fungerar hemsidan som en digital plattform där Tyréns kan presentera innovationer, generera leads och växa självständigt.
Dags att snacka?
Boka ett gratis, avslappnat samtal för att brainstorma hur vi kan hjälpa dig att starta eller utveckla ditt projekt.