Oku Trade

Oku Trade

A smart pro trading terminal for Uniswap v3.

View App

My Role

Research, Branding, Product Design, QA

Team

Time Frame

August 2022 - product launch, July 2023

Description

We built DeFi’s advanced trading platform.

Context

To build Oku, I cross-collaborated with leadership, engineering, and the Uniswap Foundation to maximize Uniswap v3's potential with features like advanced limit orders, live order books, robust analytics, and simple order management.

About

Decentralized exchanges lacked reliable multi-chain data, essential features like order books, live trading history, and limit orders, and a solid user experience. DeFi traders were forced to juggle multiple platforms to properly execute a single trade.

Oku sought to bridge the gap between CeFi and DeFi with a reliable data source and a competitive user experience users trust.

View Research
Oku TradeOku TradeOku TradeOku Trade
Oku TradeOku TradeOku TradeOku Trade

The Brand

Our goal was to create a user experience that was neutral and recognizable. Familiar enough to a centralized exchange where tradfi users could connect and use the platform freely. Unique enough to improve on existing features specific to decentralization. 



Building a strong community was important from day one. The visual identity would need to feel trustworthy, authentic, and clean. To concentrate on universal elements. Round shapes, clean lines, and imagery reflecting liquid, or the element of water- or liquidity - as a way to best capture the interest of our audience.

Oku Trade Logo

Scalable Frameworks

Setting up performance across devices was one of the first specifications designed. Early on, our assumption was a. desktop would be the preferred device for making a trade and b. preferred desktop browser window sizes would span a range from extra large - medium.


The simplest way to ensure a reliable framework (no matter screen size or device), was to design the platform such that charts respond, as oppose to containers. That way, despite screen height all information can be viewable at-a-glance, preventing the need for vertical scroll.

The not so scalable: Not every framework chosen early on was the right one. We initially built all charts and tables from scratch! Lacking the cohesion necessary to scale, a migration of all data structures to formal frameworks was completed post launch.

More Data

We found many users were generally unfamiliar with how liquidity providing works. While the standard UI proved successful in it's simplicity, we felt it left significant opportunity to improve users understanding of what liquidity providing meant to the industry as a whole. This meant creating a more robust data experience including;

• Adding historic data with interactive charts

• Enabling the ability to select a price range of 12.5%, 25% 50%, 75%, and 100%


While the interactive charts were helpful, Oku's position maker left much to be desired if we were going to provide real, unique value, and thus we added more advanced features to the dashboard including:


• Tick price and value

• Annualized APR and fees within 30, 60, or 90 days

• All active and past user positions including date, fees, and value in one place

The ability to simulate annualized APR for any position (in addition to viewing PnL and projected fees) provided the most value for our users as they could easily simulate their earning potential.

Tight Spaces

Following our north star for maximizing real estate, came a number of iterations with Oku's bread and butter: the order form. Paying particular attention to cross-chain UX and tokens with insanely long names, we redesigned the order form time and time again to improve overall space and usability efficiency.

Something not super common at the time, transaction flows were meticulously tested and redesigned to ensure clear communication with the user at each stage of the transaction process.

And with accessibility in mind, we adjusted typography on high priority items like data tables and increased color contrast on drop downs.

Discoverability

While the original intention was to provide an advanced trading terminal for Uniswap, once the closed beta was launched, users expressed interest in having both advanced and traditional swap experiences in one interface. Given the freedom in real estate, Oku explored ways in which we could utilize the space to improve the swap experience altogether.

Through internal sprints and discussions surrounding opportunity, our team centered around "discoverability" as a desirable element to any trading interface and thus, the trending and overview tables were added. There, users could satiate their FOMO and explore markets trending by TVL, Total Swaps, Volume, Top Gainers, and Top Losers.

Oku and Beyond

While building a scalable framework with limited time and resources proved challenging for Oku's feature dense interface, the design framework would enable quick iterations for generations to come.

From day one our goal was to create a sophisticated trading experience for web3. One that rivaled the likes of centralized exchanges. And from day one of launch, thanks to the Uniswap Community and Oku's talented team of traders, engineers, and visionaries, we were able to spearhead that transformation in the industry.

At present, Oku has scaled to reaching 150k users, a total of 24k followers across social media, and 11 chains.

Oku Trade