Defining the focus
Based on everything we learnt we had setup a core focus..
Our objective was to establish a user-friendly gateway into the world of web3. We aimed to enhance the new user's experience in navigating web3 while ensuring that seasoned users find value in the platform as well.
Define the structure for explorer
-Persona
To initiate we started setting up the base structure for the product. All starting with Competitor analysis which also gave us an insight on the existing market to create our personas.
-Feature mapping
We studied the existing explorers and took classes* from our seasoned dev members to understand how L2 chains worked and different areas around existing explorers
We created feature map for blockscout and ether scan to compare how they function and found 2 key categories or users and Features
Based on these categories and availability we were able to narrow down we could pick for the MVP design and help us set the direction
-Structuring the information
As a dynamic project, our information architecture (IA) was straightforward, concentrating on integrating distinctive elements into each module and clearly defining the objectives of each. Additionally, we swiftly mapped out existing explorers and determined our approach based on functionality rather than predefined sections.
The wireframing phase underwent multiple iterations as we aimed to craft something distinctive. Ultimately, we narrowed it down to an approach centered on visuals, making it simpler for users to scan through data and access everything they need without extensive reading.
Creating the magic through Visuals
🏡 Home
Functioned as the explorer's interface: one side facilitated easy information retrieval, while the other narrated the chain's story and its offerings.
Using hero widget to highlight the key offerings of a chainIncorporated quick trivia and comparisons to underscore their significance.
📈 Pulse page
Unlike others, this was essentially an infographic page, allowing users to grasp the real-time pulse of the chain and comprehend ongoing events, rather than just reading about them.
Given that data moves between chains rather than in a linear fashion, it's crucial to adapt our approach accordingly.
🧭 Explore
A Marketplace for the chain to promote their desired token or dapps and introduce users to their own ecosystem
🧭 Transaction detail
The concept behind the transaction detail was to present information in a format that enables users to seamlessly follow the journey of a transaction and gain a better understanding simply by visually scanning it.
Manta explorer →