Truth Behind Web3 Design & Development

A design inspired by technology and futurism to cut above its competitors and resonate with its target market.

  • 80% of enterprises adopting data-driven strategies and storytelling brand methodologies make decisions 5x faster.

  • 2x more likely to double their revenue if they adopt storytelling strategies in their UX and UI designs.

  • 8-16 weeks to deliver an industry-leading data-driven product design for storytelling enterprises.

Overview

Developing tailor-made digital solutions for storytelling brands and futurists.

The Challenge

A cybersecurity start-up wants to design a security tool built on the blockchain. Despite its decentralized nature, the blockchain still faces vulnerabilities and phishing threats. The main challenge is to build human-centric user interfaces that address confusion and safety concerns around Web3 features.

The design solution is to develop both the middleware and UI frontend for a security tool that communicates with blockchain data, giving users control and understanding.

This case study focuses on the main aspects of our UX research process.

The Strategic Process

UX Research: Analysis

Design Goals

  1. Manage AI workflows without coding

  2. Human-centric functionality

  3. Evaluate threats and vulnerabilities using data

Design based on the following principles:

  • Designing for trust through transparency

  • Time/Wait Management

  • Consistency

  • Intermittent Feedback

  • Data Exposure

User flows are designed to align with user needs, ensuring an adjustable and user-friendly experience.

UX Research: Interviews

At this stage, we conduct extensive research project interviews with stakeholders. The research plan includes:

  • Process mapping

  • Recruitment criteria

  • Chosen research methods

  • Questionnaires

  • Qualitative data for the final report

Stakeholder Interviews

Expert insights and domain knowledge from stakeholder interviews inform:

  1. General feature list

  2. User needs and problems

  3. Product definition

  4. Product uses and assumptions

These interviews are conducted 1-on-1, using a presentation format to guide the process.

Analysis

After interviews, we compile and analyze the information as raw data. We use an affinity-boarding system to capture themes and conduct a synthesis.

User Personas

From stakeholder interviews, we create user personas based on pain points, motivations, and reasons to believe.

Example User Persona: Lydia

Background:

  • 28 years old

  • MSc Software Engineering

  • Experience leading a development team

Job Tasks:

  • Manage project priorities, deadlines, and deliverables

  • Design, develop, test, deploy, maintain, and improve software

Needs:

  • Recommend a security tool to clients unfamiliar with blockchain

  • Use a simple, manageable tool that saves time

The Results

Features & UX Flow

Insights from stakeholders lead to numerous design workshops. We develop a visual and UX feel, leading to low-fidelity wireframes and prototypes. High-fidelity designs and coded prototypes are created based on project requirements.

Included in this phase are the raw research data and synthesis reports from all major stakeholders.

Design Solution Map

  1. Competitor Research

  2. Architecture | UI Concepts

    • Wireframing

    • Design Iterations

    • Interactive Prototypes

  3. Branding Strategy

    • Brand UI and Style Reference

    • Logo Thematic Direction, Moodboard, and Drafts

    • Finalized Logo Suite, Creative & Brand Elements

  4. Design System

    • Design Atoms, Molecules, Organisms

    • Templates, Design Pages

    • High-Fidelity Prototypes

    • Iterations until finalized outcome

    • Coded Prototype & App