Branding | Motion | Webflow | Front-End

RoboForce

Brand & Website

Overview

Translating Deep Tech into Tangible, Interactive Web Experience

At-A-Glance

Before seeing the robot in action, visitors needed to feel its intelligence.

I designed and built RoboForce’s brand site as a storytelling tool—blending visual storytelling, 3D motion, and scroll-triggered interaction to simulate the human–robot collaboration experience.

This interaction-driven site became central to investor pitches and recruiting efforts—leading to a 35% spike in investor engagement and 500+ inbound talent leads in just 2 months.

My contribution

1.

Customer Insights & Ideation: Uncovering & translating valuable insights into actionable features that align with customer behaviors and motivations.

2.

Experience Strategy & Vision: Created frameworks, prototypes, and communicated a clear vision to align stakeholders, facilitating decision-making processes.

3.

Planning & Scope Definition: Balanced customer goals with business objectives, prioritized features for successful launches and future iterations with PM

4.

Design Execution & Validation: Developed design handovers, and build and maintain design system.

My Role

Brand
Website (includes implementation)

Team

CEO
‍Solo Designer

Timeline

Milpitas
May – Aug 2024

Tool

Figma
Webflow
Spline

I implemented the entire site myself using Webflow and custom JavaScript, allowing for precise control over animations, transitions, and load performance—all optimized for desktop-first storytelling.

The 3D animations weren’t just aesthetic; they were crafted to reflect core product metaphors, like autonomy, precision, and collaboration, making abstract tech concepts emotionally tangible.

The site helped shift external perception from “early-stage robot prototype” to “deep-tech intelligence platform,” which directly contributed to investor traction and top-funnel growth.