Diverger

Corporative Website with AI Assistant

View live site

Introduction

The goal was to position the brand as a forward-thinking AI company while ensuring usability and adoption. We focused on a conversational experience, using motion and 3D to reinforce the identity while keeping structure and clarity at the forefront.

Responsibilities

UI Design
Motion Design
Responsive Design
3D Design

Stack

Figma
Framer Motion
HTML & CSS
Spline

Plan

We designed an AI-first interface with a prompt system to guide users and encourage exploration. Motion and 3D elements provide feedback and personality while CSS polish ensures performance and responsiveness across devices.

Screenshot of Diverger Website

Process

Design exploration started with an AI-first interface. A text input field became the main interaction, supported by a prompt suggestion system that helped users engage without confusion. The 3D sphere, designed in Spline, was animated with multiple states and integrated with Framer Motion to give visual feedback. CSS refinements ensured smooth, responsive performance across devices.

Diverger Spline Scene

Impact

The final result is a responsive, modular site where clean layouts, motion, and 3D interactions work together. It had very positive stakeholder feedback after the first release, and successful adoption of the design patterns across internal pages. The site is now both a corporate hub and a live demonstration of Diverger’s innovative identity.

Next
YepCode