partagez !
Le progrès !
C'est ainsi que les créateurs d'Électrogène (le groupe !) décrivent leur mission !
Aussi leur fallait-il un site internet à la hauteur de cet enjeu : une machine tout terrain s'adaptant autant aux écrans de bureaux qu'aux technologies des tablettes ou des téléphones smarts et tactiles, une machine moderne digne de promouvoir l'ensemble de leur répertoire, digne de promouvoir la variété française plus ou moins ancienne portée par des chanteurs plus ou moins morts, digne de promouvoir notre socle culturel national - un site résistant aux variations climatiques et relevant d'une ergonomie simplissime située très exactement entre le poste radio transistor et le jukeboxe !
Ce qui fut fait.
1. - L'outil qui sert de vitrine à l'art infini du foutraque, tant pertinent qu'impertinent, doit être clair - terriblement ordonné. Ainsi en sera-t-il de l'ergonomie du site.
2. - L'outil qui sert de vitrine à quelques produits (chansons) périmés ... doit renvoyer à une image contemporaine : si le flat-design - ou simili flat - est au goût du jour, ce sera lui qui structurera la charte visuelle.
Voilà deux des idées maîtresses qui guidèrent les options graphiques.
A cela s'ajoute le choix d'une police digne d'un tampon encreur de la troisième république - 'impact' est son nom - et d'un orange fondamental dont le Pantone frise avec délectation celui d'une compagnie téléphonique qualifiée parfois d'historique.
De la charte graphique à la mise en ligne, il a fallu tout inventer. Entre autre :
1. - trouver le point d'articulation 'simplicité-efficacité' ;
2. - trouver un design 'jukeboxe-radio' s'adaptant aussi bien aux grands écrans de bureau qu'à l'échelle des smartphones ;
3. - sans oublier que des mises à jour sont nécessaires et régulières - mises à jour et entretient que je prend aussi en charge ;
4. - et, indispensables, installer des liens de partage avec les réseaux sociaux.
Stratégie
Logo
Charte graphique / webdesign
Arborescence et ergonomie
Intégration vidéo et audio
Connexion aux réseaux sociaux
Photo manipulation
Icônes
Choix collaboratif des polices de caractères (charte graphique)
Rédaction collaborative
Animations (widgets)
Carte de visite téléchargeable
Intégration html5
Mise en ligne - gestion de l'hébergement
SEO (pour indexation / référencement google et bing)
Suivi et mise à jour
Direction artistique collaborative
Structuration du suivi
Réseaux
Design d'images dérivées
Communication
Commanditaire : Électrogène (le groupe !)
Portage du projet ; association Inter-Face-S
electrogene-le-groupe.fr : site web optimisé pour bureau, tablette et smartphone / site web non-optimisé pour écran HiDPI
Photographies intégrées aux illustrations de cette page - haut : anonyme ; ci-dessous, frame extraite d'une vidéo : Bruno Lacaussague.
http://electrogene-le-groupe.fr/
c
créations
réalisations
Stratégie
Logo
Charte graphique / webdesign
Arborescence et ergonomie
Intégration vidéo et audio
Connexion aux réseaux sociaux
Photo manipulation
Icônes
Choix collaboratif des polices de caractères (charte graphique)
Rédaction collaborative
Animations (widgets)
Carte de visite téléchargeable
Intégration html5
Mise en ligne - gestion de l'hébergement
SEO (pour indexation / référencement google et bing)
Suivi et mise à jour
Direction artistique collaborative
Structuration du suivi
Réseaux
Design d'images dérivées
Communication
Commanditaire : Électrogène (le groupe !)
Portage du projet ; association Inter-Face-S
http://electrogene-le-groupe.frc
electrogene-le-groupe.fr : site web optimisé pour bureau, tablette et smartphone / site web non-optimisé pour écran HiDPI
Photographies intégrées aux illustrations de cette page - haut : anonyme ; ci-dessous, frame extraite d'une vidéo : Bruno Lacaussague.
WEBSITE