Product Design

DeAI

Product Design

DeAI

Product Design

DeAI

About

O.XYZ is building the infrastructure for decentralized AI — making models accessible, composable, and owned by the community. As Product Design Lead, the work spanned end-to-end product strategy, from complex AI agent interfaces to developer-facing tools at the intersection of Web3 and machine learning. The focus was on translating bleeding-edge technology into intuitive experiences that developers and non-technical users could actually ship with.

Client

O.XYZ

Category

Product Design

,

Software

Year

2025

4 min

Designing the AI interface for the fastest decentralized intelligence platform

O.XYZ is building sovereign superintelligence — fast, open, user-owned AI powered by Cerebras CS-3 wafer-scale engines. OCEAN is its consumer-facing interface. I led the strategic redesign of the interaction model.


1. Problem

OCEAN worked, but didn't match O.XYZ's ambition:

  1. No brand presence in responses — zero visual connection to O.XYZ during the core interaction moment.

  2. Flat, static output — walls of text with no mechanism to explore, iterate, or go deeper.

  3. Missing fundamentals — no send button, no streaming indicator, no new chat shortcut.

The "10x faster" claim had zero visual reinforcement. Users couldn't feel the speed.


2. Users

Ocean serves two distinct profiles:

  1. Crypto-native early adopters — they understand decentralized infrastructure, expect power-user features, and benchmark Ocean against every AI tool they already use.

  2. Mainstream users migrating from ChatGPT/Perplexity — they expect polish, speed, and familiar interaction patterns. They don't care about the infra — they care about the output.

The interface needed to satisfy both without alienating either — accessible enough for newcomers, deep enough for power users.


3. Benchmark

Studied Grok and Perplexity as primary references:

  1. Grok turns output into a springboard — recommended actions below every response, feature modes exposed upfront.

  2. Perplexity treats prompts as page titles and surfaces sources as hyperlink previews. Credible, but passive — the user reads truth rather than shaping it.

Ocean's direction: outputs that the user can actively browse, not just consume.


4. Analysis

Audited the current state with annotated screenshots and sticky-note mapping:

  1. Missing O.XYZ logo in responses — no brand recall.

  2. No send button — accessibility and onboarding gap.

  3. No streaming animation — despite being 2x faster, nothing communicated it.

  4. No way to interact with output — users who wanted depth had to re-prompt manually, losing context.

Every finding was mapped to a usability heuristic and prioritized by engagement impact.


5. Approach

Design at this level is not about inventing the wheel — it's about refining every bolt that holds it.

Built a value/effort prioritization matrix across four quadrants:

  1. Do It Now — send button, new chat, logo in answers, streaming, TTS, highlight key output. Low effort, high value.

  2. Do It Later — file input, image I/O, display maps. High effort, clear dependencies.

  3. Do It If Possible — prompt as page title, AI reasoning history, temperature slider.

  4. Don't Do It — personal DB connectivity, context-specific agents. Too heavy for v1.


6. Prototype

Started on paper. The core mechanic:

  1. User selects any fragment of a response.

  2. Key phrases are extracted and surfaced as interactive chips.

  3. One click to expand, simplify, or challenge just that passage.

Moved to hi-fi with Ocean's 3D ring as the hero background:

The interaction felt natural — deeper exploration without leaving the conversation thread.


7. Solution

Version One — initial surface touched. A fraction of what this interaction model could become.

Selection-based output iteration — the core innovation. Highlight text, get scoped follow-ups. Turns passive reading into active research.

Plus:

  1. Voice SFX and state transitions reinforcing responsiveness.

  2. Micro-interactions — streaming indicators, hover states, send confirmations.

  3. Interactive 3D background — Ocean's signature ring reacting to user input.

  4. One-click prompt suggestions below responses.

  5. Sources preview inline with thumbnails + dedicated sources tab.


8. Results

Shifted Ocean from a generic chat interface to a differentiated AI product. Introduced a novel interaction pattern absent from every major competitor. Delivered a prioritization roadmap spanning quick wins through platform-level features.

The interface now communicates what O.XYZ claims: faster, open, user-owned.


  1. Marketing Release

On the big picture to promote the new product I've conducted with marketing a series of small drop release; the first being this 3D WebGL Component made to trigger excitement, at this level simplicity as core of design language must be kept as we thrive against highly creative and performative competitors for the most avid user. Showing glitch ascii effects on hover together with iris glassmorphic distortion.

Ocean was part of Captain, a bigger product focused on B2B team management system that was being designed and built in paralel that would use the tecnology from Ocean (decentralized ai) to hold its ground infra.





"Working with In-House was an absolute delight! They listened to our needs and turned our vision into a stunning reality. The attention to detail and creativity in their designs truly set them apart. We couldn't be happier."

"Working with In-House was an absolute delight! They listened to our needs and turned our vision into a stunning reality. The attention to detail and creativity in their designs truly set them apart. We couldn't be happier."

Francis Haugh, Founder

"Working with In-House was an absolute delight! They listened to our needs and turned our vision into a stunning reality. The attention to detail and creativity in their designs truly set them apart. We couldn't be happier."

Francis Haugh, Founder

Stats

15+

Satisfied clients

130M+

Users interacted

9+

Years of design experience

19+

Products enhaced

4+

Awards & Recognitions

11+

Countries

Luan Ralid

Product Design Lead

Toolset

Shipping designs worldwide

0%
  • Branding

  • Identity

  • Visual

  • Style

  • Motion

  • 3D

  • Business

  • Strategy

  • Revenue

  • Leadership

  • Data-Driven

  • Product

  • Software

  • Systems

  • Apps

  • Games

  • Fintechs

  • Web3

  • UX/UI

  • Engineering

  • React

  • TypeScript

  • Tailwind

  • Three.js

  • WebGL

  • Supabase

  • Docker

  • Artificial Inteligence

  • Trackers

  • Tools

  • Voice Synth

  • Image Generation

  • RAG

  • LLM

  • Local Models

15+

Satisfied clients

130M+

Users interacted

9+

Years of design experience

19+

Products enhanced

4+

Awards & Recognitions

11+

Countries

Luan Ralid

Product Design Lead

Toolset

Shipping designs worldwide

0%
  • Branding

  • Identity

  • Visual

  • Style

  • Motion

  • 3D

  • Business

  • Strategy

  • Revenue

  • Leadership

  • Data-Driven

  • Product

  • Software

  • Systems

  • Apps

  • Games

  • Fintechs

  • Web3

  • UX/UI

  • Engineering

  • React

  • TypeScript

  • Tailwind

  • Three.js

  • WebGL

  • Supabase

  • Docker

  • Artificial Inteligence

  • Trackers

  • Tools

  • Voice Synth

  • Image Generation

  • RAG

  • LLM

  • Local Models

Luan Ralid

Product Design Lead

Toolset

Shipping designs worldwide

0%
  • Branding

  • Identity

  • Visual

  • Style

  • Motion

  • 3D

  • Business

  • Strategy

  • Revenue

  • Leadership

  • Data-Driven

  • Product

  • Software

  • Systems

  • Apps

  • Games

  • Fintechs

  • Web3

  • UX/UI

  • Engineering

  • React

  • TypeScript

  • Tailwind

  • Three.js

  • WebGL

  • Supabase

  • Docker

  • Artificial Inteligence

  • Trackers

  • Tools

  • Voice Synth

  • Image Generation

  • RAG

  • LLM

  • Local Models

15+

Satisfied clients

130M+

Users interacted

9+

Years of design experience

19+

Products enhaced

4+

Awards & Recognitions

11+

Countries

Contact

Let’s make it happen

Arrange a call so we can find a way to collaborate.

© Luan Ralid 2027

Contact

Let’s make it happen

Arrange a call so we can find a way to collaborate.

© Luan Ralid 2027

Contact

Let’s make it happen

Arrange a call so we can find a way to collaborate.

© Luan Ralid 2027