ReSeat

Visuell identitet och webbdesign för ett fiktivt hållbart designvarumärke.

Individuellt projekt · Visuell design · 2025

Två mobil mockups. Ena med ReSeat logga. Andra med produktsida.

Kort om projektet

Ett individuellt skolprojekt där uppgiften var att skapa en visuell identitet och webbdesign för ett fiktivt hållbart möbelvarumärke med skandinavisk design. Projektet omfattade logotyp, färgpalett, typografi, bildmanér och design av nyckelsidor för en responsiv webbplats. Fokus låg på att förena återvunnet material, hantverk och exklusivitet i ett sammanhängande visuellt uttryck.

MIN ROLL
Visuell design · UX/UI

FOKUS
Visuell identitet · UI · Responsiv design · Tillgänglighet · E-handel

LEVERANS
Visuell identitet · Produktsida · Om oss-sida

Laptop mockup av ReSeats webbplats med en produktsida för ett handgjort glasbord.

Två mobil mockups av ReSeats webbplats. Ena med en produktsida för ett handgjort glasbord. Andra med en om-oss sida.

Mobil mockup av ReSeats webbplats med om-oss sida som beskriver hantverket kring glaset.

Två laptop mockups av ReSeats webbplats. Ena med om-oss sida som beskriver hantverket kring glaset. Andra med om-oss sida som visar anställda.

Utmaning

Produkten behövde upplevas som exklusiv men samtidigt förmedla företagets hållbarhetsprofil och hantverkarglädje.

Webbplatsen skulle göra det enkelt att förstå produkten, hitta viktig information och känna sig trygg inför ett köp.

Insikt

Hållbarheten skulle vara en del av ReSeats identitet, men inte definiera hela uttrycket. Jag ville att återvunnet glas skulle kännas exklusivt, skandinaviskt och handgjort, inte rustikt eller billigt.

Användaren skulle enkelt kunna hitta den information som behövs inför ett köp, utan att bli överväldigad. Den viktigaste informationen skulle vara lättillgänglig, medan mer detaljerad information kunde finnas längre ner på sidan.

Lösning

Exklusivitet och skandinavisk design fick stå i centrum för det visuella uttrycket, medan hållbarhet och hantverk fick ta större plats i berättandet på Om oss-sidan.

Den minimalistiska designen och de stora produktbilderna skapade en känsla av exklusivitet. En neutral bas lät möblernas färger stå i centrum, medan oväntade färgstänk, eller pop of color, gav liv åt uttrycket utan att ta över. På webbplatsen användes färgstänken för att skapa fokus och guida blicken.

På produktsidan prioriterade jag den viktigaste informationen och samlade mer detaljer i accordions. Produktbild, produktval, pris och köpknapp var samtidigt lättillgängliga utan onödig scrollning.

Brand manual

Logotyp - Loggan är inspirerad av glasfragment som ligger i en hög, en symbol för det återvunna materialet och det unika i varje möbel.

Färger - Färgpaletten har en grund i neutrala jordnära toner med en stark ljusgrön och en stark röd som symboliserar de färglada glasmöblerna och stärker uttrycket.

Färger - färgpaletten med namn, användningsområde och vilka färger som är godkända att använda i kombination enligt WCAG.

Typsnitt - Seriff-typsnittet "Celinda" som signalerar lyx och elegans ihop med san-seriff "Urbanist".

Typsnitt - Visar typsnittet "Celinda" och beskriver var det ska användas.

Typsnitt - Visar typsnittet "Urbanist" och beskriver var det ska användas.

Bildmaner - Det ska kännas ljust, luftigt och varmt. Mjukt, naturligt ljus som känns som dagsljus. Neutral bas med "pop of color" i möbler eller där färgen förstärker berättandet.

Bildmaner - porträttbilder. Ska kännas äkta och närvarande, varma och glada.

Bildmaner - Pop of color. Färgen används för att förstärka möblerna i den neutrala bakgrunden eller för att förstärka berättandet i bilden.

Bildmaner - Tillverkning. Vi vill visa var möblerna kommer ifrån och hur de tillverkas. Det ska vara äkta och visa på det unika hantverket bakom varje möbel. Dokumentärt och närvarande, mitt i arbetet.

Bildmaner - Materialet, glas. Visa glasets färg, form, värme och mjukhet trotts det hårda materialet. Gärna närbilder och detaljer. Lek med ljuset som skiner genom glaset.

Bildmaner - Produktbilder i miljö. Visa produkter som används på riktigt. Det ska kännas äkta. låt ljuset skina genom glaset. Låt möbeln ha huvudfokus.

Reflektioner & lärdommar

EN TYDLIG GRUND GÖR DESIGN ENKLARE
Ett sammanhängande visuellt uttryck gjorde det enklare att designa webbplatsen. När den visuella identiteten var på plats kunde jag utgå från samma grund genom hela designen och fatta mer konsekventa designbeslut.

VISUELLA BESLUT BEHÖVER FUNGERA I SITT SAMMANHANG
Jag började med färg som ett visuellt uttryck, men under arbetet blev det tydligare hur samma färgval också kan påverka hur användaren orienterar sig på en webbplats. Den röda färgen Eld fungerade bra som en del av identiteten, men skapade andra associationer när den användes i gränssnittet. När identiteten flyttade in på webben behövde jag också tänka på läsbarhet, tillgänglighet, informationshierarki och hur designen hjälper användaren. Det fick mig att se värdet i att testa hur visuella beslut fungerar både som identitet och som funktion.

OM JAG HADE ITERERAT
Om jag hade fortsatt projektet hade jag velat testa webbplatsen med användare och jämföra olika lösningar, framför allt kring färg, navigering och produktsidan. Det hade gett mig möjlighet att se vilka av mina antaganden som faktiskt fungerade och var förbättringar kunde göras. Jag hade också testat en klarblå färg i stället för den röda. Den hade kunnat behålla samma uttryck i identiteten, men samtidigt fungera bättre i gränssnittet och minska risken för förvirring.

Se fler projekt