RO!

CONTEXTE :

SAE BUT 1 MMI

DATE :

JUIN 2023

TYPE :

Développement web, Design graphique, UX-UI design

portfolio but 1

Résumé

Développement de mon premier site web portfolio from scratch.

Le projet

À la fin de ma première année de BUT MMI, j’ai entrepris, dans le cadre d’une SAE, la création de mon site web portfolio.

Mon objectif était de concevoir une plateforme qui non seulement présenterait mes réalisations, mais qui serait également une expérience en soi.

 

Au cœur de ce projet se trouvait la création d’une base de données intégrée, permettant à l’administrateur de gérer facilement les réalisations et les utilisateurs directement depuis le site. J’ai conçu un système d’authentification pour garantir que seuls les utilisateurs validés puissent accéder à l’espace commentaire, favorisant ainsi des interactions constructives et de qualité.

Le développement du site s’est fait à partir de zéro, en utilisant HTML, CSS, JavaScript, PHP et SQL. Ces outils m’ont permis de créer des fonctionnalités interactives et dynamiques, telles que des animations en parallaxe et d’autres effets visuels, pour enrichir l’expérience utilisateur.

Ce projet m’a permis d’explorer mes compétences en développement web tout en exprimant ma créativité artistique. En y intégrant mon identité visuelle, j’ai pu créer un site web qui reflète non seulement mes réalisations, mais aussi ma personnalité et mes passions.
Ce portfolio est bien plus qu’une simple vitrine de mes travaux ; c’est une invitation à découvrir mon univers créatif.

file_type_php2

DÉVELOPPER

AC 14.01-Exploiter de manière autonome un environnement de développement efficace et productif
AC 14.02-Produire des pages web fluides incluant un balisage sémantique efficace et des interactions simples
AC 14.03-Générer des pages web à partir de données structurées
AC 14.04-Mettre en ligne une application web en utilisant une solution d’hébergement standard,
AC 14.05-Modéliser les données d’une application web

EXPRIMER

AC 13.05-Designer une interface web (wireframes)

ENTREPRENDRE

AC15.05 – Construire une présence en ligne professionnelle (personal branding) (S2)

Les étapes du projet

Définition des fonctionnalités clefs, création de l'arborescence et élaboration des premières idées de design.

Création de l’architecture en HTML, CSS et JavaScript, en intégrant des animations et effets interactifs pour enrichir l’expérience utilisateur.

Conception et intégration d’une base de données SQL permettant la gestion des réalisations et des utilisateurs.

Implémentation du système d’authentification, de l’espace commentaire et des interactions dynamiques avec PHP et JavaScript.

Création d’un design personnalisé en accord avec mon univers graphique et avec une mise en page soignée.

Déploiement du site, suivi des retours utilisateurs et ajustements finaux pour garantir une expérience optimale.

Le résultat

Projet suivant

cosmic