Case study · Website redesign concept

Clutterbot

A redesign concept for a robotics company building robots that keep busy indoor spaces clean, tidy and ready to use.

The feel

  • Friendly
  • Playful
  • Techy
  • Clean
  • Optimistic

This is the real site, running live. Scroll, hover and click around inside it.

Visit the live website
Loading the live site…

About the website

Clutterbot designs, builds and tests robots that handle the repetitive work of keeping indoor spaces ready to use. Its site had shifted to commercial and public spaces, but the homepage was mostly empty gradient with the product barely in it. This concept keeps the brand, the copy and the robot, and rebuilds the page around a clear story: the problem, how the robots solve it, where they work, and who to talk to.

Client
Clutterbot
Type
Redesign concept
Scope
UX · Visual design · Interaction · Build
Built with
Custom HTML, CSS & JS

Sections

What's on the page, top to bottom.

  1. Sticky header with a call-to-action button
  2. Hero with rotating spaces and the robot
  3. Pillar ticker
  4. The problem: a scroll-driven tidy-up scene
  5. Built for the real world: design, build, test
  6. Spaces, with a before and after slider
  7. The team
  8. Let's talk
  9. Development updates sign-up
  10. Footer

Features

The bits that do the work.

  • Scroll-driven tidy-up animation
  • Before and after slider
  • Rotating hero words synced to space chips
  • Pointer parallax on the robot
  • Autoplay video with a pause button
  • Copy-email button
  • Sign-up form with validation
  • Full reduced-motion support

Requirements

What this site needed, in the same terms as my estimator.

  • Home page
  • Social media links
  • Click to call or email
  • Newsletter sign-up
  • Video
  • Interactive feature
  • Animation
Price up a site like this

Want one like this?

Tell me about your business and I'll come back with a clear, fixed price. Sending a request is completely free.

Start a project See more work