Botspot · 2025 · Website Redesign

Botspot

A full redesign for a Berlin-based 3D scanning company. I rebuilt the information architecture from scratch so that dense technical content is easy to find, both for engineers evaluating specs and for newcomers exploring the technology.

Role

UX/UI • Design Strategy

Platform

Figma

industry

Tech • B2B SaaS

Year

2025

A full redesign for a Berlin-based 3D scanning company. Rebuilt the information architecture from scratch — making dense technical content findable for engineers evaluating specs and newcomers exploring the technology.

Role

Strategy • UX • UI • Design

UX/UI • Design Strategy

Platform

Figma

industry

Tech • B2B SaaS

year

2025

001 _ Problem

Botspot's site had grown organically for years. Best work was buried, navigation didn't map to how visitors actually searched, and core content sat three levels deep. Finding anything took more patience than most visitors had.

002 _ approach

Every page faced one question. Who is this for, and what do they need to do? Content without an answer went. The new structure follows how people land on the site, by product, by use case or out of curiosity.

003 _ outcome

A landing page that leads with the product. An IA that gives engineers and newcomers their own way in. A design system that didn't exist before.

Before, 2024
after, 2025
REPOSITIONING

The old landing page opened with a list of 18 application categories. The new one puts the product first, with an image film and a clear value claim, plus direct paths to pricing and datasheets.

information architecture

Time-to-task dropped. Findability improved. Both came from rethinking the IA around four entry points instead of scattered links.

reducing complexity

Top-level nav changed from three items to four. Application pages - previously buried three levels deep - are now reachable from the homepage via Resources.

Visual design, version a
Visual design, version b
Visual design, version c
Look & Feel

The client saw three directions. Version A’s oversized type overwhelmed the products. Version B came across as too distant. Version C gave the products the strongest presence, so we refined it, reworked the hero hierarchy, moved the CTAs and shipped it.

design system

The design system was built from scratch, since the old site had none and consistency suffered across pages.

Typography

Headline 1

H1 48/56px

Headline 2

H2 36/44px

Headline 3

H3 24/32px

Headline 4

H4 20/28px

Body

P 16/26px

Caption

C 14/20px

components
Color

Electric Violet

# 4119BC

Paper White

# F3F3F3

Signal Red

# D9332C

Concrete Grey

# 888888

Ink Black

# 151515

  • Typography

    Headline 1

    H1 48/56px

    Headline 2

    H2 36/44px

    Headline 3

    H3 24/32px

    Headline 4

    H4 20/28px

    Body

    P 16/26px

    Caption

    C 14/20px

  • components
  • Color

    Electric Violet

    # 4119BC

    Paper White

    # F3F3F3

    Signal Red

    # D9332C

    Concrete Grey

    # 888888

    Ink Black

    # 151515

  • Typography

    Headline 1

    H1 48/56px

    Headline 2

    H2 36/44px

    Headline 3

    H3 24/32px

    Headline 4

    H4 20/28px

    Body

    P 16/26px

    Caption

    C 14/20px

  • components
  • Color

    Electric Violet

    # 4119BC

    Paper White

    # F3F3F3

    Signal Red

    # D9332C

    Concrete Grey

    # 888888

    Ink Black

    # 151515

shipped product, landing page
LEAD QUALIFICATION

Product selector added to the contact form. Inquiries arrive pre-tagged by request which improves faster routing for the sales team while improving UX and interactivity for the user.

knowledge resource

Introduction of a tag-based blog format. Curious users can educate themselves about the technology while professionals stay up to date on new developments.

interactivity

Implementation of a custom rendering engine. High quality 3D scans become accessible, empowering imagination across a wide range of potential use cases.

responsiveness

The mobile version keeps the same hierarchy, with the product first, the value claim second and the CTAs after that. A floating contact button lets visitors reach sales from anywhere on the page.

next project

Merge →

Curious by discipline.

Curious by discipline.