Be Light Communications sits in Corroy-le-Grand, in Walloon Brabant, and calls itself a collective of talents: visual communication, graphic design, corporate gifts and its own line of exhibition displays. Christophe Godfrind runs the place. We have been working with him for more than fifteen years, which puts the start somewhere around 2005 — the first iPhone still had two years to go.

In 2021 we built the web shop for his display brand Be Display, and wrote a piece about it at the time. Two years later belight.be itself came up: we drew it and we built it.

Five colours, one page

belight.be is a single page. You scroll through five sections — Be Light, Graphic Design, Be Display, Corporate Gifts, Contact — and with every section the background changes: cream, dusty pink, orange, teal, dark grey. Title, text and image slide up into view, and an arrow at the bottom points to the next section. All of it in French and English, with French as the default.

Five browser windows in a cascade showing the five sections of belight.be, each in a different background colour
The five sections of belight.be. Real screens.

The navigation is the colour list

On the left edge sits a narrow bar, split into five blocks of colour. Those are not separate settings: the bar takes its colours from the very same fields as the sections. Click a block and you jump to that section. Add a sixth section one day and the bar grows a stripe by itself.

On load, those colours do something else first. One by one they fly in at full screen width, then fold themselves up into that little line on the left. The scroll indicator is a black dash of sixty by one pixel that slides down as you go. That is the whole thing.

Diagram: five bands of colour filling the screen and folding into one narrow vertical bar, with an astronaut beside it who is wider than the bar
First the whole screen, then a dash. The astronaut is wider than the navigation.
The first section of belight.be in a browser window and the same screen on a phone, both in cream with the Be Light logo
belight.be in the browser and on a phone. Real screens.

Four fields per section

In the Panel, every section is a perfectly ordinary page with four fields: text, text colour, background colour, image. That is it. No design options, no block builder, no twenty sliders you regret at midnight.

Sounds thin until you see what it buys: the colour is a field. We drew the design, they have owned the colours ever since — they can put the whole site in a different mood without calling us. At a graphic design studio that is not a risk, it is the point.

Diagram: one section in the Panel with four fields — text, text colour, background colour and image — next to the orange section that comes out of it
Four fields in, one section out. Diagram.

Be Display: a brand with a shop of its own

Be Display is a brand of Be Light: textile displays, Helios light boxes, Wall BeFrame and inflatable outdoor structures. Fabric that slides over an aluminium frame and stands up without tools. That site is ours too, design and build, and the brief was plain: bring back the smooth effects of our Flash years. Without Flash, obviously.

Today the shop holds eighteen products in four categories. Every product carries its own size list: width, height, depth, weight, price — and shipping per size, because a sixty-centimetre banner travels rather differently from a three-metre arch. Checkout runs on Stripe, VAT is added to the total in the basket, and every order lands in an order database in the Panel.

The bedisplay.be web shop in a browser window with a grid of textile displays, and the same shop on a phone
The bedisplay.be shop, browser and phone. Real screens.
A bedisplay.be product page with a table of four sizes, each with width, height, depth, weight and price
Four sizes, four prices, each with its own shipping cost. Real screen.
A row of textile displays in arches, waves and towers in a bright hall, with colourful graphic fabrics
Textile displays in arches, waves and towers. A 3D visual from Be Display’s own image bank.

What is not in there

Advertising and analytics cookies. bedisplay.be says so out loud: only the videos, hosted by Vimeo, ask your permission first. Beyond that, nobody is counting how long you stared at The Shelter.

The rest is maintenance. Both sites run on Kirby 5.5.3 and the repositories got a thorough clean-out last summer. Dull work, but it is why a web shop from 2021 still runs today.

Next project

Alice in Parkland

Integration
Alice in Parkland
Previous project: A voucher that knows its worth Website, webshop & gift vouchers