Mandarina Web
Octopazz Quartet

Identité visuelle • Logo • Cartes de visite & Flyers • Webdesign • Intégration et développement

Octopazz Quartet est une formation musicale orientée Jazz/Fusion.
Les musiciens de Octopazz Quartet sont professionnels (intermittents) et proposent des prestations musicales pour des événements publics ou privés.
De par ce fait, ils avaient besoin d'un site vitrine pour pouvoir démarcher auprès des particuliers ou des professionnels, présenter leur activité, quelques photos et quelques morceaux et/ou vidéos.

Identité visuelle & logo

Le quartet avait pour souhait une charte graphique aux couleurs chaudes et rassurantes et un logo qui représente leur esprit. Le saxophone constitue leur instrument le plus distinctif et marque souvent l'esprit du public. De plus il s'agit d'un instrument fortement connoté jazz, ce qui permet d'affirmer le type de musique proposé par le groupe.
Le nom Octopazz Quartet fait d'ailleurs lui aussi référence au jazz avec sa terminaison en "-azz", tout en rappelant la prononciation anglophone de "Octopus", le poulpe.
Cet animal fascinant reflète le désir du groupe de s'afficher comme un groupe de jazz, tout en conservant un côté peu conventionnel et décalé.
J'ai donc allié ces deux éléments pour élaborer le logo qui s'appuie sur des couleurs chaudes. Les tons beiges et marrons transmettent une sensation de confort et de sécurité, tandis que l'orange apporte un aspect dynamique et actif.

Logo

Logo Octopazz Quartet en couleurs Logo Octopazz Quartet noir sur blanc Logo Octopazz Quartet blanc sur noir

Couleurs

RVB : #393027
CMJN : 0, 40, 81, 198
RVB : #C9C4AD
CMJN : 0, 6, 36, 54
RVB : #D2CCB4
CMJN : 0, 7, 36, 45
RVB : #DD5B22
CMJN : 0, 150, 216, 34

Police de caractères

Bebas Neue + Josefin Sans Flyer Octopazz Quartet
Cartes de visite Logo Octopazz Quartet

Webdesign et intégration

Le webdesign s'est basé sur l'identité visuelle définie ci-dessus : des couleurs chaudes et une mise en page qui apportent une touche personnelle sans être trop extravagante.
Le site a été intégré en HTML5, CSS3, puis développé en PHP par mes soins pour les fonctionnalités basiques (navigation, mise en page).

Pour les fonctionnalités plus avancées développées en PHP et Javascript (lecteur audio/vidéo), le batteur du groupe étant également développeur, il avait été décidé dès le départ qu'il se chargerait de développer ces éléments.
C'est également pour cette raison qu'aucun CMS n'a été mis en place étant donné qu'il a les connaissances nécessaires pour mettre le site web à jour sans passer par une interface.

Visiter le site d'Octopazz Quartet

Site web

Aperçu sur l'écran d'un ordinateur Aperçu sur l'écran d'un iPad Aperçu sur l'écran d'un iPhone Formulaire de demande de devis

Caractéristiques

  • HTML, CSS, PHP
  • Responsive avec Media Queries
  • Lecteur audio/video
  • Formulaires contact/demande de devis