Linkedin

Nooft

Nooft – End-to-End Search Engine for NFTs

Challenge

As the sole UX Designer for Nooft’s search engine project, I designed and coordinated the front-end team through a comprehensive 4-months journey. 

Responsibilities

My responsibilities spanned the entire gamut of UX Design, encompassing roles like Research, Visual Design, Interaction Design, Usability Testing, UX Engineering, and Product Design and Lead.

Project Scope

End-to-End Flows

Tools

Figma, Sketch, Visual Studio Code

Role

UX Designer (UX Research, UX Design, Visual Design, Interaction Design, Usability Testing)

Team

Self Directed, with feedback from the team and focus groups

Duration

4 Months

Research and Analysis

Initial Exploration

In the initial phase, our exploration focused on three primary areas:

  1. Crypto Trading Platforms
  2. Professional Trading Platforms
  3. NFT Marketplaces

This broad scope helped in understanding the diverse landscape of digital asset trading and NFT commerce.

Preliminary Phase: Research and Discovery

Business Requirements

The project’s business requirements were clearly articulated by stakeholders, outlining desired functionalities. However, the responsibility for shaping the Information Architecture, User Experience, and Visual Design (UI) was mine.

Bridging Business Needs and User Experience

After a thorough examination of the business requirements and correlating them with our research findings, we identified essential UI components. Given that our product was being developed for the Web 3.0 environment within the fintech sector, I recognized the need for innovative UI components. These components had to resonate with our target users’ mental models, differing from classical UI elements typical in more conventional applications.

User Personas

We defined three distinct user personas:

  1. The Professional Trader
  2. The Enthusiast
  3. The Crypto Trader
 

For each persona, we developed specific UI elements tailored to their needs and expectations.

Focus Groups and User Feedback

Early Stage Feedback

In the early stages, we conducted multiple focus groups using low-fidelity mockups. The aim was to align our design with the mental models of our identified personas, ensuring a consistent and intuitive workflow.

Refinement Stage

As we moved closer to the Minimum Viable Product (MVP) phase, focus groups and user interviews became integral. These sessions were pivotal in refining and fine-tuning the user experience.

Team Leadership and Collaboration

Leading the Front-End Development

I led a team of three front-end developers, with team members hailing from esteemed tech companies like IBM and Intel. Our collaborative efforts were key in bringing the UI and UX visions to life.

UX Engineering and Prototyping

To effectively demonstrate the behavior of our novel UI components, I engaged directly with React to prototype key interface flows, such as login and registration processes. This hands-on approach in UX engineering facilitated a more nuanced and practical understanding of our product’s user interface.