CTRL N
CTRL N
Année : 2024-2025
Outils : HTML/CSS (Visual Studio Code), Figma, After Effects
Année : 2024-2025
Outils : HTML/CSS (Visual Studio Code), Figma, After Effects
Problème :
CTRL N est un projet de gazette qui a évolué pendant toute l'année . C'est un projet qui a débuté en tant que gazette, et qui a évolué en tant que site web .
Dans ce projet je devais individuellement, construire un site web en me basant sur un magazine crée en classe, et par la suite créer une série de vidéos sur After Effects, dédiées à différentes fins .
Problème :
CTRL N est un projet de gazette qui a évolué pendant toute l'année . C'est un projet qui a débuté en tant que gazette, et qui a évolué en tant que site web .
Dans ce projet je devais individuellement, construire un site web en me basant sur un magazine crée en classe, et par la suite créer une série de vidéos sur After Effects, dédiées à différentes fins .
Solution :
Dans cette partie du projet, nous devions réaliser le site web du magazine en HTML et CSS sur Visual Studio Code . Dans un premier temps, nous avons construit l’interface utilisateur (UI) du site sur Figma, afin de pouvoir visualiser la structure et l’apparence du site avant de passer au code . Sur Figma, nous devions créer une page d’accueil comprenant différentes sections : des livres sur l’IA mis en avant, un aperçu des principaux acteurs de l’IA, ainsi que nos articles de magazine . Ensuite, nous devions concevoir trois pages supplémentaires contenant des images et des articles sur l’IA .
Après avoir finalisé la maquette sur Figma, nous avons commencé à coder notre site web sur Visual Studio Code, en HTML et CSS . Ce travail nous a permis d’apprendre les bases de ces langages et de voir notre site web prendre forme et devenir fonctionnel .
Solution :
Dans cette partie du projet, nous devions réaliser le site web du magazine en HTML et CSS sur Visual Studio Code . Dans un premier temps, nous avons construit l’interface utilisateur (UI) du site sur Figma, afin de pouvoir visualiser la structure et l’apparence du site avant de passer au code . Sur Figma, nous devions créer une page d’accueil comprenant différentes sections : des livres sur l’IA mis en avant, un aperçu des principaux acteurs de l’IA, ainsi que nos articles de magazine . Ensuite, nous devions concevoir trois pages supplémentaires contenant des images et des articles sur l’IA .
Après avoir finalisé la maquette sur Figma, nous avons commencé à coder notre site web sur Visual Studio Code, en HTML et CSS . Ce travail nous a permis d’apprendre les bases de ces langages et de voir notre site web prendre forme et devenir fonctionnel .
Solution :
Suite à la construction de notre site web, nous avons dû réaliser un teaser afin de faire connaître notre magazine, en utilisant le logiciel After Effects . Nous devions créer une vidéo teaser de moins de 15 secondes, une animation simple de 5 secondes présentant le titre du magazine, ainsi que trois animations de pictogrammes différents (5 secondes chacune) et trois fonds distincts pour chaque article .
J’ai choisi de m’inspirer du thème de l’intelligence artificielle et de la technologie, en intégrant des éléments visuels reconnaissables liés à cet univers, ainsi que des typographies modernes .
Solution :
Suite à la construction de notre site web, nous avons dû réaliser un teaser afin de faire connaître notre magazine, en utilisant le logiciel After Effects . Nous devions créer une vidéo teaser de moins de 15 secondes, une animation simple de 5 secondes présentant le titre du magazine, ainsi que trois animations de pictogrammes différents (5 secondes chacune) et trois fonds distincts pour chaque article .
J’ai choisi de m’inspirer du thème de l’intelligence artificielle et de la technologie, en intégrant des éléments visuels reconnaissables liés à cet univers, ainsi que des typographies modernes .
Blanca
Alvargonzalez
Blanca
Alvargonzalez