FullArtaChips

FullArtaChips

Ici, j’ai créé un site vitrine portfolio, pour l’entreprise fictive FullArtaChips. Ce projet s’est déroulé, durant mes cours d’anglais, pendant ma 1ère année de Bachelor Cycle « Web et Multimédia », à MyDigitalSchool de Vannes. Le but était de créer un portfolio pour une marque fictive.

Compétences

Développement d’un
site vitrine

Optimisation de
l’expérience utilisateur (UX)

Logiciels

wordpress-logo

Utilisation de
WordPress

css logo

Utilisation du
langage CSS

Développement du projet

  • Ce travail était un projet de groupe avec Chevalier Rémy et Vernageau Anaïs. Nous avons décidé de créer une marque qui associe nos 3 identités visuelles, à savoir, The Chips pour Anaïs, ArtaWave pour Rémy et FullDevSpirit pour moi-même. Nous avons aussi recherché un slogan qui se marie bien avec le projet, ce qui a donné "3 Friends. 3 Skills. But 1 project : Your Project".

Recherche

Ce travail était un projet de groupe avec Chevalier Rémy et Vernageau Anaïs. Nous avons décidé de créer une marque qui associe nos 3 identités visuelles, à savoir, The Chips pour Anaïs, ArtaWave pour Rémy et FullDevSpirit pour moi-même. Nous avons aussi recherché un slogan qui se marie bien avec le projet, ce qui a donné « 3 Friends. 3 Skills. But 1 project : Your Project ».

Identité visuelle

Chevalier Rémy et Vernageau Anaïs se sont chargés tous les deux, de l’identité visuelle, avec la création du logo pour Anaïs et la maquette du site web pour Rémy visible sur Figma.

Développement

Extensions

Pour réaliser ce site, j’ai utilisé plusieurs extensions :

MetaSlider qui a permis de créer le slider du site.
Kadence Blocks qui a facilité la création des pages, avec des blocs prédéfinis, qui s’ajoutent directement à Gutenberg, le constructeur de page par défaut de WordPress.
Spectra s’intégre également pour permettre l’ajout d’animations et rendre le site dynamique.
Complianz permet elle de gérer le consentement des cookies sur le site.

Zoning

Le site est découpé en différentes zones spécifiques. Dans le Header, nous retrouvons un message, précisant que le site est fictif. En dessous, à gauche, se trouve l’image de marque avec le logo réduit et son nom. À droite, est placé le menu principal avec les pages du site et un Call To Action (CTA) qui ramène directement sur la page de contact.
Dans le Footer, nous pouvons retrouver d’abord l’image de marque avec son slogan, puis la navigation principale du site web, les coordonnées de l’entreprise et en dessous le menu secondaire des pages légales et le copyright.

Pages

Par la suite, j’ai créé les différentes pages. La page « Home » est décomposée en trois parties. La première est la zone nommée Hero qui attire le client vers la page de contact, grâce à un titre accrocheur, un bouton (CTA), menant à la page « Contact » et un design attractif avec le logo. La seconde partie présente l’entreprise. La dernière partie est un rappel vers la page « Contact », qui reste le but principal d’un portfolio, être contacté.
Puis, la page « Projects » est composée d’un texte accrocheur et des articles de projets, réalisés par chacun d’entre nous.
Enfin, la page « Contact Us », elle aussi, reprend un texte accrocheur ainsi qu’un formulaire de contact et la présentation de l’équipe avec les 3 « marques » associées.

Conclusion

Ce projet nous a permis de travailler en équipe, sur un projet concret, tout en améliorant nos compétences en anglais professionnel.

Quelques visuels

FullArtaChipsMockup2
FullArtaChipsmultiscreenmockup2
FullArtaChipsScreenmockup2

Liens

Vous pouvez visualiser le site
en cliquant sur le bouton ci-dessous :

Site FullArtaChips