Go back

CASE STUDY: Koin Rewards, an app for a positive impact

From brand development to product & website launch
9 minute read
Visit website

Some context about the project

This Koin Rewards project is the perfect example of the power of creating an MVP (minimal viable product).

Originally the product was supposed to be a cryptocurrency rewards platform for a younger generation, giving them complete control over how they use their rewards from companies, and how they can spend it. This  included spending it in any merchant on the system, or selling and exchanging it like a normal cryptocurrency.

After extensive research with users, the feedback overwhelmingly showed  that consuming wasn’t as important as consuming responsibly. We live in a different world now where people want to make a difference and protect this world we all share. We’re waking up to the detriment caused by unfettered consumerism and we want to make an impact for the better.

Now users have the option to search for merchants that are using sustainable behaviour and/or making a positive contribution. They collect Koin for every time they shop with  these merchants, with a painless tracking system connected to their credit/debit card or banking account. They can use their Koin for a plethora of different sustainability causes, including but not limited to: offsetting CO2 consumption, planting trees, donating to positive causes, make impact investments, and  paying only for sustainable products.

This was a small group project. My role was UX/UI designer and user research. I worked directly with CEO Curt Hopkins, COO James Brown, Head of Retail Laura Wynch and Head of Technology Chris Steel.

I had direct involvement in:

Discovery phase & user research

I’ll be showing our initial user research based off of the Koin Rewards product as a cryptocurrency rewards system. I’m currently doing new user research for the pivoted sustainable consumer product. Once it’s done I’ll do an updated section here on my website. I think it’s helpful and interesting to see our initial thoughts and research process.

We had to split research into two camps; one for users and one for merchants. We created user personas and merchant personas based off of the research done by several phone calls, face-to-face meetings or Skype meetings from prospective users and merchants. It’s all about asking the right questions, and we went through numerous iterations to get the pertinent information that was needed for the first concept of this project.

Personas

I worked directly with the Head of Retail and the COO of Koin for the user and merchant persona creations. I like to get minimal personas created and then delve deeper into their habits, and what they would want to accomplish with this application. You can see initial concepts and then the polished personas:

Wireframes

I created job stories [when ____ (situation), I want to ____ (action/motivation), so that ____ (outcome)] for each persona. I then used that information to wireframe various journeys from on-boarding to spending Koin.

I’ve been doing this so long that I’ve created my own UI for wireframes so I can easily slot in simple elements that look high fidelity. I find this helps a lot of stakeholders to visualise it easier and it’s still easy for me to adjust and change quickly for any problems that arise. I created the merchant CMS in tandem to the app so we can recognise all information needed for both to function correctly.

Creating Koin Rewards’ brand

Koin already had a logo and two colour system when I started the project, but I was hired for the creation of a whole theme and persona for Koin Rewards, which will continue on for the evolution of the product.

From the beginning, the product was designed for a younger, more informed audience. All imagery was tailored for the risk takers -the individual that pioneers their own path.

Working alongside their existing colour system, I also wanted to add a lot of bright, kinetic colouring - something energetic, cheerful, and even hopeful. It conveys the  idea of a better, brighter future created by our own actions and decisions.

Grid system

Responsive 12 columns
8px baseline

Colors

Primary
Secondary

Typography

I used one of my favourite fonts for this project: Avenir Next. It’s perfect all round for readability and flexibility. It was a fantastic fit for this project. All that variation helps with the marketing material I created as well.

Iconography

My process for creating these custom icons was to create icons that embodied simplicity and fun. These represented some really heavy problems we have in our world right now (i.e. animal cruelty), and I wanted them to be hopeful and bright.

All pixel perfect icons were built off of a 48px system that can easily increase in size depending on the usage.

Illustrations

My initial concept for the illustrations was to use the two colour system in the creation of simple illustrations that would be animated. These would be used primarily on the on-boarding and tutorial screens of the Koin Rewards app.

I envision it animating by painting in the watercolours and giving motion and life to the illustrations. The app is close to completing its second round of funding, and I’ll be updating this area with my animated versions after I get a chance to create them. For now you can see them in all their static glory.

UI elements

Minimal and simplicity is always my modus operandi when I’m creating UI elements. I wanted something stripped bare, but easy to navigate and understand immediately.

Testing the product

Identifying a few key challenges

As with most projects, getting various coding systems and banking systems to work together is always the biggest challenge. Luckily I work with smart developers to figure all that out. I work directly with them to help to change the journey depending on any limitations that may arise.

We also wanted to make it an easy plug-in for merchants to put on their website. Currently we work with Shopify, with plans to roll out on to all major e-commerce platforms soon.

Initial findings

After creating an MVP product, we soon realised after user testing that a cryptocurrency rewards system wasn’t appealing to our core demographic. They wanted a more informed way to consume products that helped the world instead of being more detrimental.

This helped us to pivot an idea early on in a more cost effective process instead putting all our eggs in a product that would be doomed to fail. I’ve always been a huge supporter of the MVP process and it’s always good to see it working properly on a project.

We’re just now launching the updated product and I’ll update this site to include new research testing and the results.

Launching the product and website

I designed and developed the Koin Rewards website using Webflow. It’s one of my favourite programs to create bespoke websites. I never use any template website designs. I create everything from scratch. This affords me so much more control over the design and development of the brand and website. With new animation functions I can create some amazing websites in a fraction of the usual time, and still have the ability to add complex, custom code if necessary.

We’ve only done beta testing so far, with the app launching soon. I’ll update this section with all pertinent information that comes with it.

Future iterations

Currently Koin Rewards works with Visa, Mastercard and Shopify. We have plans to have it work with Squarespace, Woo commerce, Magenta and Wix very soon.

Coming soon…
Coming soon…
Coming soon…
Coming soon…
Visit website

Justin Marazita is a multidisciplinary creative, specialising in user experience and user interface design.

He’s available for hire right now.