Fortunata - Blockchain Roleplaying & NFT Game Design

Fortunata

Building Immersive NFT-Powered D&D Experiences

Team Size

8 People

Timeline

2023

My Role

Product Design
UX/UI Design

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Fortunata is an innovative project that combines roleplaying games with blockchain technology, allowing players to purchase a World Pass (NFT) to join exclusive campaigns led by Dungeon Masters in a Discord community.

This project involved various aspects of UX/UI and visual design, including 3D and motion design, as well as designing for both Dungeon Masters and players.

I collaborated with a senior art director and graphic designer to deliver high-quality visual assets for the NFT collection, a captivating web experience, and community engagement.

3 Main Aspects

Web3 / NFT

WorldPass
Dice of Good Fortune
Bonfire Web Experience

Dungeons & Dragons

Character Sheet
Character Creation with AI

Community Building

Art Competition
Character NFT
Character Showcase Page

As the UX/UI designer, I also created infographics to help communicate ideas and development plans to different departments. Above is an interactive graphic that explains the world settings and development roadmap.

World Pass is the key to joining the community. I collaborated with a senior artist who provided the concept art, and I set up the 3D scene in Blender, creating a 3D portal effect based on the artwork.

Quest Ticket is another collectible NFT that grants players one-time access to gameplay with a celebrity Dungeon Master (DM) in the community.

Let’s roll some dice!

Dice play a crucial role in D&D gameplay. They are also available as free NFT drops, allowing players to engage in community events.
‍
Dice of Good Fortune is a random NFT drop containing up to 6 dice (ranging from D3 to D20) made from 6 different materials. I collaborated with the engineering team to set up the Blender file, allowing us to run a script that generated 1,045 different dice combinations.

Material Explorations

Style & Effect Explorations

Bonfire is one of the major events in the community. Players participate via a web experience where they burn their World Pass to upgrade it and choose a House to join.

Click to show the design process

keyboard_arrow_down

Initial Prototype

Once the burning experience concept was finalized, I began visualizing the idea and created keyframe storyboards with a low-fidelity prototype in Figma. This helped communicate the vision to the entire team.

Animation Background

After the team approved the concept, I experimented with different methods to create the scene. Following several tests, we decided to use Unreal Engine 5 to build the scene.

I spent two weeks learning Unreal Engine 5 from scratch and was able to create everything we needed by the end.

Animation Background

Throughout the process, I collaborated with the Art Director to improve the animation. The editing notes from the Art Director are shown in the screenshots above.

UX/UI Design

While the background visuals were being developed, I used early static image renderings to map out the entire user flow in Figma. This initiated conversations and testing with the team members.

At the same time, the graphic designer in the team made icons and graphic assets.

Preparing for development

The final deliverable was a prototype that included the complete user experience process and animation clips.

Implementation

The engineering team added wallet connection functionality and live dice-rolling physics to the site, delivering the final website to the community.

Community Events

Besides live D&D quest in the community Discord Channel, a weekly art competition also helped boost the engagement. The winner’s art will be forged into a hero card NFT.

Early NFT Exploration

Impact

This project offered was a perfect opportunity for me to utilize a lot of my creative skills and ability to direct the whole process and work with people of different talent. As a result, this project has landed #1 on Opensea and we are able to introduce two very distincted communities together through this project.