Mandarina Web
Siljan

Identité visuelle • Logo • Webdesign • Intégration HTML/CSS • Référencement • Plaquette de présentation • Affiche de concert

Siljan est un groupe de métal progressif. Le groupe puise ses influences dans la scène musicale suédoise et de nombreux morceaux ont été pensés et inspirés lors de séjours en Suède. Le nom du groupe y fait directement référence et l'identité visuelle a naturellement suivi le même chemin.

Concernant l'identité visuelle, le parti pris du groupe était de s'éloigner des standards esthétiques habituels du métal, souvent trop chargés, voire caricaturaux.
Nous avons donc choisi un style sobre et épuré, une typographie légère, et un logo qui a du caractère mais qui reste très simple et sobre.

Visiter le site de Siljan

Identité visuelle & logo

Le logotype est délibérement simple et efficace : il reprend le nom du groupe avec une typographie sobre mais élégante (Ailerons). Certaines courbes apportent subtilement du caractère au nom du groupe.
Les couleurs (blanc ou noir) pourront être utilisées indifféremment et en fonction du fond sur lequel se trouve le logo.

La couleur bleu-vert présente sur le site web permet d'apporter un peu de profondeur et dynamise l'ensemble. Il évoque le milieu aquatique, rappelant le lac Siljan à l'origine du nom du groupe.
C'est d'ailleurs une photo de ce même lac que j'ai réalisée pour la pochette du premier album et pour l'image principale du site web.

Logo

Logo Siljan fond Noir Logo Siljan fond Blanc Logo Siljan ambiance lac

Couleurs

RVB : ##3DC9B3
CMJN : 64, 0, 39, 0
RVB : #ffffff
CMJN : 0, 0, 0, 0

Police de caractères

Varela Round
Siljan first album Plaquette de présentation Siljan

Webdesign et intégration

Le groupe Siljan avait besoin d'un site web afin d'améliorer leur visibilité et de proposer en une seule page un résumé de leurs activités ainsi que du matériel multimédia (photos, écoute musicale, vidéos...)
L'aspect devait être sobre et élégant, et la présentation la plus claire possible. On y retrouve une dominante de blanc, panachée à des gris clairs afin de structurer le site en plusieurs parties disctinctes de façon subtile. Le bleu-vert est utilisé avec modération : principalement pour les boutons, certains pictogrammes et des éléments au survol.

Le site est responsive afin de s'adapter aux tablettes et terminaux mobiles.
Le choix d'utiliser un site statique en HTML/CSS est motivé par un désir de légèreté et de simplicité technique (pas de CMS, pas de base de données). Par ailleurs le groupe souhaitait déléguer les mises à jour de contenu, ce qui ne pose donc aucun problème de ce côté là.

Visiter le site de Siljan

Responsive avec le framework Bootstrap

Siljan sur Macbook et i-pad Siljan sur mobile

Caractéristiques

  • Site réalisé en HTML/CSS
  • Thème responsive avec le Framework Bootstrap
  • Galeries Photos (avec filtres de catégories) et lecteur audio