Projets Web

Site WordPress

Dans le cadre d’un contrôle d’une durée de deux heures, j’ai été amené à concevoir et mettre en forme un site web de boulangerie à l’aide de WordPress.

L’objectif principal de cet exercice était de créer une interface à la fois esthétique, ergonomique et cohérente avec l’univers de la boulangerie artisanale. Pour cela, j’ai travaillé sur l’organisation des différentes pages du site, la mise en valeur des produits proposés ainsi que l’identité visuelle de l’entreprise fictive « Fromage & Baguette ».

La réalisation de ce projet m’a permis de mettre en pratique plusieurs compétences liées à l’utilisation de WordPress, notamment :

  • la personnalisation d’un thème graphique ;
  • l’organisation du contenu et des menus de navigation ;
  • l’intégration d’images et d’éléments visuels ;
  • l’adaptation de la mise en page pour améliorer l’expérience utilisateur ;
  • l’utilisation des fonctionnalités natives de WordPress pour la création rapide d’un site professionnel.

Cet exercice m’a également sensibilisé à l’importance du design web dans la communication d’une entreprise, en particulier pour les commerces de proximité où l’image de marque joue un rôle essentiel dans l’attraction et la fidélisation des clients.

Interface d'une application Web

Dans le cadre d’un projet réalisé en binôme, il nous a été demandé de concevoir l’interface graphique d’une application dédiée à l’apprentissage des langages de programmation JavaScript et Python.

L’objectif de ce projet était de créer une expérience utilisateur claire, moderne et intuitive permettant aux futurs apprenants de naviguer facilement entre les différents contenus pédagogiques. Nous avons ainsi réfléchi à l’organisation des écrans, à la structure des menus, au parcours utilisateur ainsi qu’à l’identité visuelle globale de l’application.

Pour mener à bien cette mission, nous avons utilisé Figma, un logiciel de conception d’interfaces et de prototypage largement utilisé dans le domaine du design numérique. Cet outil nous a permis de créer des maquettes détaillées représentant les différentes fonctionnalités de l’application, telles que :

  • l’écran d’accueil ;
  • le catalogue des cours disponibles ;
  • les modules d’apprentissage JavaScript et Python.

Au cours de ce projet, j’ai développé mes compétences en conception d’interfaces utilisateur (UI Design) et en expérience utilisateur (UX Design). J’ai notamment appris à utiliser les principaux outils de Figma pour créer des maquettes professionnelles, organiser les éléments graphiques, gérer les composants réutilisables et collaborer efficacement au sein d’une équipe.

Cette expérience a également renforcé ma compréhension de l’importance de l’ergonomie et de l’accessibilité dans le développement d’applications numériques. Elle m’a permis de découvrir les différentes étapes de conception d’un projet avant sa phase de développement technique.

Ce projet constitue une première expérience significative dans le domaine du design d’interfaces et démontre ma capacité à travailler en équipe pour concevoir une solution répondant à des besoins utilisateurs précis.

Apprentissage JavaScript

Le JavaScript est le langage le plus utilisé dans le monde du développement Web. Alors, dans son apprentissage, j’ai entrepris un petit projet fun durant mon temps libre. J’ai donné vie à une page en intégrant une animation avec une ampoule qui, grâce à un clic, peut s’allumer et s’éteindre. Avec du HTML et quelques lignes de JavaScript, on peut faire des choses assez fun.

Cette page présente une ampoule et un deux button qui permet à celle-ci de s’allumer en cliquant sur le bouton (Turn on the light), puis de s’éteindre en cliquant sur le bouton (Turn off the light)

 

En cliquant sur le bouton (Turn on the light), l’ampoule s’est allumée.

Un projet très simple et fun.🙂

Lancer de Dé

Je partage avec vous un petit projet fun en JavaScript que j’ai réalisé.

Le JavaScript est le langage de programmation le plus utilisé au monde avec plus de 63% de développeurs qui l’utilisent, il est tout simplement incroyable.

Dans le cadre de l’apprentissage, j’ai créé un jeu de lancer de dés🎲.

Avec le langage HTML j’ai conçu l’interface, puis le design avec du CSS et la petite secousse des dés, sans oublier le JavaScript qui permet de générer des chiffres aléatoires entre 1 et 6 et d’enregistrer le score dans un historique.

Jeu de Memory

Encore un projet fun en JavaScript que j’ai réalisé, lors de la première année de BTS SIO

Le JavaScript est le langage de programmation le plus utilisé au monde avec plus de 63% de développeurs qui l’utilisent, il est tout simplement incroyable.

Dans le cadre de l’apprentissage, j’ai créé un jeu de Memory.
Avec le langage HTML j’ai conçu l’interface, puis le design avec du CSS et la petite secousse des dés, sans oublier le JavaScript qui permet de générer de manière aléatoire les valeurs (les émojis fruits) et d’enregistrer le score dans un historique.

⬇️ Jouer au jeu de Memory

Retour en haut