Kim Đinh Thi

Jag har tillsammans med en visuell designer, produktägare och utvecklare arbetat med att ta fram en helt ny hemsida om hållbart byggande för Svensk byggtjänst som i sin tur har fått det i uppdrag från regeringen.

Eftersom det var en helt ny hemsida som skulle byggas, gjorde jag en skiss på vad informationsarkitekturen och sitemapen skulle innehålla. För verksamheten var det väldigt viktigt att sätta den då projektet inte var särskilt långt. För utvecklarna var det bra att se sitemapen för att börja skapa olika typer av sidor.

Sitemap för Informationscentrum för hållbart byggande.

Kraven för hemsidan var att det ska fungera responsivt och följa WCAG:s tillgänglighetskrav. För att möta WCAG:s tillgänglighetskrav har jag bland annat kollat kontrast på färger för användare med t.ex. nedsatt syn eller färgblindhet. Linjära texter för konsekvent layout och inte använda versaler, kursiv eller understryken text för t.ex. dyslektiker.

Tillsammans med den visuella designern tog vi fram flera värdeord för att stödja vår design till varför vi skulle använda oss av just en specifik komponent.

Våra värdeord/principer vi tog fram för Informationscentrum för hållbart byggande.

Jag tog fram wireframes i Sketch, både för desktop och mobil för att anpassa till den responsiva designen på hemsidan. Jag har även gjort användningstester för att testa mina teorier. Då testade jag med en prototyp som jag har gjort i Craft (plugin för Sketch från InVision). Detta hade utvecklarna användning för när de skulle bygga hemsidan för att se hur den ska fungera och vad den ska innehålla.

Länk till prototypen: Informationscentrum för hållbart byggande-prototyp

Desktop och mobil wireframes för Informationscentrum för hållbart byggande.

I slutet av projektet satt jag tillsammans med utvecklarna för att finslipa designen på hemsidan. Jag la resterande delar i deras backlog för fortsatt arbete.

Färdig design på startsidan gjord av visuell designer.

Länk till hemsida: ichb.se