##### Klant [BREG](https://breg.group/en) ##### Wat we deden UX/UI design Webontwikkeling BREG is gespecialiseerd in de ontwikkeling van hernieuwbare energie. Waar hun gekende zusterbedrijf aquaBREG zich bezighoudt met water treatment, richten zij zich op zowel zonne- en wind-energie als energieopslag tout court. En dit doen ze allemaal vanuit enerzijds hun hoofdkantoor in Leuven @De Hoorn (in dezelfde creative hub als vector bross) en anderzijds vanuit hun filialen in Amerika. Twee regio’s, met elk hun eigen context… ![Overzicht website BREG](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201920%20640%27%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%2F%3E%3C%2Fsvg%3E) ## De uitdaging In de US is er veel meer open ruimte voor grootschalige projecten om duurzame energie te creëren, terwijl in Europa de focus vooral ligt op sneller inzetbare oplossingen zoals gemeenschapsinstallaties. Elk continent heeft dus zijn **eigen noden**. Deze noden moesten geïntegreerd worden in **één website**, beheerd vanuit één CMS, met specifieke aandacht voor het verschil in context tussen Europa en Amerika. Ook moeten de verschillende energieoplossingen die BREG aanbiedt op een heldere manier naar voren komen, één die verder gaat dan een eenvoudige ‘approach’-pagina op de website. En dit allemaal in een professionelere look & feel, maar vanzelfsprekend binnen de huidige branding. ![zonnepanelen en windmolens](/sites/default/files/styles/extralarge/public/2024-03/Zonnepanelen%20en%20windmolens.jpg.webp?itok=mXIgEoIg) ![Overzicht website BREG](/sites/default/files/styles/extralarge/public/2024-03/overzicht%20screenshots%20Website%20BREG.jpg.webp?itok=C4W-CTsM) ## De aanpak **UX met focus op diensten & doelgroepen** Na een zoekwoordenonderzoek viel op dat er verschillende opportuniteiten lagen voor BREG waar we met onze optimalisaties op konden inspelen. Hierdoor werden meteen ook de zoekintenties duidelijk waarop we ons UX-design baseerden voor een optimale gebruikerservaring. Meer concreet brachten we hun **diensten duidelijk naar voren** in een zeer gebruiksvriendelijke structuur, zowel op de homepagina als in de navigatiebalk. Tegelijk spreken we ook rechtstreeks de **verschillende doelgroepen** aan met extra info over wat BREG voor hen kan betekenen. > Het vector bross-team heeft een heldere en gestructureerde aanpak, wat zorgde voor een vlekkeloze lancering van onze nieuwe website. > > Matthias Vos > > > > IT Manager, BREG ![Overzicht website BREG](/sites/default/files/styles/extralarge/public/2024-03/overzicht%20screenshots%20Website%20BREG%202.jpg.webp?itok=ElQDijnW) **Development van een regioswitch** Om variaties per land mogelijk te maken, kozen we voor een multiregio website, met Drupal 10 als gekozen CMS. Dezelfde structuur werd over alle varianten behouden, maar we creëerden **de mogelijkheid om andere inhoud toe te voegen** op basis van de context van die regio. Dit omvat tekst en beeld, maar ook extra componenten kunnen worden toegevoegd of net weggehaald. Zo ontwikkelden we al een US-versie in het Amerikaans Engels en een Europese versie in het Europees Engels. Deze laatste gaat nog verder uitgebreid worden met verschillende andere talen. Van de normale taalswitch maakten we dus een regioswitch. Meer nog, we leiden de gebruiker automatisch naar de voor hem bestemde versie door gebruik te maken van Cloudflare. ![kleuren groen BREG](/sites/default/files/styles/extralarge/public/2024-03/kleuren%20groen%20BREG.jpg.webp?itok=dTCyNPId) ![Iconen BREG](/sites/default/files/styles/extralarge/public/2024-03/Iconen%20BREG.jpg.webp?itok=srn4SSLh) **Design-zoektocht naar het juiste groen** Maar ook in het design moesten we die **open mindset** bewaren om aan de verschillende perspectieven gebonden aan de regio's te voldoen: het grootse van Amerika, en het persoonlijke van Europa. We wilden tegelijk hun branding naar een hoger niveau tillen zonder hun dna te verliezen. In een sector die zich richt op duurzaamheid gebruikt zowat iedereen **de kleur groen**. De uitdaging bestond er dus in om met tinten groen te werken waarmee ze zich konden onderscheiden van de concurrentie én die het verhaal van BREG vertellen. > Vector bross blinkt uit in het actief betrekken van klanten bij het beheer en de werking van hun nieuwe website. > > Matthias Vos > > > > IT Manager, BREG [ ![zonnepanelen windmolens containers](/sites/default/files/styles/extralarge/public/2024-03/zonnepanelen_windmolens_containers.jpg.webp?itok=LG2obp-3) ](/sites/default/files/styles/extralarge/public/2024-03/zonnepanelen_windmolens_containers.jpg.webp?itok=LG2obp-3) [ ![twee ingenieurs voor windmolens](/sites/default/files/styles/extralarge/public/2024-03/twee%20ingenieurs%20voor%20windmolens.jpg.webp?itok=4QO0U07K) ](/sites/default/files/styles/extralarge/public/2024-03/twee%20ingenieurs%20voor%20windmolens.jpg.webp?itok=4QO0U07K) [ ![twee mensen fluohesje voor windmolens](/sites/default/files/styles/extralarge/public/2024-03/twee%20mensen%20fluohesje%20voor%20windmolens.jpg.webp?itok=uFHBB4vN) ](/sites/default/files/styles/extralarge/public/2024-03/twee%20mensen%20fluohesje%20voor%20windmolens.jpg.webp?itok=uFHBB4vN) [ ![velden vol zonnepanelen in ondergaande zon ](/sites/default/files/styles/extralarge/public/2024-03/velden%20vol%20zonnepanelen%20in%20ondergaande%20zon.jpg.webp?itok=vzwSrJHG) ](/sites/default/files/styles/extralarge/public/2024-03/velden%20vol%20zonnepanelen%20in%20ondergaande%20zon.jpg.webp?itok=vzwSrJHG) [ ![bos met prent over duurzame energie in witte lijnen ingedrukt ](/sites/default/files/styles/extralarge/public/2024-03/bos%20met%20prent%20over%20duurzame%20engergie%20in%20witte%20lijnen%20ingedrukt_0.jpg.webp?itok=1V7bw8j0) ](/sites/default/files/styles/extralarge/public/2024-03/bos%20met%20prent%20over%20duurzame%20engergie%20in%20witte%20lijnen%20ingedrukt_0.jpg.webp?itok=1V7bw8j0) [ ![de B van BREG op groene achtergrond](/sites/default/files/styles/extralarge/public/2024-03/de%20B%20van%20BREG%20op%20groene%20achtergrond.jpg.webp?itok=p53o9GZo) ](/sites/default/files/styles/extralarge/public/2024-03/de%20B%20van%20BREG%20op%20groene%20achtergrond.jpg.webp?itok=p53o9GZo) ## Het resultaat We leverden een multiregio website af die klaar is om uitgerold te worden. Op die manier willen we meer potentiële klanten naar de site van BREG leiden om te investeren in duurzame energie. Zo dragen ook wij ons steentje bij aan een groenere planeet. BREG-groen weliswaar! ;) ![Steven Deleus](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20100%20100%27%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%2F%3E%3C%2Fsvg%3E) Steven Deleus Digital Matchmaker [Deel op Facebook](https://www.facebook.com/sharer.php?u=https://www.v-b.be/nl/werk/multiregio-website-voor-breg)[Deel op Twitter](https://twitter.com/intent/tweet?url=https://www.v-b.be/nl/werk/multiregio-website-voor-breg)[Deel op Linked In]()