The information architecture was largely dictated by the course structure laid out by the beekeepers curriculum, which provided a good starting point to how we could best present the content. After creating initial prototypes and testing them we settled on an accordion style list which allowed users to quickly get an overview of the course then drill down into the individual topics.

Micro-Learning Experiences

To help user build familiarity with the system, help overlays were used to give context-specific information on how to get the most out of ARK.

Maintaining User Engagement

The second challenge was to ensure users wanted to return to use ARK and continue to learn. We introduced a status system, where the user self-assesses their knowledge on a given course element to help track their progress. Alongside this, we also provided research material directly from the BBKA as well as the ability to add notes to each element so that ARK would become their primary resource for beekeeping.

Taking Learning Offline

To further support user’s learning, we provided the functionality for teachers to provide beekeeping courses to users in a targeted way. Users can add location details to their account, which provides email updates on courses in their area. ARK also provides a searchable listings page, for those who don’t mind travelling further afield.

Technical Considerations

Due to the fairly complex requirements of ARK, it was decided early on that this project would require a custom-built web application. Our team selected a robust, flexible framework and built a solid platform for the system.

Featuring complex functionality such as CSV data importing, searching by distance from a geographic point and dynamic drag-and-drop curriculum administration, the client and their members were delighted with how easy-to-use the system is.

Menu Functionality

A hidden menu allows users to quickly access and edit account information without compromising on space.

Creating a Visual Identity

The inspiration for the logo came from the ‘waggle dance’ bees use to communicate. Bees circle then ‘waggle’ to indicate the distance to a resource. The angle of the waggle in relation to the sun indicates the direction. We thought this pattern was a fitting metaphor for ARK. From this initial concept, we developed a series of icons based around the style to help direct users around the site, giving visual clues as to what content and actions are available to them.

Can we help you with your next project?

Related Projects