Vill du också jobba hos oss?

Just nu söker vi en interaktionsdesigner, en affärsutvecklare, en account director, en konceptuell designer och en gränssnittsutvecklare.

Stäng
Filippa-K.com

Filippa-K.com

  • Startsidan på Filippa-k.com

    Startsidan på Filippa-k.com

  • En kategorisida i produktpresentationen.

    En kategorisida i produktpresentationen.

  • En produktvy i produktpresentationen.

    En produktvy i produktpresentationen.

  • I Filippa K:s butiker kan man anmäla sig till kundklubben via iPad.

    I Filippa K:s butiker kan man anmäla sig till kundklubben via iPad.

Filippa-k.com

Filippa-K.com utgår från kundlivscykeln

Filippa K är ett av Sveriges största modeföretag, med drygt 700 återförsäljare i 25 länder. Daytona har arbetat med Filippa K sedan våren 2008. Som ett första steg i en ökad satsning på digitala kanaler fick vi hösten 2010 uppdraget att ta fram en ny digital strategi.

Filippa K-butik
Filippa K:s nyligen öppnade butik i Leuven, Belgien.

Strategi

Det första vi behövde förstå var Filippa K:s affär och hur ett internationellt modevarumärke fungerar. Varför är en kollektion komponerad som den är? Varför jobbar man så strikt utifrån en kalender med två stora kollektionslanseringar per år? Hur hänger man kläderna i butikerna, och framförallt varför? Exakt på vad tjänar man sina pengar? Hur är man organiserade?

Beväpnade med svaren på dessa frågor var det dags att ta reda på användarnas/kundernas beteende kring konsumtion av kläder. Filippa K hade precis arbetat fram en varumärkesplattform som definierar den position och de målgrupper de har. I det arbetet genomfördes ett antal och intervjuer med representanter ur målgrupperna. Baserat på dessa drog vi tillsammans med Filippa K ett antal slutsatser om vilka grundläggande behov som olika kunder har kring kläder och shopping i olika situationer.

Kundlivscykel för män och kvinnor inom konfektionshandeln.
Enligt aktuella studier har män och kvinnor som köper kläder olika kundresor.

Vi kompletterade bilden av kunderna med att definiera livscykeln för klädköp och -ägande. De akademiska studier (PDF) vi fann visade på viktiga skillnader mellan män och kvinnor i köpprocessen för kläder, vilket också bekräftades av resultatet från fokusgrupperna.

Genom att tillsammans med Filippa K mappa upp behoven som kunderna har i respektive fas av livscykeln blev det sedan enkelt att översätta dem till en digital kontext. Kartan utgör grunden för ett antal strategiska riktlinjer samt en roadmap för kommande arbete.

Koncept för produktpresentationen

Det mest prioriterade projektet var att uppdatera sättet som Filippa K:s produkter presenteras på webbplatsen. I konceptarbetet tog vi fram ett antal som representerade våra användare. Genom att försätta personas i olika situationer i olika faser av livscykeln () arbetade vi fram en lång lista av funktioner och information som skulle tillfredsställa deras behov. Som ett exempel kan nämnas att det för en persona var viktigt att få se hur ett plagg kan matchas med andra plagg i olika outfits. En annan persona fönstershoppar hos flera designers innan köpbeslutet tas, vilket medför att det finns ett behov av att kunna “lägga undan” plagg till senare.

Funktionerna och informationen prioriterades sedan utifrån olika kriterier. Hur viktiga är de för de olika personas? Hur väl stödjer de affärsmålen? Går de att genomföra i ett första skede? Är arbetsmängden i en förvaltningsfas realistisk för Filippa K:s nuvarande organisation?

Utifrån vår lista med prioriterade koncept och Filippa K:s fingertoppskänsla kring hur plaggen kategoriseras på bästa sätt tog vi fram en för produktpresentationen: vilka vyer skulle finnas och hur skulle man navigera mellan dem? Och vilken funktionalitet och vilket innehåll skulle finnas på respektive vy?

Wireframes
Wireframes från produktpresentationen.

Design

Med strukturen som grund gjorde vi interaktionsdesign i form av wireframes. En stor utmaning låg i att få in funktionalitet och innehåll utan att störa Filippa K:s rena och minimalistiska manér. Gränssnittet skulle med andra ord inte “synas”, samtidigt som det skulle vara tillgängligt och användbart. Denna tanke tog vi vidare i arbetet med den visuella designen.

Produktion

Parallellt med den visuella designen utvecklade vi en klickbar prototyp i HTML5.

<abbr>HTML</abbr>-prototyp
Den klickbara HTML-prototypen gjorde det enkelt att testa konceptet.

För implementeringen valde vi , en av de allra största och mest kraftfulla -plattformarna för e-handel. Den stödjer de allra flesta av de funktioner våra användare behöver redan i sitt grundutförande, och kan enkelt byggas ut med mer funktionalitet – inte minst med hjälp av moduler som skapats av ett stort utvecklarcommunity.

Efter lansering har vi kunnat se ett kraftigt ökat engagemang på sajten.

Gå till Filippa K:s nya produktpresentation.

Ett projekt för Filippa K
Lanserat den 25 september 2008
Till projektet