3D FrankenPunks

UX Design Case Study

Project

Web3 Delivery wanted a new website design for their main NFT market. The core challenge was to make fun, dynamic and appealing hub for consumers to browse more infomation on everything they have been doing.

Goals

  • Design a dynamic and captivating homepage that aligns with the branding established by the game team.
  • Promote the team's social media channels and the DAO page effectively.
  • Develop a timeline that highlights the company's journey and hints at exciting future developments.

9:41

Design Process

1. Discovery & Research

  • Company Interviews: Gathered insights on the company's needs and desired onsite features.
  • Competitive Analysis: Analysed other Web3 companies and the platforms hosting the NFT market.
  • Brand Research: Investigated the brand to identify styles and artwork suitable for the website.

 

2. Wire framing & Structure

  • Optimised the website for improved speed and aesthetics.
  • Introduced a new timeline feature to showcase the company's achievements.
  • Implemented a navigation menu for desktop users and a hamburger menu for mobile devices.

 

3. Visual Design

  • Emphasised a clean, dark background to maintain consistency with the previous design while enhancing asset visibility.
  • Designed UI components that integrate seamlessly with the existing FrankenPunks brand.
  • Established visual hierarchy through typography and spacing to enhance readability of numerical data.

 

4. Prototyping & Handoff

  • Developed interactive prototypes using Figma.
  • Guided the development team through UX flows and design specifications.
  • Provided assets and ongoing support throughout the build phase.

Designing the 3D FrankenPunks website was a chance to merge bold visual storytelling with clear, user-friendly navigation. I crafted an immersive experience that showcased the NFT collection while ensuring smooth wallet connection and intuitive browsing. Balancing the edgy, web3 aesthetic with accessibility and performance, I worked closely with developers to bring the brand’s vision to life in a way that felt both engaging and seamless.

3D FrankenPunks

UX Design Case Study

Project

Web3 Delivery wanted a new website design for their main NFT market. The core challenge was to make fun, dynamic and appealing hub for consumers to browse more infomation on everything they have been doing.

Goals

  • Design a dynamic and captivating homepage that aligns with the branding established by the game team.
  • Promote the team's social media channels and the DAO page effectively.
  • Develop a timeline that highlights the company's journey and hints at exciting future developments.

9:41

9:41

9:41

Design Process

1. Discovery & Research

  • Company Interviews: Gathered insights on the company's needs and desired onsite features.
  • Competitive Analysis: Analysed other Web3 companies and the platforms hosting the NFT market.
  • Brand Research: Investigated the brand to identify styles and artwork suitable for the website.

 

2. Wire framing & Structure

  • Optimised the website for improved speed and aesthetics.
  • Introduced a new timeline feature to showcase the company's achievements.
  • Implemented a navigation menu for desktop users and a hamburger menu for mobile devices.

 

3. Visual Design

  • Emphasised a clean, dark background to maintain consistency with the previous design while enhancing asset visibility.
  • Designed UI components that integrate seamlessly with the existing FrankenPunks brand.
  • Established visual hierarchy through typography and spacing to enhance readability of numerical data.

 

4. Prototyping & Handoff

  • Developed interactive prototypes using Figma.
  • Guided the development team through UX flows and design specifications.
  • Provided assets and ongoing support throughout the build phase.

Designing the 3D FrankenPunks website was a chance to merge bold visual storytelling with clear, user-friendly navigation. I crafted an immersive experience that showcased the NFT collection while ensuring smooth wallet connection and intuitive browsing. Balancing the edgy, web3 aesthetic with accessibility and performance, I worked closely with developers to bring the brand’s vision to life in a way that felt both engaging and seamless.

3D FrankenPunks

UX Design Case Study

Project

Web3 Delivery sought a redesign for their primary NFT marketplace website. The main objective was to create a vibrant, engaging, and user-friendly platform that allows consumers to easily explore and access information about their ongoing projects.

Goals

  • Design a dynamic and captivating homepage that aligns with the branding established by the game team.
  • Promote the team's social media channels and the DAO page effectively.
  • Develop a timeline that highlights the company's journey and hints at exciting future developments.

9:41

9:41

9:41

Design Process

1. Discovery & Research

  • Company Interviews: Gathered insights on the company's needs and desired onsite features.
  • Competitive Analysis: Analysed other Web3 companies and the platforms hosting the NFT market.
  • Brand Research: Investigated the brand to identify styles and artwork suitable for the website.

 

2. Wire framing & Structure

  • Optimised the website for improved speed and aesthetics.
  • Introduced a new timeline feature to showcase the company's achievements.
  • Implemented a navigation menu for desktop users and a hamburger menu for mobile devices.

 

3. Visual Design

  • Emphasised a clean, dark background to maintain consistency with the previous design while enhancing asset visibility.
  • Designed UI components that integrate seamlessly with the existing FrankenPunks brand.
  • Established visual hierarchy through typography and spacing to enhance readability of numerical data.

 

4. Prototyping & Handoff

  • Developed interactive prototypes using Figma.
  • Guided the development team through UX flows and design specifications.
  • Provided assets and ongoing support throughout the build phase.

Designing the 3D FrankenPunks website was a chance to merge bold visual storytelling with clear, user-friendly navigation. I crafted an immersive experience that showcased the NFT collection while ensuring smooth wallet connection and intuitive browsing. Balancing the edgy, web3 aesthetic with accessibility and performance, I worked closely with developers to bring the brand’s vision to life in a way that felt both engaging and seamless.