SO-COL

Launching a block chain
powered community platform

Helping to build a community web3 platform for connecting creators with their fans

'A new way for fans and creators to collaborate with the power of web3.'

SOCOL is a blockchain-powered web3 platform that connects creators with their fans.
The mission of the platform is to disrupt the creator's economy by providing a direct way for creators to get support from their fans, while simultaneously allowing fans to share in the success of their community. A key feature of the platform is its suite of web3 tools for creating and managing communities.

CLIENT
SO-COL
TOOLS
Figma
Miro
Zeplin

THE DESIGN PROCESS

Let's get deeper

Over couple of months, my team and I followed the design thinking process. Since this project was quite huge, each designer took a part in each phase but divided in the developing phase to cover all parts. We gathered after each stage to discuss ideas and determine the best course of action. Please note that all mockups used in the following sections have been created by me.

DISCOVER

Understanding the
company & the user

A crucial part of my role at this stage was to gain a better understanding of the company so that I can assist in developing the brand in its early stages. This includes discovering the voice and tone, as well as empathizing with the target audience.

USER RESEACH
Conveyed user research to gather deep understand of the defined users, their needs and motivations.
STAKEHOLDER INTERVIEW
Conveyed interviews with the stakeholder to gain more deep understanding of the company's mission and strategy.
USER PERSONAS
Developed user personas based on the product's two main user types and target audience.
USER JOURNEY
Discovered how the users find and engage with the product. Where are the crucial steps in engaging them?

DEFINE

How can we build block-chain powered community platform?

The main challenge we identified following the brand strategy was:  

How might we make creating communities in web3 more intuitive and help creators feel more confident in achieving their goals?

Irene
As a content creator,
I want to have an easy way to create and maintain a community.
So I can be able to engage with my audience from one single platform and get support.
Dan
As a passionate crypto investor,
I want to get in contact with likeminded people.
So I can be able to engage and get more information about future opportunities.
Ken
As a fan,
I want to get involved in more initiatives, real-life events, and meet ups or virtual gatherings.
So I can feel involved in the community.

DEVELOP

Exploration of ideas
and solutions

With the business and user needs in mind, I was able to begin iterating on possible solutions. This process involved mapping out must have features, developing a user flow map, sketching multiple iterations for each core feature, and designing low-fidelity wireframes.

Challenge: We had a few limitations dealing with blockchain powered tools, such as processing time, and extra steps.

Creating the visual style

Based on the brand guidelines established by the lead graphic designer on my team, I defined the components and UI elements to maintain a unified design voice across devices. The visual identity of the platform is a combination of some of the main characteristics of the main audience - vibrant, young, and tech driven.

Building the
Design system

One of my main responsibilities in the project was the Design system which allows for efficiency, fast integration, and future scalability of the product.

Challenge: Building a huge Design system that's easy to navigate and contains everything.

TEST

Create high-fidelity prototypes

As the project was wrapping up I got the task to create high-fidelity prototypes for some one of the main user flows which we later end up using for our user testing sessions.

Prototype Fans side

Prototype Creators side

Conveying testing sessions

I helped create a protocol for the interview sessions, including the setting, the questions, and materials for the shown, as well as making sure we are using the right prototypes. After feedback was gathered and we got a few insights out of users:

Creators:

More simple premium
collection creation process
Add moderator’s functions
Add tutorials to make
the process more clear

Fans:

Simplify
the onboarding
Expand the reco
gnition system
Governance features to be
on focus inside a community

DELIVER

Final outcome

After a couple of rounds of alterations we handed off the final design for the desktop platform to the developers, together with a documentation regarding some specifications such as the responsive behaviour.

FAN'S SIDE

Shop NFT collections

The platform allows users to support their creators by purchasing their NFT collections, in which return they get access to explusive content and purchasing power to resell them.

CREATOR'S SIDE

Translating the experience for mobile

After the desktop platform was released, I helped to translate behaviours and improve the experience
specifically for mobile. I had to make sure that the flows and features are not simply adapted for mobile
they but are designed according to the specifics of the mobile experience.

Going Dark

After the release of the app, I was given the task to start building the Dark theme.