Portfolio
Blue 2.0
ACTIVITÉ
![slide-blue20-home Image principale portfolio blue 2.0](https://siclem.fr/wp-content/uploads/2020/01/slide-blue20-home.jpg)
Blue 2.0, une nouvelle manière de concevoir votre projet piscine
Blue 2.0 est un réseau de piscinistes professionnels et responsables. L’évolution des consciences et des nouvelles technologies apporte son lot de changements dans tous les secteurs, la construction de piscine ne fait pas exception. Blue 2.0 intègre dans ses conceptions les technologies les plus écologiques pour permettre à ses clients de profiter d’une piscine intelligemment.
![image-full-width-1-blue-20 image pleine largeur 2 blue 2.0](https://siclem.fr/wp-content/uploads/2020/01/image-full-width-1-blue-20.jpg)
![template-1-pc-blue20 Template laptop Blue 2.0](https://siclem.fr/wp-content/uploads/2020/01/template-1-pc-blue20.jpg)
Un site web complet
Le projet de création de site internet part de l’intention de Blue 2.0 de donner un maximum d’informations. Le but est d’aider les propriétaires de piscine à faire des choix en connaissance de cause. Nous avons créé une page par type de piscines et services proposés par ses franchisés, tous les avantages et inconvénients sont passés en revue.
![template-2-pc-blue20 Template laptop 2 Blue 2.0](https://siclem.fr/wp-content/uploads/2020/01/template-2-pc-blue20.jpg)
![image-2-full-width-blue-20 image pleine largeur blue 2.0](https://siclem.fr/wp-content/uploads/2020/01/image-2-full-width-blue-20.jpg)
Des icônes sur mesure
Lorsqu’un utilisateur découvre votre site web pour la première fois, il commence par lire en diagonale. Les premières secondes sont décisives. Les icônes permettent non seulement de capter l’attention des gens, mais elles les invitent également à en apprendre plus sur votre contenu. Nous avons créé plusieurs sets d’icônes pour faciliter la compréhension du site de Blue 2.0.
![icone-blueco-v3 icone blue eco](https://siclem.fr/wp-content/uploads/2020/01/icone-blueco-v3.png)
![set-icones-blue20 set icon blue 2.0](https://siclem.fr/wp-content/uploads/2020/01/set-icones-blue20.jpg)
Palette graphique
La palette graphique utilisée pour réaliser le site internet est constituée de trois couleurs primaires : un bleu gris, un gris clair et un gris foncé. Nous avons utilisé du beige et du bleu azur pour les couleurs secondaires. Les teintes de bleus rappellent l’eau de la piscine et le beige vient contraster sans être trop voyant.
![palette-couleur-site-Blue-2.0 palette de couleur Blue 2.0](https://siclem.fr/wp-content/uploads/2020/01/palette-couleur-site-Blue-2.0.jpg)
Typographie
Nous avons sélectionné deux typographies pour l’identité visuelle du site internet. Avenir Next Pro, est une police sans-serif peu utilisée sur internet qui permet de se différencier tout en offrant une bonne lisibilité. Canter est une police en lettre capitale uniquement. Nous l’avons utilisée pour les titres du site.
![typographie-site-Blue-2.0 typographie Avenir next pro Blue 2.0](https://siclem.fr/wp-content/uploads/2020/01/typographie-site-Blue-2.0.jpg)
![typographie-2-site-Blue-2.0 (1) typographie Canter Blue 2.0](https://siclem.fr/wp-content/uploads/2020/01/typographie-2-site-Blue-2.0-1.jpg)
Responsive design
Depuis toujours les navigateurs se basaient sur la version ordinateur des pages, c’est désormais la version mobile qui sert de référence. Nous avons optimisé www.blue20.fr dans ce sens.
![template-Mobile-blue20-3 Template mobile 3 blue 2.0](https://siclem.fr/wp-content/uploads/2020/01/template-Mobile-blue20-3.jpg)
![template-Mobile-blue20-1 Template mobile 1 blue 2.0](https://siclem.fr/wp-content/uploads/2020/01/template-Mobile-blue20-1.jpg)
![template-Mobile-blue20-2 Template mobile 2 blue 2.0](https://siclem.fr/wp-content/uploads/2020/01/template-Mobile-blue20-2.jpg)
Supports de communication
Nous avons également créé des supports de communication allant avec la nouvelle charte graphique de Blue 2.0. Une carte de visite et un livret A4 pour accompagner les franchisés dans leurs rendez-vous client.
![carte visite recto blue20 Carte de visite recto directeur](https://siclem.fr/wp-content/uploads/2020/01/carte-visite-recto-blue20.jpg)
![carte visite verso blue20 Carte de visite verso directeur](https://siclem.fr/wp-content/uploads/2020/01/carte-visite-verso-blue20.jpg)