Improving Flax & Kale eCommerce experience: A product manager case study

Example of a new Myspace page for Flax & Kale store

Context

As a Business Development Manager, I have always looked the way to improve companies by identifying and developing new business opportunities. Now as a Product Manager, I try o do the same, but from the product route.

During my path on transitioning to a PM role, I realized that the best way to put everything I learned into practice was by starting my first project of improvement, so that is what I did.

That said, let’s get started with my case study where I developed an idea from scratch of one of my favorite brands: Flax & Kale.

The company

At Flaxandkale.com, you can buy an enormous number of different healthy products like kombucha, prepared healthy meals, snacks, and other beverages. Currently, they deliver only in Spain, but they do it very fast and are reliable.

Since I discovered their website, I probably have bought more than 50 Kombuchas, 20 snacks, 10 granolas, and 5 of their chocolate bars thus, I can say that I am an active customer.

Objective

However, a few weeks later after I did my best speech to convince my friends, they told me they have stopped buying at their website for the following reason:

  • Even after they registered on the platform, the process of purchasing products is still not very personalized and the steps are very long.

That left me wondering some questions, like if other usual or new customers had the same feeling through the whole purchase process, or how high was Flax’s churn rate, or if it wasn’t enough to have good products to end up selling on your website?

Therefore, I decided I put my PM hat and research, ideate, design, and build a high-quality mock-up of the solution I set with the following hypothesis.

I believe that current customers have a problem at the moment of buying new products, because the website doesn’t use their data to improve their purchase experience.

If we build a better and more personalized space, the churn rate metric will decrease and the customer retention rate will improve.

That said, let’s continue with the project.

Flax & Kale current My account page

Identifying the problem

Therefore, in order to do that, I had to review the following: user feedback and interviews, understanding of our business, and competitive product analysis.

The reason behind the first is to gather enough insights to confirm that the problem that I discovered was real and what were the “jobs to be done” (or in other words, the motivation behind their purchase) that the users were looking for on Flax’s website.

Next, I needed to understand the business situation and key values, so at the moment to craft a solution, I could know the kind of constraints that exists. Last, the competitive product analysis will help me to identify key capabilities, and how well competitors meet customer needs.

Thus, I must start identifying and understanding the user.

The users

With that in mind, I decided to run customer interviews to get the real motivations behind every purchase, and a survey so I could get more demographic and quantitative data.

The insights obtained through the interviews and surveys were the following:

  • Majority of women vs men / Ages from 20 to 30 / Not vegan, vegetarian, or flexitarian
  • Frequency of purchase through the website (once per month)
  • Type of product purchased ( majority prepared meals and beverages)
  • Satisfaction rate on the purchasing process / Satisfaction rate on the speed of the purchasing process
  • Motivations for using Flax&Kale against its competitors

As soon as I gathered all the data related to the customer, I decided to build a user persona so I could better picture the kind of usual customer.

User persona built with Xtensio

At the end of this exercise, I had a concrete idea of who were my main and most loyal customers, so I could prioritize my solution to them.

The company

Business Model Canvas build with Canva

Thanks to the Business Model Canvas, I could recognize their value proposition, objectives, vision, and mission. To recognize this is crucial so I could know in advance what kind of constraints exists at the moment to craft my future solution.

Competitors

For the first part, I spotted every possible customer and some data as the type of competitor they were, core features, delighted features, and so on. I created the following chart.

Competitive research charted using

I decided to pick only the direct competitors for the reason that they are the top type of competitors. The chart is filtered by the needs that we previously discovered during the process, the capabilities ( features that we have that are doing the job).

Product competitive analysis charted with Airtable

As you can observe, we have four points we must improve based on our web capabilities vs competitor capabilities. Those pain points will be crucial at the moment of crafting a solution.

Conclusions for this part

After all this process, I had a more concrete idea about our customers, their needs, our business situation, our product situation vs competitors.

Picturing our solution

Canvasing and deciding our solution

To prioritize the ideas that came to my mind, I created a chart with the following criteria: feasibility, desirability, and viability.

The idea has to be feasible or in other words, it has to be functionally possible within the foreseeable future. Next, it has to be viable or is likely to become part of a sustainable business model. Finally, it has to be likable and that means that it has to make sense to people and for people.

Therefore, the solution I decided to build is the “customized my space” there, I will build the features that will resolve customer’s problems.

Based on my interviews, I decided to organized the ideas I gathered using an Affinity map. Each column represents a need shown by the user and the boxes below are the features that are going to solve each problem.

For this part, you usually have a big team supporting you, and thinking of new ideas filtering those that don’t match your objectives. However, since I am doing this by myself, I decided to keep it straight and simple so I could give the best recommendations avoiding those that maybe could be good but not optimal for this case.

User flowchart and user stories

You can check the full flowchart here

As you can see here, I started to picture the 4 features that I wanted to include on my “custom my space”. However, I needed those four features in detail from the user’s perspective, so I had to write clear user stories to have a better understanding of how users will interact with the product.

User Stories and Acceptance criteria made using Airtable

Wireframing

For anyone who wants to see all the wireframes for each feature, check out this link.

The main point with the wireframes was to check if my solution was close to what users desired and expected, and most important if the features were solving their pain points. Thus, that is what I did, I interviewed the same users I interviewed before, so I could verify if my approach was solving their pain points. As a result, I realized that the UX wasn’t clear so I did some changes to my final version so it could be more clear to the user.

As soon as I rebuilt my wireframes thanks to the feedback I have got, I realized that the moment to create my final mockup had come.

Creating the final mockup

Since this was only a side project of mine (and I don’t actually work for Flax & Kale), the deliverable was a high-fidelity mockup. With this, I could once again sit down with users and see if what I created was actually a viable product.

I asked a UX/UI designer who is a very good friend of mine if we could create together the final version. By helping him, I could learn the basics of how to use tools like Adobe XD and Figma which are the tools that he usually uses to design. However, I hadn’t that luck because he wasn’t available. Thus, I had to cover this part by myself as well as I could.

Lucky me, Figma has a tiny tutorial and there are thousands of videos on youtube to learn the basics.

With the final mockup completed, the last step of my project was to test with a small batch of users who agreed (from my first survey) to hop on a screen share and test out the product. The result was better than I could imagine, the UX part which I designed was clear for the users and as a result, they could picture themselves using the features easily.

Finally, I wanted to find some quantitative data to validate if the myspace page with the features included was something that could fit into the original website.

To test this, I sent a follow-up email just after each interview asking for a simple Net Promoter Score (NPS) survey asking on a scale of 1–10 how likely they would use each feature included, and if they would recommend them to a friend. The final NPS was 7,7/10 across the interviewed users which was a very good result. Nonetheless, there is something important to highlight here. Due to COVID, I hadn’t a big number of people interviewed (as I could expect) and surveys completed. To do the customer research part is essential at the moment to set the problem and figure out the customer, but due to the different scenario, I can say that this affected the number of people who participated.

For that reason, I consider we would need more data but it is a valuable starting point in case the company wanted to use this to create its next feature.

Conclusion

In fact, that what I was trying to obtain from the start. A way to help users to automatize their orders so they could just enjoy the product without thinking about order their desired products every time.

In a perfect scenario and for this kind of task, we would have had a team of four members: a Product Manager, UX/UI Designer, Visual Designer, and Front-end developer. However, I only could get the help of one UX/UI designer for the last part which is the final mock-up. Even that, I learned a lot from this experience. I could put into practice a lot of experiments that I have been wanting to test in a real scenario, and that is everything that I wanted.

Acknowledges

Thanks to my girlfriend Cristina who introduced me to the restaurant that later drove me to my passion for vegan recipes. ( I am not vegan though), and to Kim Mckenna who helped me a lot on my transition to Product Manager.

Contact

Linkedin / Twitter / Email

Hello everyone! This is Jorge Herna, I am a Product Manager from Barcelona with over seven years of experience as a BDM.