Anitem

Kund: Anitem
Design: Anitem
Webbutveckling: Thomas Design
Länk: http://anitem.se (stängd)

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.


Share on Facebook0Share on Google+0Share on LinkedIn0Tweet about this on TwitterEmail this to someone

Fler kundcase

FÖRSTORA +LÄS MER →
ADE Installationer WordPress-hemsida

ADE Installationer webbdesign och hemsida

Kund: ADE Installationer Beställare: Snoggy Ord & Kommunikation AB Webbdesign: Thomas...
LÄS MER
FÖRSTORA +LÄS MER →
BLOKKS WordPress-nätbutik

BLOKKS nätbutik

Kund: BLOKKS Design: Baserat på köpt WordPress-tema Webbutveckling: Thomas Design Länk:...
LÄS MER
FÖRSTORA +LÄS MER →
Delling WordPress hemsida

Delling hemsida

Kund: Svensk Livsmedelsproduktion Design: Kristine Widlert Webbutveckling: Thomas Design Länk: http://dellingfoods.se
LÄS MER
FÖRSTORA +LÄS MER →
MEDLEAS hemsida

MEDLEASE: Grafisk profil, webbdesign och hemsida

Kund: MEDLEASE Design: Thomas Design Webbutveckling: Thomas Design Länk: http://medlease.se MEDLEASE är...
LÄS MER
FÖRSTORA +LÄS MER →
Cancer- och Allergifonden

Cancer- och Allergifonden hemsida

Kund: Cancer- och Allergifonden Design: Baserat på köpt WordPress-tema Webbutveckling: Thomas...
LÄS MER
FÖRSTORA +LÄS MER →
Skandinavisk VVS-Teknik

Skandinavisk VVS-Teknik hemsida

Kund: Skandinavisk VVS-Teknik Design: Thomas Design Webbutveckling: Thomas Design Länk: http://skandinaviskvvsteknik.se/ Stockholms-företaget Skandinavisk VVS-Teknik hade...
LÄS MER

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *