Designer/developer for @rnftsdead.wtf

Designer/developer for @rnftsdead.wtf

Designer/developer for @rnftsdead.wtf

Designer/developer for @rnftsdead.wtf

rnftsdead landing pagernftsdead about pagernftsdead about page 2

RNFTsDead.wtf: Creating an Immersive NFT Collection Experience

Client: rnftsdead
Location: N/A
I designed and developed an innovative, interactive website for the Ethians NFT collection at RNFTsDead.wtf. The project required creating an immersive alien-themed experience while maintaining functionality for NFT minting and viewing capabilities.

Design Strategy

Visual Identity

  • Alien-inspired color scheme:
    • Primary: Green
    • Secondary: Purple
    • Supporting art elements from NFT collection
  • Interactive elements
  • Custom animations
  • Atmospheric sound design

Interactive Features:

Introduction Sequence

  1. Sound Selection Portal
    • User choice for audio experience
    • Custom Lottie loading animation
    • Progress indicator
  2. Interactive Elements
    • Magnetic effect on buttons
    • Alien font transitions to standard text
    • Fade-in animations
    • Hover effects

Main Feature Animation

  • 12-second cinematic render featuring:
    • Three Ethians characters
    • "RIP NFTs?" gravestone
    • Lightning strike effect
    • UFO light reveal
    • Synchronized with music drop

Content Implementation

Classified Document Theme

  • Government document aesthetic
  • Translated alien messages
  • Scroll-based reveal effects:
    • Custom censorship bars
    • Progressive information reveal
    • Interactive redaction elements

Interactive Media

  • Photo gallery with video integration
  • Custom button triggers
  • Embedded video players
  • Original artwork integration:
    • Illumination logo
    • Custom graphics
    • Collection artwork

Technical Implementation

Frontend Development

  • Custom animation systems
  • Audio integration
  • Responsive design
  • Interactive elements
  • Performance optimization

NFT Integration

  • Thirdweb API implementation for:
    • Secure minting
    • Collection showcase
    • Transaction handling
    • User wallet integration

Creative Elements

Audio Design

  • Custom music selection
  • Sound effect integration
  • User control options
  • Atmosphere enhancement

Animation Effects

  • Custom Lottie animations
  • Text transitions
  • Loading sequences
  • Reveal effects

User Experience

Navigation Flow

  1. Introduction portal
  2. Sound selection
  3. Cinematic reveal
  4. Information discovery
  5. Minting interface

Interactive Elements

  • Magnetic buttons
  • Font transformations
  • Scroll reveals
  • Video triggers

Technical Achievements

  • Seamless audio integration
  • Complex animation systems
  • Secure minting functionality
  • Interactive document effects
  • Responsive design implementation

Project Impact

  • Enhanced user engagement
  • Immersive brand experience
  • Secure minting process
  • Unique presentation style
  • Strong visual narrative

This project demonstrates my ability to create immersive, interactive experiences while maintaining functional requirements for blockchain integration and user interaction.

crossmenu