Revamped IntBot website to increase user traffic.

Time constraints

The time constraint was my biggest challenge. I was tasked to design and develop a brand new website within 2 weeks as IntBot wanted to demo their product at 2025 CES.

I didn't have time to conduct carefully conduct the design process, as my Co-founder wanted to see high-fidelity prototypes as soon as possible.

I couldn't fully validate my design choices through usability testing. I couldn't make too many iterations based on user feedback.

No firm design system

I didn't have a foundational design system to work with. I was tasked to build typographic and brand guidelines from scratch.

I decided upon two geometric fonts, Evolventa-bold for headings and Mundial for paragraph text, to symbolize Intbot's modernistic, innovative brand appeal.

Typography

Evolventa

Heading-xl

Heading-lg

Heading-md

Heading-sm

Mundial

Paragraph-xl

Paragraph-lg

Paragraph-md

Paragraph-sm

Moving blobs

Creating a fluid blob animation for the hero section was an iterative process.

Changing blob colors

The color-changing animation was challenging to implement due to CSS's interpolation properties. CSS handles the animation of various styling properties differently, which created difficulties. Specifically, I was trying to animate the background colors of a radial-gradient for the blobs, but CSS couldn't interpolate them properly, unlike how it handles a background-color transition.

As a solution, I decided to rotate the hue of the layer instead of changing the blob colors to give an illusion that the blobs are changing colors.