Sinom
Hemsida och grafisk profil
Detta var på många sätt och vis ett otroligt annorlunda projekt för mig och mitt team.I vanliga fall är målet med våra projekt att skapa en identitet och produkt utan några egentliga existerande medel, men då detta var en etablerad startup innebar det även att de redan hade en hemsida och demo till deras produkt (se till höger).I och med detta blev målet att förbättra den existerande hemsidan och finna en klar identitet som talar för Sinom.
Uppstart
Research
I många fall får vi en chans att arbeta mycket mer från våra egna tankar och idéer, men i detta fall hade vi en äkta kund, vilket såklart innebär ett större fokus på att försöka få ut deras vision i sin helhet.
Vi började som vanligt med en omvärldsanalys, där vi kollade upp liknande sidor runt om i världen, och fick känslan att de flesta sidor verkar vara mer företagsinriktade snarare än att satsa på en mer vågad och unik tillställning. Med detta i åtanke skapade vi våra egna stylescapes baserat på vår research för att se vilken mindset Sinom hade runt just dessa fynd.
Stylescapes
Vårt mål med våra stylescapes var att försöka visa upp fyra unika exempel på hur Sinoms identitet hade kunnat se ut.Våra exempel är ett spektrum som kan dras från minimalism till lekfullhet, från gradients till mjuka och hårda färger. I slutändan blev det som väntat en mix av samtliga.Så med den informationen i hamn, gick vi vidare till att försöka utarbeta hemsidan och sätta en stabil struktur.
Arbetsprocessen
Redan innan vi påbörjade sökandet efter färg och form skapade vi en rad greyboxes för att sätta en klar struktur för hur hemsidan skulle se ut.
I vanliga fall skapar vi prototyper ur ett mobile first perspektiv, men i detta fall la vi fokus på att skapa både desktop och mobilvyer samtidigt, då vi kände att användaren för denna sida säkert använder båda plattformer ungefär lika ofta, om inte mer troligen på desktop.
När vi fullbordat greyboxstadiet och kommit fram till en bra struktur vi kände passade projektet gick vi vidare med användartester får att se om det var enkelt att följa med i hierarkin, samt om det fanns något innehåll som saknades. Detta ledde till skapandet av en separat Om oss sida, istället för att försöka pressa in det på samma startsida.
När vi väl kände att vi var nöjda med de ändringar vi gjorde efter användartesterna gick vi vidare med att sätta rätt färg och form, för att sedan arbeta ut egna illustrationer och texter.
Stylesheet & struktur
Vi gick genom en rad olika stilar, färger och typsnitt innan vi landade på de man kan se nedan.I början valde vi att använda oss av en grön basfärg med vit som accentfärg för att förmedla både SInoms professionella bakgrund, samt deras arbete inom miljöförbättring.Senare valde vi även att lägga till en lila accentfärg på kundens begäran för att balansera ut sidan mer. Vi valde även att spela lite med gradients för att spegla kundens vision mer korrekt.
Resultat
Resultatet blev en användarvänlig sida som är tänkt att spegla med illustrationer vilka Sinom är och hur man kan använda sig av deras produkt för egen gynning.
Sinom har valt sedan projektets slut att ta friheten att ändra om lite i sidans struktur och typsnitt, men grundidén är fortfarande kvar.