Grantx Marketing Website Redesign

A B2B marketing website redesign focused on product storytelling, trust, and lead conversion.

Branding

Web UIUX

3D

AI

Information Architecture

about grantx

High-impact projects stall on grant complexity, not vision.

Grantx uses predictive AI to surface the right funding in minutes, not weeks.

ROLE

Website Designer

TEAM

1 Design,

1 PM

TOOL
COMPANY

Grantx

COMPANY

Grantx

YEAR

2025 – 2026

AI products are hard to understand

Users won't get the technical logic. They just need to feel the value in 10 seconds.

Helping People See What We Do

Started with sketches before touching any pixels.

Built to look and feel like an AI product

Matched to the product, pushed to feel more modern and techy.

01. Context

Why Grant Seeking Is Broken

AI products are hard to understand

Brilliant people are spending their time on grant paperwork instead of the work that matters.


Users won't get the technical logic. They just need to feel the value in 10 seconds.

Brilliant people are spending their time on grant paperwork instead of the work that matters.

Prove the value within 10 secs

AI products all look the same right now, so it's hard to make yours stand out. You can't walk a user through backend logic they'll never read, especially not in ten seconds. The goal is simple, make the value click before they scroll away.

I Achieved.

Engagement Time
0
0

x

x

10s → ~3min

Session Engagement
0
0

x

x

12.18% → 57.82%

Conversion rate

+

300
300

%

%

homepage to contact page

Showing Value Through an Interactive 3D Hero

Why

Unlike competitors relying on generic, low effort stock photos, a custom visual language signals a level of polish and investment that builds immediate trust.

the concept

The motion traces one smooth, unbroken path, mirroring how fast and frictionless Grantx's matching actually is. Old ways of finding grants are the opposite: slow, confusing, and full of dead ends.

Organizing the Content to Read as One Story

A demo that shows Grantx in action

1.

All We Need is Your Website

Enter your URL and let the AI do the heavy lifting. We instantly build a deep profile of your organization to enable precise matching, skipping the manual data entry entirely.

Organization Name

Grantx

Organization URL

https://grantx.com/

1.

All We Need is Your Website

Enter your URL and let the AI do the heavy lifting. We instantly build a deep profile of your organization to enable precise matching, skipping the manual data entry entirely.

Organization Name

Grantx

Organization URL

https://grantx.com/

02. PROCESS

Helping People See What We Do

Started with sketches before touching any pixels.

The thinking process behind the design.

Matched to Grantx's Visual System

Text colors

Light

Text Primary

Text Secondary

Text Brand

Text on Color

Dark

Text Primary

Text Secondary

Text Brand

Text on Color

Surface colors

Light

Surface Primary

Surface Secondary

Surface Tertiary

Surface White

Dark

Surface Primary

Surface Secondary

Surface Tertiary

Surface Black

Marketing Site Color Palette

In-App System Tokens

Then pushed to feel more polished

Contact Us

Action Utilities

AI Agent

Conceptual Data Visualization

Button

Get Started

Button

Get Started

Buttons

02. PROCESS
03. DELIVER

Helping People See What We Do

Built to look and feel like an AI product

Started with sketches before touching any pixels.

Matched to the product, pushed to feel more modern and techy.

Consistent experience across platforms

Trust is immediately broken if a site breaks on mobile. I ensured a seamless experience across all viewports.

This meant translating the heavy 3D desktop experience into optimized, lightweight assets for mobile users without losing the core brand identity and storytelling power.

Desktop 1200

Desktop 1200

Tablet 1199-810

Tablet 1199-810

Phone 809

Phone 809

© 2026 Qiao Li

*

QIAOOC00@GMAIL.COM

*

BASED IN NY

© 2026 Qiao Li

*

QIAOOC00@GMAIL.COM

*

BASED IN NY

© 2026 Qiao Li

*

QIAOOC00@GMAIL.COM

*

BASED IN NY