Spherex Website

A case study breaking down my approach and what I delivered for the Spherex website for their new AI tools.

Measurable Outcomes:

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.

Spherex AI: Outdated web presence was 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

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.

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.

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.

View the live site ↗



Share This:

More Content

TBV Website

Logo design featuring a minimalist letter 'C' against a dark background.

BW Mark 002

Logo design featuring a minimalist letter 'C' against a dark background.

A table logo icon.

Text graphic featuring "Inline Type Styles in Figma" with a modern design and contrasting colors.

Inline Text Styles - Framer 101

This video breaks down everything you need to know about Framer’s approach to inline text styles, including the strengths, weaknesses, and workarounds.

Logo featuring a hexagonal shape with a stylized arrow or corner element, set against a dark background.

BW Mark 001

Logo featuring a hexagonal shape with a stylized arrow or corner element, set against a dark background.

Cubed faux 3D memorability.

TBV Website

Text graphic featuring "Inline Type Styles in Figma" with a modern design and contrasting colors.

Inline Text Styles - Framer 101

This video breaks down everything you need to know about Framer’s approach to inline text styles, including the strengths, weaknesses, and workarounds.

Logo featuring a hexagonal shape with a stylized arrow or corner element, set against a dark background.

BW Mark 001

Logo featuring a hexagonal shape with a stylized arrow or corner element, set against a dark background.

Cubed faux 3D memorability.

Logo design featuring a minimalist letter 'C' against a dark background.

BW Mark 002

Logo design featuring a minimalist letter 'C' against a dark background.

A table logo icon.

TBV Website

Logo featuring a hexagonal shape with a stylized arrow or corner element, set against a dark background.

BW Mark 001

Logo featuring a hexagonal shape with a stylized arrow or corner element, set against a dark background.

Cubed faux 3D memorability.

Text graphic featuring "Inline Type Styles in Figma" with a modern design and contrasting colors.

Inline Text Styles - Framer 101

This video breaks down everything you need to know about Framer’s approach to inline text styles, including the strengths, weaknesses, and workarounds.

Logo design featuring a minimalist letter 'C' against a dark background.

BW Mark 002

Logo design featuring a minimalist letter 'C' against a dark background.

A table logo icon.