Photo de Maël

Présentation

Je m'appelle DOJCIC Maël, étudiant en première année de BUT MMI (Métiers du Multimédia et de l’Internet), avec une spécialisation progressive dans le développement web. Curieux et rigoureux, je m'intéresse particulièrement à la programmation front-end et back-end. J’utilise Visual Studio Code comme environnement de développement et je maîtrise le HTML et le CSS. Actuellement, j’approfondis mes compétences en JavaScript et PHP pour développer des sites web dynamiques et interactifs. Mon objectif est de me professionnaliser dans le domaine du développement web et mobile. Il s'agit d’un portfolio en ligne qui regroupe l’ensemble de mes créations réalisées dans le cadre de ma formation et de projets personnels. Il met en valeur mes compétences en design graphique, en développement web, ainsi qu’en conception UX/UI, à travers des exemples concrets tels que des maquettes, des sites web ou des prototypes interactifs. Ce portfolio a été réalisé en 2025, dans le cadre de ma première année en BUT MMI (Métiers du Multimédia et de l’Internet). Il est amené à évoluer tout au long de ma formation, au fil de mes apprentissages et de mes projets.

Agence EvoComet


18.05.2025

Description

Image principale du projet : Agence EvoComet

Dans le cadre d'une SAE d’une durée d’un semestre, réalisée en groupe de 5 personnes, nous avons créé une agence de communication fictive, sans but lucratif. Bien que l’agence soit imaginaire, nous avons organisé un événement réel, auquel nous avons consacré une partie importante de notre travail.

Le projet comprenait plusieurs volets : la création d’une charte graphique, la réalisation d’une affiche destinée à promouvoir l’agence ainsi que l’événement, et le développement du site web de l’agence.

Démarche

Mon rôle principal a été de concevoir et développer le site web avec WordPress, en veillant à respecter la charte graphique définie sur Figma. J’ai mis en place une structure claire avec plusieurs pages (présentation de l’agence, contact, etc.), en utilisant des plugins adaptés pour garantir une navigation fluide et responsive.

Pour la partie graphique, j’ai également contribué à la création de l’affiche en utilisant Adobe Illustrator pour le design vectoriel et Photoshop pour le traitement des images et les retouches. J’ai participé à la recherche du nom de l’agence, au choix des couleurs, ainsi qu’à la gestion du calendrier de production via un diagramme de Gantt pour bien répartir les tâches et respecter les délais.

Matériel/Logiciels

Outils de conception, design et communication :

- Figma – utilisé pour concevoir la charte graphique du site web et pour guider le développement
- Adobe Illustrator – utilisé pour la création de visuels vectoriels, notamment pour l'affiche
- Adobe Photoshop – utilisé pour le traitement et la retouche d’images
- Diagramme de Gantt avec Microsoft Project – utilisé pour gérer le calendrier de production et répartir efficacement les tâches

CMS et développement web :

- WordPress – utilisé pour concevoir et développer le site web, incluant la création de plusieurs pages (présentation, contact, etc.)
- Plugins WordPress – sélectionnés pour répondre aux besoins du projet, comme la responsivité, la navigation fluide, la gestion de la base de données, et les fonctionnalités d’inscription/connexion

Fonctionnalités mises en œuvre :

- Base de données intégrée via WordPress
- Système de connexion et d’inscription
- Personnalisation de l’interface selon la charte graphique définie
- Structure claire et navigation responsive

Tags & Technologies

WordPress Figma Adobe Illustrator Adobe Photoshop Diagramme de Gantt Création Graphique Responsive Design Gestion de Projet Charte Graphique Branding Groupe
18.05.2025