A large scale web app containing a DAO toolbox of web apps, components, data and community features

A large scale web app containing a DAO toolbox of web apps, components, data and community features

BitDAO

BitDAO

Work

Work

BitDAO

BitDAO

Platform

Web, Mobile

Role

Prototyping, UI/UX, Visual

Timeframe

6 months (2023)

#mobile-views

Community Mega App

Managing one of the biggest DAOs involves a lot of stuff one roof (community, admin, finance etc).

Large Scale Design System

Building out an extremely versatile and scalable design system allows for easy future expansion.

#mobile-screens

Problem

Lots of moving parts in one of the biggest DAOs with many data points, and people managing them. No single area to go for all these resources, pages were scattered around the web, and tools didn’t exist.

Solution

Build a design system that scales internal tooling, use the system to build all tooling and consolidate all resources into one collective web app resource where users can save and branch out from.

User Flow: Goals

Present the user with a useful overview

Present the user with a useful overview

Provide quick access to all areas from one sidebar

Provide quick access to all areas from
one sidebar

Maintain up to date, community managed records

Maintain up to date, community
managed records

User Flow

User Flow

Mapping out user flows to optimize for our goals

Mapping out user flows to optimize for our goals

Project Outline

Project Outline

Build the biggest DAO toolbox as a cohesive app

Build the biggest DAO toolbox as a cohesive app

Mobile Screens

Mobile Screens

Fully operational mobile web3 app

Fully operational mobile web3 app

MageAI

A web3 AI agent app built for simplified defi investing in projects with a range of investment styles

A web3 AI agent app built for simplified defi investing in projects with a range of investment styles

User Flow: Chart

Bit Blocks System

Bit Blocks System

A large design system covering branding, web, marketing, software and web3 elements.

A large design system covering branding, web, marketing, software and web3 elements.

Dev optimized components in Figma

Dev optimized components in Figma

Complex components with detailed states

Complex components with detailed states

Light & Dark mode for all elements

Light & Dark mode for all elements

Community Mega App

Managing one of the biggest DAOs involves a lot of stuff one roof (community, admin, finance etc).

Large Scale Design System

Building out an extremely versatile and scalable design system allows for easy future expansion.

Platform

Web, Mobile

Work Done

Prototying, UI/UX, Visual

Timeframe

6 months (2023)

Dynamic Charting

Dynamic Charting

Dynamic Charting

Detailed components mapped with user states

Detailed components mapped with user states

Detailed components mapped with user states

Desktop App

Desktop App

Building UI to focus on key features & engagement

Building UI to focus on key features & engagement