Skapa en personlig reseblogg/guide för en destination. Som en utvald individ i ett samarbete med destinationens officiella webbplats. Sidan ska inspirera och locka fler besökare till destinationen.
Ska levereras som ett färdigt fungerande skissförslag med hög detaljnivå som presenteras för kunden genom en klickbar prototyp.
Innehållsinventering | Informationsarkitektur | Analys
Designprocessen startade med research för att svara på följande frågor:
Detta gav en god inblick för vad som krävdes av mig i det här projektet, vad jag behöver implementera och arbeta med.
För att ge mig en ännu bättre inblick i den webbplats som skulle skapas så började arbetet med shortlist samt sitemaps för att se vad för innehåll som är mest nödvändigt samt att se strukturen av plattformen. Ett tillvägagångssätt som strukturerar upp hela projektets innehåll och ger en tydligare övergripande bild av vad som behövs skapas och tas i beaktning vid skissandet av wireframes.
Att arbeta ”mobile first” var ett beslut jag tog i ett tidigt skede då uppdraget bestod av att skapa både mobilt- samt desktop gränssnitt. Metoden hjälper mig som designer att hålla ner innehållet och tvingas ta beslut i ett tidigt skede kring vad som är relevant att ha med. Vilket sparar tid och effektiviserar projektet i det långa loppet.
Wireframes | Visuell design | Prototyper
För att kunna diskutera designen med intressenter så skapades analoga skissade wireframes. Vilket var ett fördelaktigt tillvägagångssätt för mig som designer att kunna testa olika gränssnitt, titta närmare på dynamik och kontinuitet och tänka igenom dem för mig själv och iterera mina olika förslag. Det möjliggör också att förklara tankar och skapa en diskussion kring potentiell design. Ett snabbt tillvägagångssätt som gav mycket insikter och ger mallar för fortsatta arbete genom mer detaljerade digitala gränssnitt skisser.
Den visuella identiteten arbetar jag med parallellt som digitala gränssnitt skisser vidareutvecklas till lofi-prototyper som testas för att ta reda på om informationsstrukturen och navigeringen fungerar. Under dessa användartester får jag mycket insiktsfull feedback. På detta sätt fortsätter jag att arbeta fram gränssnitt genom ett nära arbete med användaren under hela kvarvarande designprocessen.
Resultatet blev en interaktiv vertikal prototyp i desktop samt mobilt gränssnitt som du kan testa via knapparna nedan.