Buzzy Bee

My Role:
UX Research, UX Design, Branding, Logo Design, UI Design, User Testing, Visual Design

Team Members:
2 UX Designers

Timeline:
August - September 2022

Project Type:
Conceptual/Personal
Mobile & Web App Design
Team Project

Tools:
Figma, FigJam, Notion, Google Forms, Procreate, Paper & Pen

To uncover potential pain points, we surveyed 13 participants, including college students and full-time employees, about their planning and scheduling habits. We asked:

1. What apps do you use for planning or scheduling?

2. What do you like or dislike about them?

3. What features would enhance your productivity?

4. Do you follow your schedules? Why or why not?

• Our findings were telling: 77% of users admitted to only “kinda” or “mostly” following their schedules. Many noted that integrating social or peer-based elements could improve their productivity.

OUR SOLUTION

COMPETITIVE ANALYSIS: Spotting the Gaps

We examined four commonly used tools mentioned by participants: Notion, Google Calendar, Todoist, and Microsoft Teams. We quickly noticed that most lacked collaboration features outside of meeting calls, signaling a clear gap for personal task management tools with social integration.

👇🏻Check out the full competitive analysis findings here!👇🏻

USER PERSONAS

BUILDING THE HIVE: Designing the App Architecture

Armed with our research insights, we mapped out the app’s information architecture to visualize how users would navigate between key screens. This process helped us identify essential features to prioritize.

-Look around! I’m interactive!-

IDEATION WITH CRAZY 8’S: From Concepts to Clarity

Using the Crazy 8’s method, we quickly sketched numerous concepts to brainstorm possible solutions. From these rapid ideas, we consolidated features and layouts that would form the core of our final design (the MVP).

WIREFRAMING THE EXPERIENCE: Bringing Ideas to Life

We created low-fidelity wireframes in Figma to establish structure and flow. Narrowing down our MVP, we decided to focus on social features, settings, calendar and task-management screens, allowing us to iterate quickly and refine our ideas before moving to higher-fidelity designs.

REFINING THE DESIGN: What Users Told Us

We tested our high-fidelity prototype with 14 unmoderated participants. Three key areas of improvement emerged:

RESPONDING TO FEEDBACK: Justifying Our Changes

During the prototype testing, user feedback revealed difficulties with navigation.

To address this, we created a 90-second tutorial using Final Cut Pro. Although we hoped to incorporate our mascot as a guide during onboarding, time constraints limited our options.

EXPANDING THE PLATFORM: From Mobile to Web

Over 50% of the respondents indicated a preference for desktop, prompting us to create a web version. Starting with paper wireframes, we quickly transitioned to high-fidelity designs.

👇🏻Check out the landing page below!👇🏻

CREATING A SEAMLESS EXPERIENCE: Crafting the Landing Page

To simulate the experience of users discovering the app while searching for alternative planning solutions, we designed a landing page that felt welcoming and informative.

FINAL PRODUCT

-Test out the prototypes below! Happy testing 😊-

FINAL TESTING: Gauging Success

We recruited five participants from our previous study for final testing through an unmoderated Google Forms survey. Feedback was overwhelmingly positive, with users finding the changes helpful and enjoyable. Familiarity with the mobile interface made navigating the web interface intuitive. Nearly half of the users said they would use the app if they found it in the app store. However, some suggested refining the "buzz" feature and toning down the "cute" aesthetic to better suit their needs.

REFLECTIONS & NEXT STEPS: Growth Through Testing & Collaboration

1. Test! Test! Test! Regular user feedback proved essential to refining the product’s design. Looking back, I would have incorporated user testing earlier, even during the low-fidelity wireframe stage, to gather critical insights sooner.

2. Working with another designer was an eye-opening experience. While we had different work styles, we ultimately aligned our decisions around creating the best user experience.

   Next Steps:

   1. Implement a more user-friendly onboarding experience beyond the video tutorial.

   2. Refine the UI to create a timeless, versatile aesthetic that appeals to a broader audience.

~ THANK YOU FOR VISITING! ~