Tilbage til oversigten

Maskinfabrikken A/S

Mål: lav en prototype i både Photoshop og kode, til en fiktiv maskinfabriks hjemmeside.

Denne opgave gik ud på at lave mockups og prototype på en hjemmeside til en fiktiv maskinfabrik. Siden skulle (selvfølgelig) være responsiv, og dermed skulle vi lave mockups af mobil-visningen også.

Særligt placeringen af elementerne i headeren ændrer sig drastisk i forhold til skærmstørrelse, hvor indkøbskurv ikonet for eksempel ser markant anderledes ud fra tablet-størrelse og ned.

Siden er enkel og let at navigere på, med klare CTA knapper, der leder folk hen til det indhold, virksomheden ønsker at fremhæve.

Farveskemaet er hvid, sort, grå, og en blå der tangerer lilla til knapper og fremhævet tekst. Blå fordi den farve repræsenterer ansvarlighed og seriøsitet – med den lilla twist for at løse lidt op for det ellers stive og formelle udtryk.

Bemærk også hovedeffekten på produkt-billederne, samt menuen helsides overlay (et jQuery plugin jeg selv har lavet).

Herunder kan I se resultatet af vores mockups, og fra toppen af siden linkes der også til prototypen:

Maskinfabrikken - forside

Skriv et svar

Er du interesseret i et samarbejde?