Bunny's Flowers was in the early stages of implementing an online learning platform to their website and were unsure if the tool would be useful to users. Along with that, there were concerns with the site's usability related to navigation.
Recommendations on improving:
- Overall site user experience
- The education section
I performed an initial audit to inform the tasks and questionnaires for the usability tests.
The navigation was unintuitive with confusing labels and categories. Key sections, like the store, were buried under unrelated categories, creating frustration for users trying to find content.
The “Education” area was disorganized, with broken features and unclear distinctions between in-person and online courses. The plug-in used for course management was difficult to maintain and didn't offer sufficient functionality.
The website’s content was dense, repetitive, and not structured, which hindered readability and user engagement.
The store did not adhere to e-commerce design conventions, causing a poor user experience and the loss of potential customers.
Participants struggled with the confusing menu, particularly in the “Education” section.
Many participants found the courses to be poorly structured, with incomplete or faulty features.
Large blocks of text discouraged users from engaging with content, and the lack of clarity in the “Education” section led to frustration.
1. Restructure Navigation
2. Online Learning Restructure
3. Make Content Concise and Consistent
Informed by the usability tests, I began an initial design of the new navigation and structure of the site. The new design elevated the store from “About Us” and condensed sub-categories within the menu.
These designs reorganized the existing content to match the proposed navigation structure.
1. Recommendations and Proposed Designs
2. Usability Audit Documentation
The new navigation condenses the existing content and provides a clear pathway for users to follow. Sub-categories have been renamed to provide more clarity on the content within them.
The blog-like approach takes the content and organizes it into tutorials or lesson plans, removing the plug-in altogether to decrease the chance of errors or loading issues occurring. It also decreases the amount of maintenance that the plug-in currently requires. The plug-in needs detailed information to work properly and be intuitive to users. Additionally, renaming the page to “Online Resources” makes it more clear to the user what content is within this section
- Create template structures for each page that are similar. Ensure that all content is concise, labeled accurately with headers, and informative to the users. Images can also be used to describe certain sections to provide context for the content.
I'd love to collaborate with you! Whether your product involves research or design, I'll dive in and keep your project moving.