20130916 mo mo_muc_stylight_went_responsive
Upcoming SlideShare
Loading in...5
×
 

20130916 mo mo_muc_stylight_went_responsive

on

  • 589 views

How Stylight, an Online Fashion Community, Went Responsive in 6 Weeks

How Stylight, an Online Fashion Community, Went Responsive in 6 Weeks

Statistics

Views

Total Views
589
Views on SlideShare
540
Embed Views
49

Actions

Likes
0
Downloads
5
Comments
0

1 Embed 49

http://www.mobile-monday.de 49

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

20130916 mo mo_muc_stylight_went_responsive 20130916 mo mo_muc_stylight_went_responsive Presentation Transcript

  • FINGER FRIENDLY How STYLIGHT went responsive (in 6 weeks). max.mueller@stylight.com · @nonsquared
  • We want to build the best place to discover fashion everyday.
  • Get inspired by looks created by the community.
  • Discover thousands of brands and millions of products.
  • We don’t decide how people access our websites. They do. And increasingly it’s on mobile devices and tablets. SUCKED OUR MOBILE EXPERIENCE
  • 67% 22% 11% Mobile Tablet Desktop
  • How can we offer a compelling experience on all of these devices? SO MANY DEVICES, SO MANY SIZES
  • ONE SITE TO RULE THEM ALL DEVICE SPECIFIC EXPERIENCES Responsive Mobile sites
  • ONE SITE TO RULE THEM ALL DEVICE SPECIFIC EXPERIENCES Responsive Mobile sites * Valid alternative, responsive design isn’t the singular best solution for all circumstances *
  • WHY RESPONSIVE? Four reasons why we have decided to move on with a responsive design for STYLIGHT.
  • Simplicity. SEO. Conversion from status quo. Speed.
  • Simplicity. No need for a separate mobile presence, allows us to have a single site at a single URL with a single code base and set of files to be used. SEO. Conversion from status quo. Speed.
  • Simplicity. No need for a separate mobile presence, allows us to have a single site at a single URL with a single code base and set of files to be used. SEO. Google officially recommended the responsive design. This is what we want – the leading search engine telling us how to handle your mobile traffic. Conversion from status quo. Speed.
  • Simplicity. No need for a separate mobile presence, allows us to have a single site at a single URL with a single code base and set of files to be used. SEO. Google officially recommended the responsive design. This is what we want – the leading search engine telling us how to handle your mobile traffic. Conversion from status quo. We converted our existing desktop website into a responsive one. There was no need to completely rebuild it. Speed.
  • Simplicity. No need for a separate mobile presence, allows us to have a single site at a single URL with a single code base and set of files to be used. SEO. Google officially recommended the responsive design. This is what we want – the leading search engine telling us how to handle your mobile traffic. Conversion from status quo. We converted our existing desktop website into a responsive one. There was no need to completely rebuild it. Speed. * not really mobile first.
  • Simplicity. No need for a separate mobile presence, allows us to have a single site at a single URL with a single code base and set of files to be used. SEO. Google officially recommended the responsive design. This is what we want – the leading search engine telling us how to handle your mobile traffic. Conversion from status quo. We converted our existing desktop website into a responsive one. There was no need to completely rebuild it. Speed. If designed and developed correctly, a responsive website will improve the overall performance, because it is made for both desktops & mobile devices. * not really mobile first.
  • OUR WORKFLOW The entire project took 4 people 6 weeks.
  • Two designers & two developers in the same room
  • Great designs evolve in collaboration. Kill the waterfall.
  • Work with code as early and as much as possible.
  • Handle the visual design upfront in a style guide.
  • Do not document, do not deliver photoshop files. Prototype it.
  • Do not document, do not deliver photoshop files. Prototype it.
  • Do not document, do not deliver photoshop files. Prototype it.
  • HOW IT TURNED OUT Improved KPIs on all devices, but still way to go in our mobile experience.
  • Before Responsive After Responsive Goal completion rate mobile and tablet traffic +24%
  • Before Responsive After Responsive Average visit duration mobile and tablet traffic +36%
  • GRACEFUL DEGRADATION Desktop Down PROGRESSIVE ENHANCEMENT Mobile Up
  • GIVE IT A TRY, PLEASE. I am looking forward to your feedback & questions! max.mueller@stylight.com · @nonsquared