Aller au contenu

Festival OFF

Festival OFF
Diplomé

Élisabeth Bilodeau

Cours

Réalisation de produits numériques interactifs I

Année

2e année

Technologies

CSS, HTML5, PHP,PHP

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 PHPpour 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

1

Idéation et réflexion

Image de l'étape Idéation et réflexion
1

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.

2

Tuile de style et maquettes

Image de l'étape Tuile de style et maquettes
2

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.

3

Conceptualisation

Image de l'étape Conceptualisation
3

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.

4

Traitement des médias

Image de l'étape Traitement des médias
4

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...

5

Intégration et programmation

Image de l'étape Intégration et programmation
5

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 (si ce n'est pas déjà fait) et ajouter le style graphique avec CSS , puis programmer l'affichage des informations à partir de la base de données en PHP. Il est aussi parfois nécéssaire de créer des algorithmes en JavaScript pour certaines fonctionnalités, comme la validation de formulaire.

6

Mise en ligne

Image de l'étape Mise en ligne
6

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

Photo de É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. 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 / 10

Intégration

8 / 10

Programmation

5 / 10

Médias

7 / 10

Joindre Élisabeth

elisabethbilodeau@protonmail.com

D’autres projets de Élisabeth