Vega Protocol

Year

April 2022 - October 2024

Type

dApp, Web

Role

Lead Designer, DesignOps

Vega is a decentralised trading blockchain.

I worked across multiple product teams, designing and improving experiences on the Trading Console, Governance site, Block Explorer and Desktop & Browser Wallet. I helped to optimize production and improve consistency across vega.xyz by creating the initial design system.

This was followed by a complete revamp of the existing dApps design kit, applying best practices to create efficient workflows and a robust component library that standardized the design language across the Vega ecosystem.

In September 2024, the Vega community voted to retire the Vega chain, allowing the project to focus on the development and promotion of the open source Vega protocol software.

In September 2024, the Vega community voted to retire the Vega chain, allowing the project to focus on the development and promotion of the open source Vega protocol software.

In September 2024, the Vega community voted to retire the Vega chain, allowing the project to focus on the development and promotion of the open source Vega protocol software.

Console on Mobile & Desktop

Console on Mobile & Desktop

Console on Mobile & Desktop

Trading Console

Continuously iterated based on feedback from the community, largely through Discord. Some highlights include:

  • UI enhancements and evolving the visual language

  • Deal ticket improvements

  • Market switcher improvements

  • Transaction status feedback

  • Optimising for mobile

Often working with some ambiguity, I held weekly co-design sessions with the co-founder, product owner, and lead developer. These sessions helped us quickly reach consensus on specific problems and ensured a shared understanding of the requirements.

Portfolio on Mobile

Portfolio on Mobile

Portfolio on Mobile

Deal Ticket on Desktop & Mobile

Deal Ticket on Desktop & Mobile

Deal Ticket on Desktop & Mobile

Various Deal Ticket states

Browser wallet

Designed the Vega wallet browser extension for mainnet and testnet.

Vega Wallet browser extension

Vega Wallet browser extension

Vega Wallet browser extension

Creating a wallet, connections flow & transaction types

Multiple wallets view

Multiple wallets view

Multiple wallets view

Transaction Detail & Transactions List

Transaction Detail & Transactions List

Transaction Detail & Transactions List

vega.xyz Design System

Built out the website Design System which was later forked to support the Vega dApps.

Credits

Visual Artist - Joëlle Snaith
Sound Design - Kero