Airborne Soutenance projet web statique S 1 D

Airborne Soutenance projet web statique S 1 D Web 3 agence 2018 2019

Présentation de l’agence Rédacteur s Louis MIERMONT Robin MARCHINA Chef de projet Graphiste Florian TOUZET DUT MMI Intégrateurs Franck Olivier COCHARD Mathis TOGNI 1

Introduction Objectifs : Créer un site statique de l’aéroclub Airborne. Faire connaître le site via une présence efficace sur internet. Créer une identité visuelle et y intégrer un contenu approprié. Donner un aspect moderne au site en suivant les tendances actuelles Répondre aux besoins du client DUT MMI 2

Sommaire I – Réflexion sur la conception II – Création du site de l’aéroclub Conclusion DUT MMI 3

I – Réflexion sur la conception • Identification du contenu graphique • Etude des contenus textuels et rédactionnels • Etude des contenus et des fonctionnalités DUT MMI 4

Identification du contenu graphique Analyse de 5 sites : Charte graphique (couleurs, typographies , harmonie des sites) Logo (disposition, taille, mise en avant, image de l’entreprise) Zoning (dispositions) DUT MMI 5

Identification du contenu graphique Recherche d’un site référent AERO-CLUB DE BOULOGNE-BILLANCOURT Logotype DUT MMI 6

Etude des contenus textuels et rédactionnels Étude de la rédaction des 5 sites choisis Mise en forme du rapport de conception DUT MMI 7

Etude des contenus textuels et rédactionnels Contraintes (choix des avions) Répondre aux besoins des utilisateurs DUT MMI 8

Etude des contenus textuels et rédactionnels Importance de l’organisation du texte Vulgarisation du domaine de l’aviation DUT MMI 9

Etude des contenus et des fonctionnalités Analyse de 5 sites : Navigation: contenu des liens de navigation. Body: Carrousel (page d’accueil), Map (page contact), emplacement pour les réseaux sociaux, actualités. Footer: sites partenaires, mentions légales, horaires du club. DUT MMI 10

Etude des contenus et des fonctionnalités Arborescences : DUT MMI 11

Etude des contenus et des fonctionnalités Gabarit initial : DUT MMI 12

II – Création du site Airborne • Graphisme • Rédaction et communication • Intégration DUT MMI 13

Graphisme Réalisation d’un logotype moderne : − − − Typographie arrondie Espaces vides Couleurs ( Bleu = ciel / Gris = trainée des avions ) DUT MMI 14

Graphisme Réalisation des gabarits puis des maquettes graphiques et difficultés rencontrées Gabarit page d’accueil DUT MMI 15

Graphisme Réalisation pour le pôle communication Pictogrammes : Travail de coordination avec le pôle intégration Aide à la disposition du contenu visuel Retouche photographies : Aide à la mise en forme du texte : − Typographies : Anton et Noto light − Taille de la typographie − Espacement des lettres − Interligne DUT MMI 16

Rédaction du contenu : Réalisation de l’ensemble du contenu des différentes rubriques Ajout des différentes images pour améliorer l’expérience utilisateur et faciliter la compréhension Création de l’identité fictive de l’aéro-club : DUT MMI 17

Rédaction Synthèse des textes : Ne pas surcharger l’utilisateur. Faciliter le travail des intégrateurs. Cohérence globale : Texte adapté aux images, Faciliter la lecture à l’aide de pictogrammes ou d’images significatives. * Image illustrant la formation « vol de nuit » DUT MMI 18

Rédaction Le travail effectué en équipe : Pôle graphisme Pôle intégration Les problèmes rencontrés : Désaccord sur les idées Documentation relativement rare DUT MMI 19

Intégration Organisation: 1 – Réalisation de la page d’accueil 2 – Réalisation des autres pages 3 – Mise en commun et ajustement du site 4 – Mise en ligne du site 5 – Sécurisation du site DUT MMI 20

Intégration Editeur de texte : Navigateur web: Langages : FTP : Framework : DUT MMI 21

Conclusion DUT MMI 22