iFodral – All things Mac!

iPads, iPhones, MacBooks och iPods är Apples hetaste portabla produkter och har en stark representation av deras varumärke.

Vi vill alla skydda fåra kära ägodelar, därför finns där olika sorters produkter till allt som är Apple. iFodral är tänkt att vara en sorts filtrerings-sökmotor för produkter tillgängliga på nätet.

iFodral – design

Jobbet var att designa en hemsida som är enkel att använda och inte gör något annat än att listar produkterna på ett snyggt och överskådligt sätt.

Färgerna bestämdes av kunden i förväg och det var studions jobb att få det att fungera. Startsidan visar tydligt vilka enheter du har att välja mellan. Idag (2010-08-01) är det endast iPhone och iPad. Underkategorierna listar de olika enheternas modellvarianter för att sedan visa dig produkterna.

Hemsidans funktioner

Till vänster ser du själva filtreringsmekanismen. Inget klydd, välj bara vad du vill att den ska visa så sker ändringen i realtid.

När du väl klickar på själva produkten får du upp ett modalt fönster med mer information om själva produkten samt var du kan hitta den någonstans. En lista av butiker som har den samt möjligheten att klicka dig vidare till butiken!

Arbetet bakom hemsidan

Bakom iFodral står en av mina trognaste kunder och arbetet gick därför väldigt smidigt till. Grafix Studio stod inte bara för design, utan även HTML/CSS kodning och även implementering av jQuery-funktioner.

En mindre iPad-anpassning gjorde i form av höjd och breddjusteringar. Startsidan skalas inte om oavsett vilket läge man håller iPaden. Däremot gör själva produktlistningen det, eftersom allt ska synas och det är 4 produkter per rad, vilket inte för plats om man inte utför en omskalning vid lägesskiftningen.

Grafix Studio tackar för ett bra och annorlunda designjobb och en nyttig erfarenhet vad gäller produktsidor på nätet.