SUPPORT DE CREATION Site internet «Lucy & Ian» Gulia Communication
SOMMAIRE Généralité... 3 Environnement technique... 4 Accès techniques... 5 Rétroplanning... 6 Approche conceptuelle... 7 Présentation de l agence... 10 Budget... 11 Formation... 12 2
GENERALITE Contexte Lucy et Ian sont des chanteurs et guitaristes très connu dans le monde de la musique. Après avoir respectivement sorti plusieurs albums solos, ils ont décidé de collaborer ensemble et de réaliser un album commun. Cet album leur permettra de prendre un nouveau tournant dans leur carrière musical. Pour annoncer leur collaboration et pour promouvoir leur nouvel album, l agence Gulia Communication a été choisie par Sony Music pour concevoir leur site internet. Objectifs Objectifs cognitifs : Objectifs affectifs : Objectifs conatifs : - Faire connaître le site internet de Lucy & Ian - Renforcer la notoriété et l image des deux artistes - Informer le public de la collaboration et du premier album - Faire aimer le site internet - Faire apprécier les contenus du site internet - Faire aimer la nouvelle collaboration des deux artistes - Inciter le public à acheter le premier album - Inciter le public à parler du site internet autour d eux - Créer du trafic sur le site internet Cibles Le cœur de cible : Les fans de Lucy et Ian La cible principale : Le public appréciant la musique pop/rock et les duos musicaux La cible secondaire : Les journalistes, la presse 3
ENVIRONNEMENT TECHNIQUE Support Le support utilisé est un site internet qui se veut esthétique, efficace et accessible. La mise en place d un site internet permet de disposer d une plus grande liberté dans le choix des médias (son, vidéo, photo, etc.). C est également un support de communication riche et dynamique qui permet de s adresser à un large public. WordPress Le site internet «Lucy & Ian» a été conçu avec le système de gestion de contenu WordPress. Créé en 2003, il s agit d un Content Management System Open Source gratuit et libre d accès permettant de gérer facilement un site web. Disposant de nombreuses options, WordPress donne la possibilité de pouvoir créer et modifier des articles et des pages, de changer de thème sans altération de contenus, d ajouter différents types de médias ou encore de s adapter aux écrans d ordinateurs, smartphones ou encore tablettes. Extensions Les extensions, également appelées «plugins», sont des fonctionnalités tierces qui peuvent être ajoutées dans WordPress. Elles permettent d apporter des améliorations au thème choisi. Les extensions utilisées dans le site «Lucy & Ian» sont : Margee Shortcodes Page Builder Shareaholic Shortcodes Ultimate Simple Page Sidebars SiteOrigin Widgets Bundle Soundcloud is Gold The Single Background Video Background WP Google Fonts Yoast SEO Twine Social 4
ACCES TECHNIQUES URL du site internet «Lucy & Ian» http://www.infocomlab.fr/master1/estelle/ Code d accès URL de connexion : http://www.infocomlab.fr/master1/estelle/wp-login.php?loggedout=true Identifiant : ecalvet Mot de passe : %Raphael%123 MySQL URL : http://infocomlab.fr/master/ Serveur : infocomlnhparis8.mysql.db Utilisateur : infocomlnhparis8 Nom de la base : infocomlnhparis8 Mot de passe : P8workshop16 Accès FTP Host : ftp.cluster006.ovh.net Utilisateur : infocomlnh Password : DH2Y7vR9an3a Répertoire commun : master1 Répertoire individuel : yann 5
RETROPLANNING Le rétroplanning des actions et du processus pour la création du site internet : Janviers 2016 1 2 3 4 5 6 7 8 9 10 11 12 13 Taches S1 S2 S3 S4 Analyse des besoins Mise en place du rétroplanning et planification des étapes Préparation et validation du cahier des charges et de la charte graphique Choix du thème et des visuels Création de contenus/articles Ajouts des extensions Ajustement du design Mise en place d un SEO Rédaction d un support de création Corrections et validation du site Promotion du site internet Formation des futurs contributeurs Ajustements et maintenance 6
APPROCHE CONCEPTUELLE Définition de l arborescence Page d accueil «Lucy & Ian» L&I News Album Bio Playlist Presse Ecouter l album Lucy Support de création Acheter l album Ian La rencontre Collaboration Contact presse Interview Mentions légales 7
Typographies Les typographies du site internet ont été choisies à partir de celle du logotype. Cela permet une meilleure cohérence entre les éléments visuels et textuels. Typographie du menu : Ubuntu, sans-serif Taille de la police : 18 Typographie des titres : Ubuntu, sans-serif Taille de la police : 27 Typographie du contenu : Open Sans, sans-serif Taille de la police : 14 Typographie du footer : Open Sans, sans-serif Taille de la police : 14 Choix des couleurs Les couleurs utilisées dans le site sont le marron orangé, le blanc et le noir. La couleur marron orangé est principalement utilisée pour mettre en avant le contenu. Le noir est utilisé pour l écriture des contenus et le blanc sert de support de fond au texte. Palette de couleurs et détails : R : 221 V : 153 B : 51 #dd9933 R : 0 V : 0 B : 0 #000000 R : 255 V : 255 B : 255 #ffffff Eléments visuels Les éléments visuels utilisés sur le site sont des photos individuelles et en couple de Lucy et Ian. Les photos à deux mettent en avant leur collaboration et leur amitié. L ensemble des visuels sont à disposition dans la bibliothèque de médias du site internet. 8
En arrière-plan de la page home est disposée une vidéo en lecture automatique et sans son. Cette vidéo est de couleur neutre avec des particules brillantes. Ces dernières sont similaires à des étoiles brillantes dans le ciel. Cela permet d imager Lucy & Ian comme des étoiles montantes dans l univers de la musique. Logotype Le logo du site Lucy & Ian est en forme de cercle. Cette forme est liée à la symbolique de la perfection, de la créativité ou encore de l infini. Les formes arrondies véhiculent également la positivité. Ce logotype est une plus précisément une couronne de feuille. La couronne est symbole d objet esthétique, de suprématie et de gloire. À travers ce logo, on cherche donc à montrer que Lucy et Ian excellent en collaborant ensemble et que leur album est de qualité. Les détails du logo : R : 221 V : 153 B : 51 #dd9933 9
PRESENTATION DE L AGENCE ET BUDGET Gulia Communication Gulia Communication est une agence de communication digitale spécialisée en création de sites internet et stratégie digitale. Créé en 2008, Gulia Communication déploie des stratégies digitales innovantes et efficaces. Les offres de l agence : Conseil : Stratégie de marque, Stratégie de marque, Stratégie digitale, Cahier des charges, Plan média online, Digital analytics. Création graphique : Identité visuelle, Charte graphique, Webdesign. Développement : Site de marque / institutionnel, Blog, E-commerce, Portail Web, Application mobile. Web Marketing : Référencement naturel (SEO), Référencement payant (SEM), Community management / e-réputation, Campagnes display, E-mailing. 10
BUDGET Le devis pour la création du site «Lucy & Ian» : Désignation Conception de la charte graphique - Création du logo - Création de l univers graphique Création de la structure et des contenus - Articles / textes - Bibliothèque de médias - Création des pages Développement des interfaces graphiques - Ajouts et développement des extensions - Développement des pages Optimisation pour le référencement - Optimisation des pages pour une bonne visibilité sur les moteurs de recherche - Inscription du site sur les principaux moteurs de recherche Ajustements - Corrections - Dernières modifications Durée Taux horaire Prix HT 3 jours 55 1155 5 jours 55 1925 5 jours 55 1925 2 jours 55 770 1 jour 55 385 Formation à WordPress (Page suivante) 4 jours 37 1290 Tarif professionnel pour un hébergement chez Nuxit : 4,99 / mois. TOTAL : TOTAL : Avec TVA applicable : 20% 7450.00 HT 8940.00 TTC 11
FORMATION Formation à WordPress L agence Gulia Communication propose une formation complète en 4 jours à WordPress. Programme de la formation WordPress Jour 1 Découverte des généralités et des concepts fondamentaux Exemples de site web utilisant WordPress Installation et paramétrage de WordPress : hébergement, nom de domaine, mot de passe, URL. Découverte et différenciation des fonctionnalités de base : tableau de bord, articles, pages, catégories. Jour 2 Gestion des médias et création d une galerie d images Découverte et modification de l éditeur Début de conception d un site internet : choix du thème, rédaction d articles, création de pages, mise en place d un menu, ajouts de médias, gestion des commentaires, etc. Jour 3 et jour 4 Découverte et installation des meilleures extensions WordPress Gestion de l apparence et des options de thèmes : rubrique, fond, polices, logo, couleurs. Mise en place d un SEO Découverte de l utilisation des réseaux sociaux Evaluation des connaissances de WordPress Débriefing, questions/réponses et fin de formation Durée : 4 jours / 28 heures de formation Lieux : La formation est réalisée au sein de notre agence où directement dans vos locaux. Tarif HT : 1290 euros Tarif TTC : 1548 euros 12