Mio takes their furniture stores online

When furniture company Mio decided to take their stores online we did not only help them to showcase their furniture on the web, but also made sure buying the right sofa – from your sofa, would be possible.

Next section

Background

Mio is one of Swedens leading retailers for furniture and interior design. They have been delivering interior design solution for Swedish homes for over 50 years. In 2013 they decided to start selling their products online by turning mio.se into a webshop. Osynlig was selected as the design partner to create a responsive webshop.

Implementation

We worked closely with the client and e-commerce supplier with interaction design, interface design and front-end development. Our brief was to create a modern e-commerce that contributes to increasing sales, an increased brand awareness and at the same time responds to the different needs of Mio’s customers.

The result

We created a responsive design where technology and design not only works, but is optimized for every device. Everything from buttons and fonts to functions has been designed with balance based on user needs and future assessments undertaken by the project. Functions were customized and design was made with one clear purpose: to create a good shopping experience and meet the users needs in the best possible way.

Shop from your phone

Shopping visitors or inspiration seekers alike get a fitted user experience based on screen resolution and device. A lot of effort has been put into creating a logical navigation pattern in mobile devices.

Everything you need to know about your new sofa

On mio.se you can order anything directly to your doorstep. On the product page you will find all the information you need to choose the right sofa, bed or dining table.

Designing a new home

The front page collects the most relevant offers and campaigns together with handpicked and popular products.

From the process

  • <p>To ensure user satisfaction we created simple mockups to get early feedback from real users. This helped us creating a better experience and formed the basis of our design concept.</p>

    To ensure user satisfaction we created simple mockups to get early feedback from real users. This helped us creating a better experience and formed the basis of our design concept.

Design elements

  • <p>Mio has a wide range of products and the menu is prioritised an arranged based on user frequency and categories. A dropdown menu gives users instant access to the whole range of products.</p>

    Mio has a wide range of products and the menu is prioritised an arranged based on user frequency and categories. A dropdown menu gives users instant access to the whole range of products.

  • <p>To create a strong digital identity a handmade icon library was designed for Mio.</p>

    To create a strong digital identity a handmade icon library was designed for Mio.

  • <p>Visitors on mio.se expects a great search, that’s why the search is done real time and the search result is clearly separated by category.</p>

    Visitors on mio.se expects a great search, that’s why the search is done real time and the search result is clearly separated by category.

  • <p>Sometimes a good search is not enough to find the right product. That’s why we built a smart filter to help the users filter products based on color, price or dimensions and easily sort the results.</p>

    Sometimes a good search is not enough to find the right product. That’s why we built a smart filter to help the users filter products based on color, price or dimensions and easily sort the results.

  • <p>To find your nearest store as quickly as possible mio.se automatically finds your position and highlight the stores closest to you. You can also search manually or list all of Mio's stores.</p>

    To find your nearest store as quickly as possible mio.se automatically finds your position and highlight the stores closest to you. You can also search manually or list all of Mio's stores.

Services we provided

  • Discovery

    • Creative concepts
  • Innovation

    • Information Architecture
    • Site map
    • Wireframes
    • Interaction design
    • UX Design
    • Digital identity
  • Implementation

    • Front-end development
    • Quality control and testing

Want to work together?

Great, let us start now!

Get in touch