Kulturföreningen Levande Betong – från ny logotyp och skiss till skarp sajt
Skissen vi ritade 2016 och sajten som låg live 2018 är nästan identiska. Det som stod i skissen blev det som besökarna mötte.
Se konceptet live
Sammanfattning
Kulturföreningen Levande Betong är en ideell förening i Göteborg som stöttar sina medlemmar i att skapa kulturprojekt. 2016 ritade vi föreningens nya logotyp, en romb som vrider sig inåt som en spiral, i en gradient från rosa till orange. Vi designade också en ny webbplats och en medlemsportal. Samma grafiska profil användes sedan i julkort och banners. Webbplatsen gick live med vår design och låg ute i minst ett och ett halvt år.
Tre logotyper på tio år
Levande Betong hade haft två logotyper innan vi kom in: en från 2006 och en från 2010. Båda syns i tidslinjen här bredvid, men de är inte vårt arbete. Vår del började 2016.
Vi ritade en ny symbol: en romb som vrider sig inåt som en spiral. Bredvid står namnet, ”Kulturföreningen” i fetstil och ”Levande Betong” i tunnare bokstäver, båda i typsnittet Montserrat.
En logotyp, flera varianter
Logotypen finns som ikon, liggande, stående och i en ”Welcome to”-version, i färg, svart och vitt. Filerna levererades anpassade för både tryck och webb, och ikonen även i favicon-storlek.
Färger och typsnitt
Grunden är en gradient från rosa till orange. Texten i logotypen har en varm orange ton, och typsnittet är Montserrat. För webbplatsen tog vi fram en orangeskala med #EA682C som bas och Lato som typsnitt för brödtexten.
- Rosa – gradientens start#A22061
- Orange – gradientens slut#FDB539
- Logotypens text#EC865E
- Webbplatsens orange#EA682C
Från wireframe till skarp sajt
Startsidan i tre steg. Wireframen visar strukturen i vår skiss: meny, helbild, rubrik och inloggning. Skissen är vår design från 2016. Den lanserade sidan, sparad i Internet Archive i maj 2018, har samma rubrik, konsertbild och logotyp. Menyn blev kortare, och inloggningsrutan ersattes av två knappar. Webbplatsen byggdes i WordPress med ett köpt tema som grund och vår design ovanpå, och enligt Internet Archive låg startsidan kvar oförändrad till december 2019.
Samma profil, ny design
Tio år senare har vi ritat om samma sidor för att visa hur vi skulle göra dem i dag. Logotypen, gradienten och Montserrat i rubrikerna är kvar. Brödtexten är satt i Inter i stället för Lato, texten och knapparna är större, varje fält har en synlig etikett och mobilen har en meny längst ned där tummen når.
Varje sida visas i tre steg: originalet, en wireframe och den nya designen. Texterna på sidorna kommer från föreningens egen webbplats och våra skisser. Nytolkningarna är ett koncept från 2026 och har inte lanserats.
Konceptet finns också som en levande sida, med logotypen i 3D och animationer som följer scrollen.
Se konceptet liveStartsidan
Konsertfotot, som inte var vårt, är borta. I stället bär logotypen själv sidan, stor och i gradienten. Knappen för att bli medlem kommer först, och kategorierna syns direkt.
Projektsidan
Korten ligger på en lugn bakgrund i stället för ett suddigt foto. Varje kort har kategori, datum, en kort text och en tydlig länk, och filtret Game/People från originalet finns kvar.
I mobilen
I mobilvyn från 2018 fyllde konsertbilden skärmen och knapparna var små. Den nya är ritad för mobilen från början: stora knappar över hela bredden och en meny längst ned med Home, Projects, Events och My page.
Evenemang
2016 ritade vi också en medlemsportal där medlemmarna själva kan lägga upp evenemang och projekt, med plats för arrangörer, sponsorer, partner och volontärer. Vi gjorde designen och en klickbar prototyp. Själva programmeringen gjordes av en extern utvecklare. I nytolkningen får filtren etiketter, priset blir en tydlig etikett och datumet sitter på bilden.
Nytt evenemang
Originalformuläret har alla fält på en enda lång sida. Nytolkningen delar upp samma fält i fem steg, sparar utkastet automatiskt och visar vad som är obligatoriskt.
Medlemsportalen
Prototypen visar administrationen, här formuläret för en ny organisation. Nytolkningen samlar fälten i tre kort och lägger sparaknappen där den syns direkt.
Profilen i vardagen
Till jul 2016 gjorde vi ett kort i flera format med hälsningen ”Tack och god jul allihopa!”. Gradienten från logotypen ligger över bilden. Biowall och Gamerz Club, som också fanns bland projekten på webbplatsen, står med på kortet.
Så jobbade vi
- En profil, inte bara en logotyp: samma romb, gradient och typsnitt i logotypfilerna, på webbplatsen och på julkortet.
- Skiss före kod: de viktiga sidorna ritades först, från startsidan till formuläret för nya evenemang. Prototypen gjorde medlemsportalen klickbar innan den programmerades.
- Filer för alla lägen: logotypen levererades för tryck och webb, som vektorfil och i favicon-storlek, i färg, svart och vitt.
Det här levererade vi
- Ny logotyp 2016 i färg, svart och vitt: ikon, liggande, stående och ”Welcome to”-variant
- Logotypfiler för tryck och webb, SVG och favicon-ikoner
- Färgpalett och typsnitt för logotyp och webb
- Designskisser för webbplatsen: startsida, evenemang, projekt, medlemsregistrering och formuläret för nya evenemang
- Klickbar prototyp av medlemsportalen i Justinmind
- Visitkort
- Julkort 2016 i fyra versioner, som kort och som banner
Typsnitt
- Montserrat (logotyp)
- Lato (webbdesign)
Fler projekt
Har du ett liknande projekt?
Berätta vad du vill uppnå, så återkommer vi med hur vi skulle gripa an det.
Boka kostnadsfri konsultation