Retour
Eclesia
Propriétaire

Eclesia

Projet personnel — site vitrine pour une agence web fictive, avec animations modernes et UX soignée.

Description

Site vitrine pour une agence web avec animations modernes et UX soignee. Design epure et responsive pour une experience utilisateur optimale.

Technologies utilisées

Agence Design HTML CSS

Compétences BTS SIO

B3 Développer la présence en ligne de l'organisation
B3.1 Participer à la valorisation de l'image de l'organisation sur les médias numériques

Le site vitrine a été conçu pour incarner l'identité visuelle de l'agence : design épuré, palette graphique distinctive et animations modernes qui valorisent les services proposés. Chaque élément renforce l'image professionnelle et créative de la marque.

B3.2 Référencer les services en ligne de l'organisation et mesurer leur visibilité

Le site intègre les bonnes pratiques de référencement naturel : balises sémantiques HTML5, métadonnées optimisées (title, description, Open Graph), URLs lisibles et hiérarchie de contenu cohérente. Cette structure facilite l'indexation par les moteurs de recherche et améliore la visibilité.

B3.3 Participer à l'évolution d'un site Web exploitant les données de l'organisation

Le site présente l'offre de services et les réalisations de l'agence avec une structure modulaire. Cette organisation permet d'enrichir facilement le contenu — nouvelles prestations, nouveaux projets — et de faire évoluer la présence en ligne au fil du temps.

B4 Travailler en mode projet
B4.1 Analyser les objectifs et les modalités d'organisation d'un projet

La conception a démarré par l'analyse des besoins de l'agence : positionnement, cibles, messages clés. Ce cadrage a défini l'arborescence du site, le ton éditorial et le parcours utilisateur, qui ont ensuite guidé les phases de design et de développement.

B4.2 Planifier les activités

Le projet s'est articulé autour de jalons clairs : maquettage, intégration HTML/CSS, ajout des animations, recettage puis déploiement. Chaque phase avait un livrable identifié, ce qui a permis de tenir les délais et d'ajuster les priorités au fur et à mesure.

B5 Mettre à disposition des utilisateurs un service informatique
B5.1 Réaliser les tests d'intégration et d'acceptation d'un service

Le site a été testé sur plusieurs navigateurs et résolutions pour valider le rendu responsive et la compatibilité. Des tests d'acceptation portant sur le parcours utilisateur, l'accessibilité et la performance ont permis de corriger les écarts avant la mise en ligne.

B5.2 Déployer un service

Le site a été déployé sur un hébergement web après configuration du domaine, du certificat HTTPS et des fichiers de production. La procédure de mise en ligne a été documentée pour garantir un déploiement sans interruption.

B6 Organiser son développement professionnel
B6.1 Mettre en place son environnement d'apprentissage personnel

Le projet m'a poussé à approfondir les techniques d'animation CSS modernes (transforms, transitions, keyframes) et les principes de design d'interface. Une veille régulière sur les tendances UX et la lecture de ressources spécialisées ont nourri ma progression.

Informations

Type Propriétaire