A laptop displaying a website, alongside a smartphone, on a gray surface with soft shadows.
A laptop displaying a website, alongside a smartphone, on a gray surface with soft shadows.
A laptop displaying a website, alongside a smartphone, on a gray surface with soft shadows.

Spherex AI

Spherex AI

Spherex AI

Four images featuring characters in action scenes, vibrant colors, and dynamic compositions, showcasing various themes.
Four images featuring characters in action scenes, vibrant colors, and dynamic compositions, showcasing various themes.
Four images featuring characters in action scenes, vibrant colors, and dynamic compositions, showcasing various themes.

Video replay of the full homepage on desktop

Define

Outdated web presence is
limiting growth.

Outdated web presence is limiting growth.

Spherex, an emerging AI media leader, was hindered by a critical business obstacle: their advanced technology was misrepresented by an outdated website.

This disconnect undermined their credibility and acted as a significant barrier to market entry, preventing them from securing key investors and clients. The goal was to deliver a complete rebrand and high-performance website under tight budget and time constraints.

my role

Project Lead, UI/UX & Visual Designer, Copywriter, Webflow Developer

services

Strategic Branding, UI/UX Design, Web Development, Copywriting, Project Management

tools

Figma UI/UX, Webflow, Claude LLM, Perplexity LLM, Figma Prototyping

Video replay of the full homepage on desktop

A dark-themed credit or identification card featuring abstract graphics and a barcode. The text includes personal details.
A dark-themed credit or identification card featuring abstract graphics and a barcode. The text includes personal details.
A dark-themed credit or identification card featuring abstract graphics and a barcode. The text includes personal details.
A dark-themed credit or identification card featuring abstract graphics and a barcode. The text includes personal details.

Conceptual imagery was fun to make by fusing real life app UI with imagery.

A whole library is available for the Spherex team to use.

Conceptual imagery was fun to make by fusing real life app UI with imagery.


A whole library is available for the Spherex team to use.

Design

A Strategy-First,
Agile Execution

I fused strategic business goals with technical precision. Beginning with market research, I identified a unique brand position that blended a human-centric aesthetic with a clear technological edge to build trust and authority.

Using an agile approach, I first designed core pages in Figma to establish a component-based system. This library of reusable UI assets allowed rapid development in Webflow while creating a scalable, cost-effective system for long-term management.

SX Blue

#19ACFF

SX Red

#FF7359

SX Cream

#F2ECE0

SX Dark

#F2ECE0

A collage of four website design screenshots featuring modern layouts and vibrant visuals.
A collage of four website design screenshots featuring modern layouts and vibrant visuals.
A collage of four website design screenshots featuring modern layouts and vibrant visuals.

I explored a lot with 3D modeling, copy direction, and vibes.

A grid of vibrant images featuring abstract patterns, a butterfly, and a circular object, showcasing diverse colors.
A grid of vibrant images featuring abstract patterns, a butterfly, and a circular object, showcasing diverse colors.
A grid of vibrant images featuring abstract patterns, a butterfly, and a circular object, showcasing diverse colors.

Moodboard for the vibes and inspo of the website, and visual language.

The blog functionality out in the wild.

Deliver

Delivering a high-impact asset.

The result was a fully-realized digital platform that transformed Spherex's brand and equipped them for immediate market entry.

Key Metrics

Enabled Market Entry: The new website gave Spherex a credible platform to launch AI solutions and capture revenue opportunities.

Maximized Long-Term ROI: The component-based design lets Spherex update and expand the site independently, reducing ongoing costs.

Established a Marketing Foundation: A unified brand identity and strategic messaging set the stage for future marketing and sales.

Technical & Creative Highlights

Purposeful Visual Language: A modern aesthetic combining trustworthy serif fonts with clean, innovative layouts.

Component-Based Webflow System: A flexible design system that ensures brand consistency and allows for rapid content updates.

Enhanced Content Hub: An advanced blog featuring dynamic, live-filtering search capabilities to improve user engagement and establish thought leadership.

saas ui/ux design services. brand design agency san francisco
saas ui/ux design services. brand design agency san francisco
Abstract close-up of shiny metallic surfaces and spherical shapes, with a mix of light and shadows.

Ready to level up
your branding?

Get a free 10-min design consultation by filling out the form below. I look forward to seeing how I can help you.

A person with short hair and a white t-shirt smiles warmly at the camera in a bright, blurred indoor setting.
Abstract close-up of shiny metallic surfaces and spherical shapes, with a mix of light and shadows.

Ready to level up
your branding?

Get a free 10-min design consultation by filling out the form below. I look forward to seeing how I can help you.

A person with short hair and a white t-shirt smiles warmly at the camera in a bright, blurred indoor setting.
Abstract close-up of shiny metallic surfaces and spherical shapes, with a mix of light and shadows.

Ready to level up
your branding?

Get a free 10-min design consultation by filling out the form below. I look forward to seeing how I can help you.

A person with short hair and a white t-shirt smiles warmly at the camera in a bright, blurred indoor setting.

©2025 Tim Preut Design, All Rights Reserved

©2025 Tim Preut Design, All Rights Reserved

hello@timpreut.design