Kund: Anitem
Design: Anitem
Webbutveckling: Thomas Design
Länk: http://anitem.se – Hemsidan är numera nedlagd
Anitem är en hemsida med personligt utvalda, tilltalande produkter från nätet. Produkterna presenteras i en grid med oändlig scroll och besökaren kan klicka på ett hjärta för att gilla produkter som sparas undan för senare med hjälp av cookies. Besökaren kan även klicka på produkterna för att öppna upp en större bild av produkten i en så kallad lightbox och där även hitta en länk dit man kan köpa den.
Sidan är byggd i WordPress med ett eget tema och använder AJAX för att asynkront ladda in fler produkter i grid:en utan att ladda om sidan med hjälp av Infinite scroll. Sidan laddar även in produkterna när de öppnas i lightboxen med AJAX och ändrar adressen i webbläsaren utan att ladda om sidan när man öppnar och stänger en produkt.
Utmaningarna i det här projektet var att få all AJAX-inladdning att fungera tillsammans med sidans andra funktioner, samtidigt som det skulle fungera med äldre webbläsare som Explorer 9 där uppdatering av sidans adress utan att ladda om sidan inte stöds (HTML 5 History API). Detta samtidigt med att försöka hålla sidan snabb och SEO-vänlig.
Det blev en del tänkande utanför boxen för det här projektet då det inte verkar jättevanligt med hemsidor av den här typen byggda med WordPress.
Lämna ett svar