For the BEES

and FOR US

Desktop

Pad

phone

View Prototype

Overview

Bees and bee products are popular and essential. Sadly they are an endangered species. Due to global warming, insecticides, and lack of foliage all kinds of bee species are starting to disappear. How can we take care of them so they can take care of us?

Tools

Figma
Photoshop
Miro

Role

  • UX/UI Designer.
  • Illustrator

Timeline

  • 80 hours

Information Architecture

Roadmap

The roadmap below shows the features apis will have. Two of these features will be the backbone of this product. First will be a product page for self-care made by bees. A complementary second will be the educational page, which will be about bee care and keeping our fuzzy friends thriving.

Complementary duality

Sitemap

This sitemap divides apis into shopping and education and then divides them into secondary categories. The shopping section is all-natural bee products that have been humanly sourced and made for our self-care. The education side, on the other hand, is a place where you can learn things to do and not do to keep your bees thriving, also you can contact, and meet your local beekeepers so you can, buy local products, help, volunteer, and or learn.

Task Flow

With two main features, comes two main task flows. The first task is to shop and purchase a specific product and the second task is to find your local beekeeper.

Design

Wireframes

It only seems natural that with the duality of this product I should also make the UI dual. I wanted the two main aspects of this product to be attached and play off one another like a yin yang

High Fidelity

Let's break down the home page.

Now let's go deeper into apis and check out the product section.

Without bees, we would not have these products. This other half and complementary section are to educate ourselves and help the bees. The "Bee Care" page will include a way to find your local beekeepers and also some educational content on how to take care of the bee population.

Usability

Now that we have our first version of our high fidelity let's test it and see what the user thinks.

First I asked my participants to shop for a specific product. They had to find the product, add it to the cart, and finally purchase it.

The second flow I asked my participants to complete was to find their local beekeeper. The user had to find this section and share their zip code.

Other than a few UI, and design components that the participants weren’t happy with, everyone seemed to like the overall aesthetic and were able to finish the task flows given in a short amount of time. The user’s input and feedback gave me great advice and insight into what needed to change and what was working.

Prototype

View Prototype

Affinity Map

If you click below you can see my usability test results including the feedback and suggestions that shape and improve apis. I am very thankful to my participants because they improved this product and helped me grow as a UX/UI designer.

Future

My Future plans for this product are to keep testing, empathizing, and implementing. with this, the UI kit below will improve and expand.

View UI Kit

Thank you for your time!

If you would like to collaborate please contact me!
Contact Me
Also, take a look at my other projects!