star_cursor
star

Stage — Web Design

Stage de 3 mois — Pixl Agency

star Vers le site web
star
01

Mise en situation

Premiers pas dans le monde du travail. Trois mois pour faire mes preuves.

stage_01

Lors de mon cursus à la Haute École Albert Jacquard, j'ai été amené à réaliser un stage de 3 mois en entreprise, pour ma part chez Pixl Agency

Durant ce stage, j'ai créé plusieurs designs de site sur Figma. J'ai aussi appris à utiliser Wordpress et Elementor. J'ai également été en charge de la création d'un site client de A à Z : Delmarcelle Concept.

star
02

Phase de recherches

Mon premier site client de A à Z. Un défi à relever !

stage_02

Avant de commencer à créer quoique ce soit, il me fallait des informations sur mon client. J'ai donc pris quelques minutes à discuter avec lui afin de définir ce dont il avait besoin.

Il avait besoin d'un site assez simple, classe, épuré contenant plusieurs pages. Ce site présenterait ses différents services ainsi qu'un formulaire de contact pour communiquer avec ses clients.

star
03

Création du design

Premier site d'agence, voyons ce que ça donne...

stage_03

Pour l'entièreté du site, je suis parti sur des textes noirs sur fond blanc afin de répondre au côté épuré qu'il m'avait demandé.

Pour les typos, j'en ai choisi trois. La Poppins, la plus globale, la Outfit pour les sous-titres et la PlayFair Display pour les grands titres.

Pour la page d'accueil, j'ai essayé de jouer avec plusieurs images et textes en laissant assez d'espace entre chaque parties.

Pour les pages services, j'ai utilisé le même design pour chacune des pages. Comme ça, je n'avais qu'à changer le contenu en fonction du service demandé.

star
04

Développement du site

Une nouvelle manière de créer : Wordpress et Elementor.

stage_04

Pour ce site, j'ai principalement utilisé WordPress et Elementor pour la création et la gestion du contenu. Cela consistait principalement en la création de pages et la gestion du contenu à l'aide de l'interface visuelle d'Elementor.

Pour certaines animations telles que le menu déroulant, je les ai moi même codées en HTML, CSS et JavaScript. J'ai donc découvert qu'on peut tout à fait mélanger le code et la gestion des blocs avec Elementor.

star
star

Autres projets

Envie de découvrir mes autres projets ? Cliquez sur les cartes afin de voir ce qu’elles renferment.

Data Clash

2025

Clash entre différents artistes

Janus

2024

Site critique du streamer ZeratoR