bb&b

Item: bb&b
Rating: 7

B2B marketing and communication agency for industrial and technology companies.

7.0/10MABTU rating

DESKTOP · 1440 × 10,222/ ↗

MOBILE · 390

Section outline · Home

01headerLogo, nav, language switch
02heroUppercase headline over full-width machinery video
03aboutTwo-column intro and approach text
04imageFull-width anechoic chamber photo
05approachText block with pill button
06processThree photos: Structurer, Créer, Déployer
07workAlternating case photos with overlapping frosted cards
08newsNews rows with thumbnail tiles
09contactContact and client quote columns306
10footerBlack footer beside perforated metal photo700

Rating · Home

Visual design7.4

UX & clarity7.2

Originality6.6

Craft & consistency7.3

Motion6.0

Performance & a11y7.0

This page scores 7.0; the site score weights the home page double.

Main colours

Light & dark toggle·white background·mono

Typography

Söhne Kraftigheading · sans · self-hosted Söhne Leichtbody · sans · self-hosted Söhne Buchaccent · sans · self-hosted

Stack & style

Next.js React Tailwind CSS

Minimal Corporate / clean Photography-led Custom cursor Hero video Theme toggle

Also: Cloudflare, Google Analytics, Google Tag Manager

Design DNA

White page with a medium uppercase grotesk for headings, small body text and black pill buttons with arrow icons; orange appears in links and the active menu item. The hero statement 'Métiers complexes. Communication claire.' sits above a full-width video of industrial machinery. Sections are two-column text blocks, a full-width anechoic-chamber photo, a three-photo method row, and case studies where a frosted grey caption card overlaps a large product photo, alternating sides. A news list with thumbnail tiles, two short contact columns and a black footer beside a perforated-metal photo close the page.

Worth borrowing

Overlap a translucent frosted caption card on the edge of each case-study photo, alternating left and right.
Use macro shots of materials and machinery as section breaks for an industrial client base.
Split the method into three verbs with one photo each (structure, create, deploy).