Aller au contenu

La Pastèque par ILEA

La Pastèque par ILEA
Diplomé

Laurie Martineau

Cours

Réalisation de produits numériques interactifs III

Année

3e année

Technologies

HTMLMVCPHPSQLCSSSASS, Javascript

Le projet

Ce projet d’équipe consistait à réaliser une application de commerce électronique pour la maison d’édition Les Éditions La Pastèque, qui se spécialise dans la bande dessinée et les albums jeunesse.

Les étapes

1

Esquisses fonctionnelles

Image de l'étape Esquisses fonctionnelles
1

Esquisses fonctionnelles

Le point de départ du projet est d’analyser les contenus fournis par les professeurs, comme le texte, les médias, et de bien comprendre les spécifications du projet pour ensuite venir faire les esquisses. Les membres de l’équipe ont chacun fait des esquisses fonctionnelles en utilisant le logiciel Figma. Ces esquisses permettent de créer une mise en page organisée, efficace et de hiérarchiser le contenu. Cela permet à l’équipe de visualiser où placer les éléments interactifs, les actions importantes que les utilisateurs auront à faire lors de leur navigation sur le site. Enfin, de s’assurer que tout est cohérent pour l’expérience utilisateur.

2

Choix de la direction visuelle

Image de l'étape Choix de la direction visuelle
2

Choix de la direction visuelle

Après que chaque membre de l’équipe a créé une tuile de style regroupant palette de couleurs, typographie et choix d’éléments graphiques, il est temps de décider quelle proposition visuelle va être retenue pour faire le design final du site.

3

Intégration et programmation du site

Image de l'étape Intégration et programmation du site
3

Intégration et programmation du site

Ayant choisi le design et le concept visuel du site, l’étape suivante est l’intégration et la programmation. Chaque membre de l’équipe s’est attribué une page à programmer du début jusqu’à la fin. On passe par du HTML pour faire la structure de base de la page, à du PHP et du SQL pour ajouter les informations et le contenu à partir d’une base de données, à du CSS pour le design et ce, afin que la page soit complète.

4

Mise en ligne finale

Image de l'étape Mise en ligne finale
4

Mise en ligne finale

Pour ce qui est de cette étape, il s’agit de faire les dernières vérifications avant de déposer l’intégralité du projet en ligne sur le serveur de la TIM. Avant de faire le dépôt, il faut s’assurer que tout le contenu est présent, que chaque page fonctionne comme elle se doit, de régler certains des petits bogues qui peuvent apparaitre lorsqu’on teste en équipe et de faire du nettoyage dans le code.

Projet par: Laurie Martineau

Photo de Laurie Martineau

Mon intérêt pour la conception et le montage vidéo m’a amené vers la techniques d’intégration multimédia. Au cours de la TIM, j'ai développé un intérêt particulier pour l’intégration Web et la création de contenus visuels, qu'il s'agisse de vidéos, de maquettes de site Web ou d’éléments graphiques. Je suis une personne dynamique et créative. J’aime allier fonction et esthétique dans mes projets afin de réaliser des applications et sites Web accessibles et intuitifs tout en étant visuellement attrayants. La polyvalence de la technique m’a permis d'explorer de nombreux aspects du design graphique et d’autres domaines, comme la programmation Web. Durant mes trois années de formation, j’ai apprécié l’esprit d’entraide et de collaboration. J’aimerais me tourner vers le marketing numérique à la suite de mes études.

Conception

9 / 10

Intégration

8 / 10

Programmation

7 / 10

Médias

7 / 10

Joindre Laurie

lauriemartineau001@gmail.com

D’autres projets de Laurie