Case Study : Zionverse Phase II

Case Study : Zionverse Phase II

About Project

In Phase II of Zionverse, we embarked on a remarkable journey, transitioning from a traditional Minecraft gaming product to an innovative fusion of NFTs and gaming. This evolution aimed to capitalize on the scorching trends in the market in 2021 by combining the power of blockchain-based NFTs with the immersive experience of gaming.

In Phase II of Zionverse, we embarked on a remarkable journey, transitioning from a traditional Minecraft gaming product to an innovative fusion of NFTs and gaming. This evolution aimed to capitalize on the scorching trends in the market in 2021 by combining the power of blockchain-based NFTs with the immersive experience of gaming.

Timeline

August 2021- Sept. 2021

My Role

UX/UI DESIGNER

Timeline

August 2021- September 2021

My Role

Junior UX/UI DESIGNER

01

01

01

Overview Of Product

Overview Of Product

In Phase II of Zionverse, we embarked on a remarkable journey, transitioning from a traditional Minecraft gaming product of an innovative fusion of NFTs and gaming. This evolution aimed to capitalize on the scorching trends in the market in 2021 by combining the power of blockchain-based NFTs with the immersive experience of gaming.

1.1

1.1

1.1

Phase II

Phase II

Phase II of Zionverse marked a significant pivot, shifting our focus towards creating a mythological Web 3.0 world, where NFTs and gaming converged in a harmonious blend..

02

02

02

Challenge

Challenge

Our main challenge was to smoothly integrate NFTs into the Zionverse platform without harming the user experience. This was complex due to the rapid growth of Web3 in 2021, with many new ideas and companies entering the market. The UI/UX team designed a distinctive NFT system through rigorous user testing, ensuring it enhanced the overall gameplay experience.

03

03

03

Secondary Research

Secondary Research

Our journey started with thorough secondary research into parallel products in the blockchain and NFT space. We aimed to grasp how competitors succeeded in this ever-changing market, leveraging their strengths while capitalizing on the Web3 trend.


This phase involved a deep exploration of decentralized markets, cryptocurrencies, smart contracts, and NFTs. The insights from this phase are detailed in my article, "Web3 for Designers" (link to article).

3.2

3.2

3.2

Our aim was to dissect their strategies, explore their whitepapers, and understand why consumers were purchasing their NFTs. Key takeaways from our market research included:

Hype Creation: Hype played a pivotal role in driving interest and engagement.

Community Building: Establishing a strong community was essential for success.

Practicality: Many projects struggled due to impractical timelines.

Exclusivity: Exclusivity held the key to high secondary market demand.

Robust Roadmaps: Clear and achievable roadmaps were critical for long-term success.

04

04

04

Conclusion

Conclusion

In light of our research findings, we decided to create a product that focused on Indian mythology, offering digital representations of Indian deities in the form of NFTs. Our initial iteration centred on the Yuga system, showcasing idols from both positive and negative narratives in the Ramayana story.

To generate excitement and attract a mass audience, we leveraged Discord as a platform for community engagement. Regular AMAs (Ask Me Anything) sessions played a crucial role in fostering a thriving community.

Exclusive video content depicting captivating stories.

Insight into why certain characters turned to the dark side

Exclusively created comic books, a treasure for NFT holders, and much more.

Our next major shift occurred when we introduced Lakshmi NFTs and Ganesha NFTs, timed perfectly with the Diwali festival.


Zionverse's journey from a Minecraft gaming product to a thriving hub of Indian mythology-themed NFTs and gaming stands as a testament to our commitment to innovation and user-centric design in the dynamic Web3 landscape.

05

05

05

Visual Design

Visual Design

Visual Design Concept - Iteration One:

Visual Design Concept - Iteration One:

In our initial exploration, we embraced a contemporary NFT theme.

The intention was to incorporate a glass morphic design, a trend gaining momentum for its creative application.

Challenges with the First Design:


The initial concept faced a disconnect with the overall project idea. Its modern aesthetics clashed with the project's inspiration drawn from mythology. A more fitting approach would have been to infuse vintage ethnicity, aligning with the project's roots, and adopting an old-world theme for a more harmonious visual narrative.

Typography

Typography

AaBbCc
0123

Knockout

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*().,/’:

AA

Aa

Knockout

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*().,/’:

AaBbCc
0123

Mulish

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*().,/’:

AA

Aa

mulish

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*().,/’:

Colors

Colors

Primary

Colors

Primary

Colors

Primary

Colors

Primary

#19245B

Primary

8862DB

Primary

#FFFFFF

Accent

Colors

Accent

Colors

Accent

Colors

Accent

#FFD568

Accent

#FFE143

Secondary Colors

Secondary Colors

Secondary Colors

Secondary

#FFD568

Secondary

#FFE143

Secondary

#4D65D8

Secondary

#3145AB

Secondary

#5235E9

Secondary

#E34FFB

5.1

5.1

5.1

Visual Design Concept - Iteration II:

Visual Design Concept - Iteration II:

Visual Design Concept - Iteration II:

In our second visual design exploration, we drew inspiration from the captivating theme of Raji Game, finding resonance between its aesthetic and the envisioned space of our project. To align more seamlessly with the vintage essence, we incorporated the following elements:

Scroll Communication: Utilizing scrolls as a means to send and receive messages, mirroring the communication style prevalent in the era.

The scroll page was carefully crafted with a faded yellowish hue, featuring worn and burnt marks in selected areas, enhancing the vintage ambience.

Sacred Fire Weapons: Introducing fire weapons for use in wars and battles, adorned with the holy symbol of Agni. The inclusion of Agni's symbol represents the initiation of anything new or auspicious, providing closure to significant events.

The hero section delved into the old tales of Mahabharata, complemented by a mesmerizing animation depicting the ominous red horns moving in slow motion.

Spirals, symbolizing power, gracefully encircled the Dhanush of Ram, creating a dynamic representation inspired by epic battle scenes.


To conclude the visual narrative, an animated gif showcased the end of the page file, adding a captivating touch to the overall immersive experience.

Typography

Typography

AaBbCc
0123

Cinzel

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*().,/’:

AA

Aa

Cinzel

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*().,/’:

AaBbCc
0123

Lora

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*().,/’:

AA

Aa

Lora

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*().,/’:

Colors

Colors

Primary

Colors

Primary

Colors

Primary

#181818

Primary

573000

Primary

#FFFFFF

Accent

Colors

Accent

Colors

Accent

#FFE894

Accent

#A47812

Primary

DCBD62

06

06

06

Learnings from the project

Learnings from the project

Infusing Creativity into Design: Discovering the art of approaching design projects with creativity as a driving force.

Harmonizing Design Language with Concept: Understanding the crucial synergy between design language and the underlying project idea for a cohesive visual narrative

Exploring Web 3 and Crypto Dynamics: Delving into the intricacies of Web 3 and the Crypto Market, gaining insights into their functionalities and operation.

Business-Centric Brainstorming: Engaging in thoughtful brainstorming sessions to generate elements and ideas for the product, always considering the business perspective in the decision-making process.

Crafting User Incentives for Purchases: Learning the art of creating advantages and benefits that incentivize users to make purchases within the project.

Utilizing Freepik Fonts for 3D Elements: Mastering the application of Freepik fonts to craft compelling 3D icons and text elements.