Group website · Case study

Grupo Érre

A website for Grupo Érre, a multidisciplinary business group in Esposende, bringing its companies together under one creative, colourful identity.

Back to UI/UXVisit live site
Type
Corporate website
Scope
UI design, design system
Platforms
Desktop & mobile
Languages
Portuguese & English
Grupo Érre desktop homepage: 'Juntos em Criatividade' blue gradient hero, 'Quem somos?' with an office photo, the group's three companies, a projects carousel, client logos, stats and a contact form
Dessta company page: 'O que fazemos' with service tags around the dessta asterisk, a gallery of branding and poster work, and client logos
Grupo Érre mobile homepage: 'Together in Creativity' hero, stacked company cards, stats and contact form
Overview

Juntos em Criatividade

Grupo Érre brings together three companies: Érre LRB (consulting in GIS, environment, territorial planning, FTTH and tourism), Érre Technology (IT infrastructure, cybersecurity, cloud and web development) and Dessta, the group's communication agency.

The website had to present the group as one creative universe while giving each company its own space, with pages for the companies, products, news, careers, the group's history, FAQs and contact.

Approach

One system, three companies

  1. 01A recognisable hero

    Every page opens with the same blue gradient and rounded shapes, so visitors always know they're in the Érre universe.

  2. 02Companies side by side

    The homepage's 'O nosso Universo' cards introduce each company with its logo, service tags and a short description.

  3. 03Shared page template

    Each company page uses the same structure: what they do, a grid of services around its mark, a work gallery and clients.

  4. 04Rounded, friendly UI

    Pills, cards with one squared corner and soft shadows carry the brand's curves into every component.

  5. 05Content made scannable

    Filters on news and job listings, grouped FAQs and timelines keep long content easy to browse.

  6. 06Built for mobile

    Every page was designed again for mobile, with stacked sections, a full-screen menu and touch-friendly controls.

Style guide

Colour & type

#2E6BE5
#0038BF
#020264
#8FECEC
#C2F5F5
#F7F8FD

Typeface: Poppins

Companies

A page for each company

Dessta company page with service tags around the asterisk, a work gallery and client logos
Dessta
Érre LRB company page with services such as SIG, Ambiente and FTTH around its mark
Érre LRB
Érre Technology company page with services such as Segurança, Cloud and Cibersegurança around its mark
Érre Technology
Data4Life product page with tags, a description and three blue feature cards
Product page — Data4Life
Desktop

The rest of the site

História Érreana page with a vertical timeline from 2004 to 2025
História Érreana
Érre Destaques news page with filter pills and a grid of news cards
News
Contact page with a split card: blue brand panel and contact form
Contact
FAQs page with grouped blue accordion questions
FAQs
Mobile

Responsive

Grupo Érre mobile homepage with stacked sections
Homepage
Mobile menu with Carreiras, Sobre nós, Empresas and language switch
Menu
Dessta company page on mobile
Dessta
Careers page on mobile with benefits and job positions
Careers
FAQs page on mobile
FAQs
Next case studyAndersen