Wokine
Menu Scroll top
Project overview

Supratec Group.

Brand website for the industrial market leader.

Goal.

We realize many projects with Supratec. For this one, the challenge was to present the professions of this industrial world’s giant.

Answer.

We’ve tried to create a strong identity for an industry that is not always highlighted. The idea was to reflect Supratec's excellence in the industry’s world.

What we did.
  • Consulting
  • Art direction
  • UI Design
  • UX Design
  • Development

Fresh and interactive

A highly technical environment should not stop from encouraging the user to discover. We have reworked Supratec’s refined graphic identity to adapt it to the web and we have accompanied it with slick animations to enhance it all.

Interactive and animated navigation

The experience continues in the navigation with an interactive interface. In addition to displaying the different parts of the site, this allows us to give them a visual overview.

Variable layouts

The complexity was to combine innovation with web design, without proposing a complex ergonomy. So by arranging the pages to have a slightly different structure, it allows us to create dynamism.

Several browsing levels

The site is content rich that we had to organize. We have imagined the different levels of browsing so that the information is easily accessible, and without losing the user.

The distribution of content also requires colour codes according to sections for a better understanding of the context.

Dynamic animations

We worked on the animations to make the site lively and dynamic. A way to catch the user’s attention and encourage them to discover the content.

We take care of the animation of the buttons, with several layers of colors

Front-Runners

Supratec wanted to showcase its most remarkable innovations. With the help of 3D renderings made by the agency Dessine-nous, we’ve created special pages to present both the history and technical details of these gem.

Responsive

For the mobile and tablet versions, we wanted to keep the interactive aspects while offering the most fluid and pleasant experience possible.

Ce site n'est pas disponible en mode paysage,
Veuillez tourner votre mobile.