Case Study

Octav

Visit Website

About

I led the design and build of the commercial sites for Octav Pro and Octav API. Working with a freelance designer, we used Framer to bypass traditional development timelines, shipping a fully responsive, data-rich marketing presence in just two weeks to support their shift toward institutional clients.

2025

Impact

↳ 14-Day design to development ↳ Repositioned for Enterprise

My Role

↳ Design Principal

Desktop UI design for Octav Pro, a portfolio intelligence platform for digital assets. Mockup on a MacBook Pro showcasing the clean, data-rich landing page designed for institutional-grade DeFi portfolio monitoring and analytics.
A collection of high-fidelity UI components for the Octav dashboard. Features include automated NAV reports, multi-chain wallet monitoring, token distribution charts, and a PNL calendar for tracking DeFi performance.
Clean and functional UI design for the Octav API documentation. Showcases code snippets and documentation for tracking net worth, protocol positions, transaction history, and historical data snapshots for developers.
Clean and functional UI design for the Octav API documentation. Showcases code snippets and documentation for tracking net worth, protocol positions, transaction history, and historical data snapshots for developers.

Process

Following Braille’s BD effort to secure the project, I led the production for Octav, managing a high-velocity sprint to move from wireframing to a pixel-perfect Framer build within a strict two-week window. I established dedicated co-working sessions on Figma and Framer, mentoring a freelance designer through real-time collaboration to maintain synchronization with the project manager to hit every milestone on an accelerated timeline. To ensure our storytelling was technically accurate, I immersed the team in Octav’s DeFi analytics and product logic, translating complex financial utility into a high-performance interface. While directing the overall production and quality standards, I ensured we precisely executed the client's preference for ASCII-style animations and complex interactive components, such as sticky scrolls and tabbed code blocks, to align with their recent rebrand and signal the protocol’s on-chain proximity. By aligning strategic oversight with disciplined execution, we successfully shipped the interactive site in time for a major conference launch. This project proved that complex technical visions can be transformed into performant digital reality through structured mentorship and technical translation.

Navigation