Be Light Communications zit in Corroy-le-Grand, in Waals-Brabant, en noemt zichzelf een collectief van talenten: visuele communicatie, grafisch ontwerp, relatiegeschenken en een eigen lijn beursdisplays. Christophe Godfrind is er de baas. Wij werken al meer dan vijftien jaar met hem samen, wat ons ergens rond 2005 brengt — de eerste iPhone moest toen nog twee jaar wachten.

In 2021 bouwden we de webshop van zijn displaymerk Be Display, en daar schreven we toen een stuk over. Twee jaar later was belight.be zelf aan de beurt: ontwerp en bouw allebei bij ons.

Vijf kleuren, één pagina

belight.be is één pagina. Je scrolt door vijf secties — Be Light, Graphic Design, Be Display, Corporate Gifts, Contact — en bij elke sectie wisselt de achtergrond: crème, oudroze, oranje, teal, donkergrijs. Titel, tekst en beeld schuiven van onderaf in beeld, onderaan wijst een pijl naar de volgende sectie. Alles in het Frans en het Engels, met Frans als standaardtaal.

Vijf browservensters achter elkaar met de vijf secties van belight.be, elk in een andere achtergrondkleur
De vijf secties van belight.be. Echte schermen.

De navigatie is de kleurenlijst

Links op het scherm staat een smalle balk, verdeeld in vijf kleurvlakken. Dat zijn geen aparte instellingen: de balk haalt zijn kleuren uit dezelfde velden als de secties zelf. Klik op een vlak en je springt naar die sectie. Komt er ooit een zesde sectie bij, dan krijgt de balk er vanzelf een streep bij.

Bij het laden doen die kleuren eerst iets anders. Ze vliegen één voor één schermbreed binnen en vouwen zich daarna op tot dat lijntje links. De scrollindicator is een zwart streepje van zestig bij één pixel dat meezakt terwijl je scrolt. Meer is het niet.

Schema: vijf kleurbanden die schermbreed staan en zich opvouwen tot één smalle verticale balk, met een astronaut ernaast die breder is dan de balk
Eerst het hele scherm, daarna een streepje. De astronaut is breder dan de navigatie.
De eerste sectie van belight.be in een browservenster en hetzelfde scherm op een gsm, allebei in crèmekleur met het Be Light-logo
belight.be in de browser en op gsm. Echte schermen.

Vier velden per sectie

Elke sectie is in het Panel een doodgewone pagina met vier velden: tekst, tekstkleur, achtergrondkleur, beeld. Meer niet. Geen ontwerpopties, geen blokkenbouwer, geen twintig schuifjes waar je 's avonds spijt van krijgt.

Dat klinkt karig tot je ziet wat het oplevert: de kleur ís een veld. Wij tekenden het ontwerp, zij bepalen sindsdien de kleuren — ze kunnen de hele site een andere stemming geven zonder ons te bellen. Bij een grafisch bureau is dat geen risico maar het hele punt.

Schema: een sectie in het Panel met vier velden — tekst, tekstkleur, achtergrondkleur en beeld — en daarnaast de oranje sectie die eruit voortkomt
Vier velden in, één sectie uit. Schema.

Be Display: een merk met een eigen winkel

Be Display is een merk van Be Light: textieldisplays, Helios-lightboxen, Wall BeFrame en opblaasbare outdoorstructuren. Doeken die over een aluminium frame schuiven en zonder gereedschap rechtstaan. Ook die site tekenden en bouwden we zelf, en de vraag was duidelijk: de soepele effecten uit ons Flash-tijdperk terug. Zonder Flash, welteverstaan.

Vandaag staan er achttien producten in vier categorieën. Elk product heeft zijn eigen matenlijst: breedte, hoogte, diepte, gewicht, prijs — en per maat een eigen verzendkost, want een doek van zestig centimeter reist anders dan een boog van drie meter. Afrekenen gaat via Stripe, de btw komt in de winkelmand bij het totaal, en elke bestelling belandt in een orderdatabank in het Panel.

De webshop van bedisplay.be in een browservenster met een raster van textieldisplays, en dezelfde shop op een gsm
De shop van bedisplay.be, browser en gsm. Echte schermen.
Een productpagina van bedisplay.be met een tabel van vier maten, elk met breedte, hoogte, diepte, gewicht en prijs
Vier maten, vier prijzen, elk met een eigen verzendkost. Echt scherm.
Een rij textieldisplays in bogen, golven en torens in een lichte hal, met kleurrijke grafische doeken
Textieldisplays in bogen, golven en torens. 3D-visual uit het beeldmateriaal van Be Display.

Wat er niet in zit

Advertentie- en analysecookies. Op bedisplay.be staat het er letterlijk bij: alleen de video's, die bij Vimeo staan, vragen eerst je toestemming. Verder houdt niemand bij hoe lang je naar The Shelter hebt zitten kijken.

De rest is onderhoud. Beide sites draaien op Kirby 5.5.3 en de repo's kregen afgelopen zomer een grote kuisbeurt. Saai werk, maar het is wel de reden dat een webshop uit 2021 vandaag nog gewoon meedraait.

Volgend project

Alice in Parkland

Koppeling →
Alice in Parkland
Vorig project: Een bon die weet wat hij waard is Website, webshop & cadeaubonnen