SO-COL
Launching a block chain
powered community platform
Helping to build a community web3 platform for connecting creators with their fans
SO-COL
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.
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.
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?
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.
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:
Fans:
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.