CAENES
Let's talk
Work · Case study

Olivia

A closer brand for complex technology.

WebsiteCustom designCorporate identityCorporate photography 2025
The olivia.es home page on a laptop, with its question to the visitor and the “leave us your phone number” field, and the same site on a phone
olivia.es · Dynamics 365 Business Central

The brief

Olivia is a technology consultancy helping companies run their business with Microsoft Dynamics 365 Business Central, Microsoft 365 and Power Platform. We refreshed the brand, made an original team photo session and rebuilt the website to make a complex offer feel closer to the people choosing it.

What we did

We created their digital identity from scratch. A new corporate identity, elegant, professional and with plenty of character, and a fully custom web design, no templates, that applies it on every page.

We organised the offer around what happens to the client, not around the product name: improve your management, speed up your sales; and by sector, professional services, projects, distribution, manufacturing. Visitors recognise themselves in two clicks; the name of the software comes later.

Underneath, custom code tuned to the millimetre: performance, smooth navigation and maximum compatibility. And bilingual, Spanish and Catalan, with the same structure.

We ran a corporate photo shoot with the team. A consultancy sells people, and stock photos do not sign projects. The faces on the website are the ones who show up to the meeting.

The design decision

A brand refresh, a new website and a team that shows up.

The brand already had value; it needed a clearer way to explain it. The refresh and new website make the team, offer and next step belong together.

Olivia · the identity takes shape
Open film ↗
Olivia system composition: blue and aqua logo on a pale blue ground, the home headline in General Sans, alphabet and four weights, menu with the yellow Contacta button, a Dynamics 365 Business Central card, a seven-colour palette with hex values, the Te llamamos form and two photographs of the team in the office.
The Olivia visual language: logo, General Sans throughout, one yellow for action and components measured on olivia.es on 26/09/2026.

Beast on the inside

The work connects four decisions: a closer brand, photography that puts faces to the team, a new web architecture and a simple entry point for every solution. The website moves from abstract technology to a clear path from business need to conversation.

How it went

01IdentityA new corporate identity
02ArchitectureBy problem and by sector, not by product
03DevelopmentCustom website, optimised code, ES/CA
04PhotographyCorporate shoot with the team

Gallery · the project in pictures (click to enlarge)

Consulting has its own faces.

The corporate photo session took place at the workplace. Conversations, a screen and an explanation on glass show the team in everyday working situations.

Corporate photo from Olivia: two people looking at a laptop together in front of the brand sign on the office wall
Olivia corporate photography: shared work, with the company identity present in the space.
Corporate photo from Olivia: one colleague writes on the glass wall while another listens, the open-plan office behind them
Olivia corporate photography: an explanation on the office glass.
Corporate photo from Olivia: two team members talking something through in front of a monitor at the Barcelona office
Olivia corporate photography: a working conversation in front of a screen.

From wireframe to website.

Structure first, in grey with placeholder text; then the skin. Both pairs compare the Figma wireframe with the same section of olivia.es as it stood on 26 September 2026: menu, opening question, phone form, logos and solution cards sit where they were decided before any design.

  1. Wireframe (Figma)
  2. Live website · 26/09/2026
Two columns: on the left the grey wireframe of Olivia’s home page with menu, headline, phone form, logo strip and solution blocks; on the right the live website in the same order: logo, menu, opening question, yellow Te llamamos button, team photograph and client logos.
Home: the structural wireframe (Figma) and the published website, same section. olivia.es captured on 26/09/2026.
Two columns: the services page wireframe with a centred headline, button, three cards and a text block with image; and the live “Mejora la gestión” page with the Te llamamos form and the cards for Dynamics 365 Business Central, Navisión, Microsoft 365, Power Platform, Olivia apps and Digitalización.
Solutions page: three cards and one call to action in the wireframe; the same scheme on “Mejora la gestión”. Captured on 26/09/2026.

From a need to a conversation.

The home page asks a question and offers a phone number; the “Mejora la gestión” page organises the offer before each tool; every sector answers in its own context and it all ends at “¿Hablamos?”. Actual recording, 26 September 2026, with a demo phone number and nothing submitted.

  1. Home · form
  2. Soluciones
  3. Mejora la gestión
  4. Sectores · Servicios
  5. ¿Hablamos?
olivia.es · From the opening question to “¿Hablamos?”. Actual recording, 26 September 2026.
Open film ↗
The “Mejora la gestión” page, listing the solutions Olivia integrates: Dynamics 365 Business Central, Navision, Microsoft 365, Power Platform, document digitisation and their own apps
“Mejora la gestión”: an introduction to the solutions and direct access to “Te llamamos”.
The “Acelera las ventas” page, with Dynamics 365 Sales, Power BI, Teams, B2B and B2C e-commerce, EDI and Olivia's own apps
“Acelera las ventas”: another way into the offer, based on the company’s needs.

By sector and in your pocket.

The home page asks the question; the sector pages answer it in each company’s context; and everything fits on a phone with the same structure.

White header with the olivia logo, the Soluciones · Sectores · Compañía · Blog menu, a Català switcher and a yellow Contacta button, over the question “Are you looking for a technology partner who understands your business?” and a photo with floating order cards
The homepage introduces the business question and a callback request.
The Services sector page, with the calendar planner, people management, analytical dimensions and the sector's headline figures
The Empresas de Servicios page presents the offer in the context of a sector.
Three phones running olivia.es: the home page with its contact form, the management page and the services-sector page
The original composition of three mobile views: homepage, management and services.
"Pretty on the outside. Beast on the inside."The project team

Want a result like this for your project?