Ett digitalt uttryck med plats för teatern
Profilteatern har ett starkt visuellt uttryck där varje föreställning får sin egen identitet. När deras nya webbplats skulle ta form var uppdraget därför inte att pressa in verksamheten i en traditionell webbmall, utan att skapa en teknisk lösning som gav utrymme för det kreativa.
Tillsammans med Profilteatern och deras grafiska designer Magnus Åström utvecklade vi en ny webbplats där design, teknik och användarupplevelse fick mötas, samtidigt som det skulle vara enkelt för personalen att själva hålla innehållet uppdaterat.
Från grafisk idé till fungerande webb
Magnus Åström stod för den kreativa riktningen och ett uttryck som skiljer sig från föreställning till föreställning. Vår uppgift blev att översätta designen till webben och bevara så mycket som möjligt av dess karaktär även när den behövde fungera på olika skärmstorlekar, enheter och i ett föränderligt innehåll.
Arbetet skedde i nära dialog med Magnus, med flera feedbackrundor där design och implementation justerades tillsammans. Det gav oss möjlighet att komma nära den ursprungliga visionen, samtidigt som vi kunde bidra med vår kompetens inom användarupplevelse, responsiv design och de tekniska förutsättningarna för webben.
Byggd för både uttryck och enkelhet
En webbplats som får byta skepnad
Eftersom Profilteaterns föreställningar har sina egna grafiska identiteter behövde webbplatsen kunna vara flexibel. Med Next.js kunde vi bygga gränssnittet med stor kontroll över detaljer, animationer, typografi och responsivitet – utan att behöva kompromissa med designen för att passa in i ett färdigt tema eller system. Resultatet är en webbplats som kan förändras tillsammans med innehållet och låta olika föreställningar ta plats på sina egna villkor, samtidigt som helheten fortfarande känns som Profilteatern.
Enklare att arbeta med bakom kulisserna
Lika viktigt som det besökaren ser var det som händer bakom webbplatsen. Profilteatern producerar löpande nya föreställningar, spelplatser, datum och innehåll, och målet var därför att göra den dagliga hanteringen så enkel som möjligt. Vi byggde innehållshanteringen i Sanity och strukturerade den efter hur Profilteatern faktiskt arbetar. Personalen kan själva lägga till och uppdatera föreställningar och annat innehåll utan att behöva fundera på hur sidan är uppbyggd tekniskt. Innehållet hanteras på ett ställe medan webbplatsen automatiskt presenterar det i rätt form. Det gör att ett visuellt avancerat gränssnitt på utsidan fortfarande kan vara enkelt och tydligt att administrera på insidan.
Från design till långsiktig lösning
I projektet har vår roll sträckt sig från teknisk implementation till att vara ett bollplank kring användarupplevelse och hur designen fungerar i praktiken. Vi har bland annat arbetat med hur de kreativa idéerna översätts till mindre skärmar, hur navigation och innehåll fungerar för besökaren och hur lösningen kan byggas för att fortsätta utvecklas över tid.
Efter lanseringen ansvarar vi även för driften av webbplatsen, så att Profilteatern har en teknisk partner även efter att sidan gått live.
Teknik: Next.js · Sanity · Drift och förvaltning
Från design till långsiktig lösning
I projektet har vår roll sträckt sig från teknisk implementation till att vara ett bollplank kring användarupplevelse och hur designen fungerar i praktiken. Vi har bland annat arbetat med hur de kreativa idéerna översätts till mindre skärmar, hur navigation och innehåll fungerar för besökaren och hur lösningen kan byggas för att fortsätta utvecklas över tid.
Efter lanseringen ansvarar vi även för driften av webbplatsen, så att Profilteatern har en teknisk partner även efter att sidan gått live.
Teknik: Next.js · Sanity · Drift och förvaltning
Ska vi bygga något tillsammans?Lee Lannerblad, Apputvecklare & Kundansvarig
Har ni en idé, en befintlig lösning som behöver utvecklas eller ett gränssnitt som inte riktigt fungerar som det ska? Boka ett förutsättninglöst möte med mig!