Optimising conversions through mobile design for a sustainable online marketplace

 

Matsmart

Working with Columbia Road has not just improved our mobile design and increased our conversions, but also given us completely new ways of working. Johannes Kayser, Head of Business Development, Matsmart


Key objectives

Online grocery Matsmart’s vision was clear - to create a positive impact on the climate and reduce food waste by making it easy and affordable for people to be sustainable. By offering suppliers the option to sell their overstock and consumers to buy it at a discounted price, everyone wins, including the environment.

With increasing interest in their business idea of a new sustainable model for an online grocery store, Matsmart found themselves in a scale-up phase with new investors. However, being a start-up, they had grown quickly and moved fast and were now in need of help to set up a more stable and user-friendly webstore to take care of their customers. They had good traction on mobile and so they needed a way to manage that traffic stream in an effective way. 

One of Matsmart’s key objectives was to have an easy way to create and publish content on their website as part of their content strategy. 

Columbia Road was approached to partner with another Futurice group company, Futurice, to do conversion optimised UX design on the project which also involved development agency Prototyp for creating the new tech stack.


Our approach

First, before Columbia Road joined the project, Futurice did a series of service vision sprints to gain an idea of Matsmart’s current status and to find out the pain points. Looking at the technology, business, user experience and the design Futurice proposed a service design for the new website. Columbia Road then worked closely together with Prototyp on agile user testing. Utilising Matsmart’s extremely engaged customer base, we at Columbia Road were able to get quick insights on the preferences and user patterns of Matsmart’s customers for optimising conversions and user experience on the new website. 

We gathered 100 customers in Sweden and 100 in Finland to A/B test different features of the website. We focused on optimising buying buttons, product views, filters, sorting, category display and logged-in state so that customers could save their favourites. Many different variants were tested in a short amount of time. We helped Matsmart to set up a data-driven approach going forward to make small tweaks often to drive higher conversion rates throughout the funnel. 

The findings from the service vision sprint and user testing resulted in a redesigned and optimised online marketplace, smart and easy-to-use categories and labels for campaigns, a new check-out flow for optimising conversions and ready-made templates for creating new content. 

In addition, we worked closely with Martsmart to create a new, agile way of working on new solutions within the company. From product owners, sales and marketing to customer service, designers, data analysis and developer teams. Utilising the knowledge and input from all areas of the organisation, changing small things but fast, to keep the business moving forward on a weekly basis.


Impact

Matsmart’s website is their main interaction point with potential customers. Columbia Road helped Matsmart create a website with high usability as well as being aesthetically pleasing and, above all, highly converting. Within the 12 months of the redesign by Columbia Road the new optimised marketplace and design impacted the browsing & shopping behaviour of around 3 million end-users. The large majority of them on mobile. 

By wearing the sustainability lenses on the entire case together with Matsmart we were able to create smart new solutions that optimised conversions by making it more tangible for their customers how to be more sustainable and make it easier to shop. We received great feedback from the user testing groups who also came with new ideas of features they would like to see in the future. New design implementations made it easier for the customer to grasp the impact of their shopping behaviour and make smarter, more sustainable choices based on that.

Being more sustainable one conversion at a time. 

The project resulted in a website with:

      ↗ Increase in sessions reaching checkout
      ↗ Increase in sessions with add to cart
      ↗ Bounce rate improved
      ↗ Better usability and higher engagement on the site
 

 


About Matsmart

Matsmart is a sustainable online grocery store. Their business model revolves around selling vendors' overstock at a discounted price to customers. Saving food, the environment and consumers money with one solution. 

 

www.matsmart.se


Awareness building on digital channels and the launch of a new sustainability service

The city of Helsinki is actively driving sustainability actions. We helped Helsinki Marketing make the MyHelsinki.fi site easy for users to find and look for sustainable options for living in and enjoying Helsinki.


Full-stack Growth Hacking for Freska’s cleaning services

We helped Freska get started with growth hacking methods. In a few months, we broke the record of new customers acquired during a single week, increased the conversion to checkout rate and decreased cost-per-conversion.


Alko Mobile app

Columbia Road, together with Alko, designed and built the Alko Mobile app, which is now competing in the Finnish Web Awards.