Work

OP3N Web3 Evolution: Design a Multi-Platform Community Ecosystem

Timeline:

Feb 2022-October 2022

Timeline:

Feb 2022-October 2022

Timeline:

Feb 2022-October 2022

Role:

Product Design

User Research

User Interview

Role:

Product Design

User Research

User Interview

Role:

Product Design

User Research

User Interview

Collaborators:

Product Manager

Development Team

Collaborators:

Product Manager

Development Team

Collaborators:

Product Manager

Development Team

Tool:

Figma

Adobe After Effects

Tool:

Figma

Adobe After Effects

Tool:

Figma

Adobe After Effects

After the platform's recent launch, it garnered 6,000 new users within a four-month period, with 5% of those users opting to pay for its services.

What is the project

Design to help OP3N to transit from a community app to a web3 community ecosystem on IOS, Desktop Website and responsive Website.

OP3N was originally a content-driven community-based app. With the emergence of Web3 technology, there is a growing demand for decentralized and community-driven applications that enable users to manage their digital identity and assets on the blockchain.

Project Goal

How can we create a user profile that appeals to newcomers to decentralized apps, and design a digital wallet integration that's intuitive for all users?

The Solutions

There are 5 main solutions designed to contribute for OP3N’s web3 community.

1

  1. Profile Dashboard

Instant Web3 Engagement Overview

such as followed communities, projects, purchased tickets, and owned NFTs.

  1. Project Collection

One-Tap Access to Favorite Communities

  1. Purchase History

Effortless NFT Purchase Tracking

  1. Events Access

Event Discovery & Attendance Tracker

  1. Wallet Connection

Secure, Multi-Wallet Connections

Seamlessly integrate in-app content and external token wallets.

1

1

1

  1. Profile Dashboard

Instant Web3 Engagement Overview

such as followed communities, projects, purchased tickets, and owned NFTs.

  1. Project Collection

One-Tap Access to Favorite Communities

  1. Purchase History

Effortless NFT Purchase Tracking

  1. Events Access

Event Discovery & Attendance Tracker

  1. Wallet Connection

Secure, Multi-Wallet Connections

Seamlessly integrate in-app content and external token wallets.

1

Design Journey

What did we do to prepare for designing?

Competitor Analysis

Competitor Analysis

We conducted initial research to identify similar competitors and found that BitClout and Solcial.io have many features in common with OP3N.

Research Takeaways

Simplify the profile design to show clear information and user activity summaries, blend familiar web2 elements, and enhance user retention with gamification, social features, and personalized recommendations.

User Interview

We conducted 30+ user interviews to determine which features users would prefer on their web3 profiles.

Design Goals

The concluded goals focusing on developing a Web3 user dashboard that enhances transparency, integrates external wallets, and aligns with existing design aesthetics.

Web3 Profile Dashboard

Create a dashboard that allows users to easily view their engagement with communities, projects, and owned NFTs.

Transparent Purchase History

Provide clear and accessible information on users' past transactions and purchases.

Wallet Connectivity

Establish robust links to external token wallets for enhanced versatility and utility.

Integrated Content and Wallets

Ensure a fluid integration of in-app content with external token wallets for a cohesive experience.

Unified Visual Design

Design visual components that respect existing design systems while incorporating Web3 aesthetic elements.

Web3 Profile Dashboard

Create a dashboard that allows users to easily view their engagement with communities, projects, and owned NFTs.

Transparent Purchase History

Provide clear and accessible information on users' past transactions and purchases.

Wallet Connectivity

Establish robust links to external token wallets for enhanced versatility and utility.

Integrated Content and Wallets

Ensure a fluid integration of in-app content with external token wallets for a cohesive experience.

Unified Visual Design

Design visual components that respect existing design systems while incorporating Web3 aesthetic elements.

Ideation

Testing & Iterations

We developed a wireframe to incorporate the insights gathered from user interviews and design goals.

Testing Insights

How can we improve your experience in managing and interacting with your owned items within our app?

Centralized Access

Develop a unified section in the app where users can easily view and manage all their owned items, including purchases and event tickets.

Minimized Distractions

Eliminate the chat feature from the owned items section to reduce clutter and distractions, directing chat interactions to a separate tab.

Enhanced Interaction

Respond to user feedback by improving the interface for engaging with owned content, such as displaying enlarged QR codes for easier access at events.

Centralized Access

Develop a unified section in the app where users can easily view and manage all their owned items, including purchases and event tickets.

Minimized Distractions

Eliminate the chat feature from the owned items section to reduce clutter and distractions, directing chat interactions to a separate tab.

Enhanced Interaction

Respond to user feedback by improving the interface for engaging with owned content, such as displaying enlarged QR codes for easier access at events.

Design Showcase

Project Takeaways

When tackling a redesign project, we encounter the challenge of seamlessly introducing new elements to our existing user base. As we endeavor to build a Web3 community while also catering to the needs of our native Web2 users, we turn to user interviews and numerous rounds of ideation. Additionally, I look forward to contributing more to the project by assisting the team in revamping the navigation system, ensuring that our platform remains intuitive even after the introduction of new features.

More work

@ 2024 Portfolio

@ 2024 Portfolio

@ 2024 Portfolio