Openhive

Co-founded a collaborative forum social network that crowdsources insights for sustainable solutions.

View full case

Type: Web/Service

ROLE: Co-Founder, UX

DURATION: 1.5 years

Tool: AE,AI,Figma,Maze

About Openhive

What is Openhive

Open Hive is an open platform that encourages the community to collect crowd intelligence on social innovation issues.

Openhive is trusted by over 1000 users

Here are part of our honored partners including universities, educational institutions, NGOs, co-working spaces, and research labs.

Solution Overview

1. Encourage users to explore and join Openhive Community

The layout is designed to encourage new users to navigate through the webpage, The hero page explain"who we are" and engage users to join us by "join challenge" and "create challenge"

Features:
1. join our trending challenge
2. sign up for the upcoming event
3. explore our design toolkit

2. Encourage user participate in Openhive Challenges

In our challenge page, we listed existing and upcoming social innovation challenges.
Each card component has a tittle, category, tag, and design phase.

Users could find their interested topic by using the filter/search bar or just wandering around this page.
Current challenge topics include smart home, energy-saving apps, reuse coffee grounds...

3. Empower user with design skills by Toolkit Library

Design toolkit is a library showcasing design methodology and design tools.
The intention is to use an easy and fun way to equip organizations and teams with a means for dealing with ambiguous and complicated problems.

We will provide design tools such as napkin sketches, journey maps, and sandbox games.
Our community members are encouraged to create their tools or share their design insights with the community.

Impact

Design Impact

After launching the platfom, we attracted over 1,000 active users. With 7,000 page views.

Gold Award @ Daimler Design Award

Our project won the Gold Award in the service design spectrum.

During the submission period of three months, more than 2,000 submittals were received from students from  mainland China, Taiwan, Germany, and Italy.

The competition is co-sponsored by the Chinese People's Association for Friendship with Foreign Countries and the Daimler Group.

 Featured on University Website  

Timeline

Project Timeline:

Design the platform and conducted 3 real life challenges to validate design in 6 months.
In 2022, I worked with one of the core members Jiaxin Liu to revisit our design and update the UI with Figma.

My Role as Co-founder & Founding UX designer in Openhive:

-Co-founder of Openhive.

-Led end-to-end design circle. Later expand the team from 4 to 10+ volunteers to launch the platform in 3 months.

-Conducted pilot campaign with 200 + stakeholders.

Why we build Openhive?

01. Empower the community with design thinking


Our platform will empower the community with design thinking and tools to generate ideas and viable solutions for potential implementations. ​​

02. Challenge fixed design process, Design for the real wrold issues

Critique current design methodologies and the purpose of a new system that allows people to create projects 
1. Design for the real world: Organized real-life challenges focused on daily sustainable issues.
2. Attract users to join our real-life challenges. Validate the openhive design process by massive user testing at each proposed phase.  ​​

Research

Inclusive Interview:

Experts who volunteer to join Openhive as advisory board member

Empathize with the targeted users and define the user problems

Kick-off Workshops:   Define user motivations & painpoints during design process.

1 Sharing Case Studies

2 Journey Map &  Painpoints

3 Cart Sorting for Openhive

Group 1:  20 High School Students
Group 2: 7 NGO-Bottle Dream core team

User Motivation: What makes people join those challenges?

Different function ( phase ) has its unique drive to participants. There are four typical user groups, including seeker, solver, voter and funder. They are drawn those drivers which means they may spend more efforts on this platform.

User Pain Points

Reorganized the sticker notes gathered from workshops and interviews.

Competitive Analysis

01: Competitive Analysis - Conducted research on existing open innovation platforms to validate the market

The three major needs are : learn new skills, meet different people, and do good things together.

Case Study: Understanding the operation structure and design process by drawing the Site Maps and System Maps.

Selected cases focused on engaging community members to develop ideas at multiple design phases.

Case Study 01 : OpenIDEO

OpenIDEO—IDEO’s open innovation practice—enables people worldwide to come together and build solutions for today's toughest societal problems. Online and around the globe.

Case Study 02 : Arup Foresight

Arup Foresight is a multi-disciplinary team of consultants and designers that can help our clients understand change, identify emerging opportunities and future-proof their business.

What we learnt from case study:

Define relationshop between interaction and social impact with coordination system

Study the relationship between team diversity and ideation rate by using the metric chart


The platform with a higher trait of openness brings more social impact and diversity yet results in additional functionality for quality control.

Both of the platforms show the trend that local meetup is more effective than online communication.
In addition, the average professional degree of Arup is relatively higher than openIDEO, while OpenIDEO has more social impact/explosure than Arup

HOW DOES THE PLATFORM WORK?

Big-Picture Storyboard

"Have you ever come up with a brilliant idea, but never make it happen?"

System Map

Step by Step: Openhive Operation Diagram

1 Kick-off
Publish the "Monthly Design Issue", and ask 10 related questions for community members to raise their curiosity.

2 Inspiration
Publish the "Challenge Brief" and introduce relevant case studies. Community members choose to join the brainstorming session for concept ideas.

3 Conception
Challenge teams are required to submit their "Conceptual Ideas" online. The expert panel will provide guidance and criticism based on the Openhive guidebook. 

4 Solution
Challenge teams start prototyping. Openhive provides relevant resources and design tools based on their needs.

5 Implementation
OpenHive will empower the challenge team with needed design skills and help them match the needed professionals. Besides we will connect resources to the project team to help implement solutions.

6 Impact
After the "Implementation", Openhive will collect the solutions/experiences/feedback of this challenge, and publish them on the platform to promote the platform and inspire more ideas.  

Stakeholder Diagram

Meet Openhive Work Bees (User & Stakeholder)

Prototyping & Iterations

Information Architecture: Define design opportunities

The website itself has a great variety of user types, and each of the types could shift to another role based on their interests and project needs. To help users to find targeted information, and accomplish tasks effectively, I mapped the information architecture. Among them, I used Blue to identify the design opportunities that are unique from the mainstream competing products on the market.

Design opportunities:
1.Openhive, each phase is linked with a certain tab that direct users to their needed resources.
2.Toolkit will empower the community with design thinking and technique to build up their ideas.
3.Openhive has the potential as a socail platform that contribute to local community event.

Utilize webpage to guide the design process

In this portfolio project, we showed two selected user flows focused on"Find the Challenge" and"Join the Challenge" to explain how Openhive plan to engage community members to develop their ideas from 0 to N.

Lo-Fidelity Mockup: From Home Page to Join the Challenge

User Engagement is the key indicator to show whether our platform success or not. So we studied user flows while we conducted lo-fidelity mockups. In this task, we showed the user the completed journey about "Join the Challenge". The Red line is for Challenge Participants who have consistent input in the selected challenge. The yellow and Blue lines are for people that have an interest and the willingness to explore the webpage. The black line means organizational flow including new user registration and sign-in.

Synthesizing usability study results: Simplified User Flow

In this design iteration, we only shows challenge participant' flow starts from home page to challenge page, and then they are required to add comments or vote on their interested ideas.

Hotspot Diagram: Analyzing user journey on the website

We invited 5 users for usability task, and defines KPI metric on User error rates and Drop-off rates.

Home Page Iteration

Challenge Page Iteration

Toolkit Page Iteration

High-Fidelity Mockups - Challenge Pages

Usability Test by Pilot Campaign

Reuse of Coffee Ground

After launching the Openhive design process with website, we tested the design process by facilitating several real life challenges.
Here we selected “Coffee on the ground” which runs the full design process to test each function.

Project Overview:

Design:
01 Openhive Service Design System
02 iOS & Web UIUX design
03 Toolkits for online event and local design workshops
04 Facilitate real challenges through Openhive

Validate:
01 Test idea conversion rate at  each proposed design process through various online platforms and local community workshops.

02 Iterate design based on the user feedback.

Project Impact:

Reflection

Phases that we open to the public for ideas/resources/suggestions.

Takeaways: Validate Assumptions through real life challenge

Through the large-scale user research conducted in the early stage, we realized that this would be a relatively complicated project in terms of its scale, workload, design approach, and innovation level.
With the real-life challenge, we got the chance to validate previous assumptions and refine the information openness at each phase to control the quality of solutions. We also refined the open innovation design process of our platform.
If we have more time, we would add an online shop to showcase the product people made through openhive.
Special thanks to Jiaxin Liu, who was willing to revisit this design after 5 years.