
Festival OFF

Élisabeth Bilodeau
Réalisation de produits numériques interactifs I
2e année
CSS abbr >, HTML5 abbr >, PHP abbr >,PHP abbr >
Le projet
Dans ce mandat nous avions pour tâche de créer un nouveau site pour le Festival OFF, un évènement de musique alternative. Nous devions alors concevoir une nouvelle interface graphique et travailler avec une base de données en PHP abbr >pour faire afficher les informations. J’ai conçu la charte graphique du site web et j’ai codé et programmé la fiche des artistes.

Les étapes
Idéation et réflexion

Idéation et réflexion
J’ai analysé les sites des concurrents pour m’inspirer des contenus pertinents à afficher, réfléchi aux besoins principaux du site, et veillé à ce que mes décisions soient alignées avec les attentes de l’utilisateur cible, en priorisant les conversions. Aucun aspect visuel n’a été abordé à ce stade.
Tuile de style et maquettes

Tuile de style et maquettes
Une fois l'idéation complétée, j'ai procédé à une première ébauche visuelle avec un tableau d'idées et une tuile de style.
Conceptualisation

Conceptualisation
À partir de mon tableau d'idées et de ma tuile de style, j'ai pu commencé à créer des maquettes préliminaires, puis finales des différentes pages du site web.
Traitement des médias

Traitement des médias
Avant de commencer à intégrer le site, il a fallu traiter les mdias dans photoshop, recadrer et bien ajuster la taille des images etc...
Intégration et programmation

Intégration et programmation
Lorsque le design et le traitement des médias a été préparé en amont, on peut alors commencer à faire la structure du site web en HTML5 abbr > (si ce n'est pas déjà fait) et ajouter le style graphique avec CSS abbr > , puis programmer l'affichage des informations à partir de la base de données en PHP abbr >. Il est aussi parfois nécéssaire de créer des algorithmes en JavaScript pour certaines fonctionnalités, comme la validation de formulaire.
Mise en ligne

Mise en ligne
Une fois que le site est prêt, il faut le mettre en ligne. Pour ce faire, nous utilisons une interface qui s'appelle FileZilla et qui permet de simplement glisser les dossiers du site sur le serveur.
Projet par: Élisabeth Bilodeau

Persévérante, créative et curieuse, j’apprécie particulièrement le design, mais j’ai également un intérêt pour l’intégration et le CSS abbr >. J’aime créer des sites webs avec du caractère tout en gardant une touche professionnelle. J’ai à coeur d’aider les gens à mener leur projet à terme.
Conception
10 / 10Intégration
8 / 10Programmation
5 / 10Médias
7 / 10Joindre Élisabeth
elisabethbilodeau@protonmail.com