Emme2

UX and UI design for both the public site and the reserved area, working within the existing logo and palette. Development and the migration were carried out together with the Colibrì Vision team.

Emme2 supplies electrical and lighting materials in Salento, designs lighting systems, and works with both private customers and professionals: installers, contractors and companies.

The two audiences buy differently. A private customer looks at products and prices as listed, while a professional works with negotiated conditions and their own account. The site had to hold both without either getting in the way of the other.

The split is structural rather than visual. The public site works as a showcase, open to anyone. Behind it there's a reserved area, where access is differentiated by role and user type.

Inside that area, conditions are personalised to the account, and the product catalogue can be filtered against what that specific buyer needs. The same site serves a private customer browsing lighting and a professional placing a supply order, without either experience being a reduced version of the other.

UX and UI were designed together with the client, so the two paths stay distinct in what they offer and consistent in how they behave.

The platform had to stay on WordPress, so the reserved area was built inside that constraint rather than around it.

Access used to be handled through categories: a category of users could see a category of products, and everything else followed from that pairing. It works up to a point, but it means using an editorial structure to do access control, and it stops holding as soon as conditions differ from one customer to the next.

Migrating the existing user base to the new database made it possible to replace that. Using ACPT, each user type now has its own dashboard, carrying the information and conditions that belong to it rather than being defined by which products it is allowed to see.

Logo and palette stayed, so the restyling worked within them. The existing blue was lightened slightly and a neutral third colour was added, giving the palette somewhere to breathe. The rest came from shape: rounded forms on containers, image blocks and tags, with clean transitions between light and dark areas.