de[labs]

De[labs] is “The Friendship Company”, a web3 community and brand using blockchain technology through NFTs to build the ultimate social network.

@delabsxyz ↗

Role
Product Designer
Duration
Mar 2023 – Jun 2024
Industry
Blockchain
Tools
Figma, Jitter, Spline, Adobe Suite
de[labs]

Impact

As a product designer, my role has involved scaling internal design systems and libraries since I joined. I’ve been dedicated to creating engaging experiences for core holders. Notably, the web experiences I’ve designed for our NFT collections DeGods and y00ts have collectively amassed millions of impressions for de[labs].

de[store]: community e-commerce platform

I designed de[store] to function as a holder-exclusive platform, reminiscent of Shopify, empowering brands to thrive on the existing NFT IP. The platform is intentionally delightful and straightforward, and designed as a clean and minimal canvas for products to shine.

de[labs] screen 1
de[labs] screen 2
de[labs] screen 3de[labs] screen 4

Every purchase made on de[store] includes a 3% $DUST governance fee at checkout. This fee is seamlessly integrated into the final fiat payment, eliminating the need for a separate crypto transaction. On the backend, the fee is then converted to $DUST.

de[labs] screen 5
de[labs] screen 6de[labs] screen 7

I prioritized empowering vendors with a sense of control and security over their stores. The comprehensive vendor dashboard provides a robust toolkit for managing product listings, collections, orders, and upcoming drops.

“The Friendship Company”

DeGods made headlines by teasing the launch of Season 3 through a nostalgic Facebook-themed website. I designed the experience to blend elements of brutalism and internet-core, incorporating delightful moments such as clicking sounds, a mystery box sound effect, and several easter eggs.

delabs.xyz ↗

de[labs] screen 8
de[labs] screen 9de[labs] screen 10

DeGods Season 3: mint experience

I led the brainstorming for designing the mint experience, shaping it to bring back the nostalgic vibes of opening card packs, sleepovers, newspaper routes, and Game Boys. This journey aims to resonate with our holders through these classic moments.

de[labs] screen 11
de[labs] screen 12

I experimented with various styles, like skeuomorphism, and crafted the web app with a Game Boy emulator as the central theme. This turned out to be one of my most enjoyable creative collaborations with the team.

y00ts: wormhole animation

I designed and animated the y00ts wormhole loading screen. I created the storyboard in Figma and brought it to life using After Effects.

Staking platform

DeGods staking serves as a fundamental utility for holders, enabling them to lock up their NFT without sending it out of their wallet. In exchange, holders accumulate points that can be used to claim both physical and digital rewards.

de[labs] screen 13
de[labs] screen 14de[labs] screen 15

DeGods Explorer

I revamped the explorer for DeGods Season 3 with the aim of helping holders find the DeGods they want effortlessly. Our strategy included introducing new filters, such as sex and season, and optimizing the layout for better responsiveness across devices. We also added a toggle to the filters list to further streamline the experience.

de[labs] screen 16
de[labs] screen 17
de[labs] screen 18

We significantly improved the user experience by revising the inspect NFT flow. Holders can now view multiple DeGods in succession by clicking the NFT card, which opens the inspect module in place. Previously, users were redirected to a new page to see the details of an NFT, disrupting their browsing.