Fred-Eric Auger

webjam - vti

Le but de ce projet :

Ce projet est le fruit d'un webjam réalisé par une équipe de quatre personnes. Nous disposions de 36 heures pour concevoir un site WordPress complet avec un thème personnalisé. J'ai choisi de présenter ce projet car nous avons remporté le prix de la meilleure intégration, et j'apprécie énormément le site que nous avons créé ensemble.

Crédits

Type de projet

  • Intégration front-end
  • Design
  • Projet scolaire

Langages / logiciels

  • HTML / CSS / JS
  • Figma

Idéation et conceptualisation

L’élaboration de moodboards et l’analyse approfondie de projets similaires ont été essentielles pour établir des fondations solides pour le projet, favorisant une réflexion créative structurée et assurant un démarrage à la fois efficace et pertinent.

Comparables

Comparables

Guide de styles

Guide de styles

Structuration et design

Maintenant que les bases du projet sont bien ancrées, je vais commencer à travailler sur les wireframes. Ensuite, je me focaliserai sur la conception des maquettes.

Maquette final

Wireframes

Maquette final

Maquette final

Intégration

Pour la conception de ce héros, nous avons choisi une approche épurée, visant à élaborer un style minimaliste tout en préservant une certaine esthétique. Cette démarche nous a permis de mettre en avant l'essentiel, tout en évitant les éléments superflus.

HTML du hero

HTML du hero

Hero

Hero

Interactivité

Pour créer ce carrousel interactif vertical, j'ai utilisé la bibliothèque 'Swiper JS' en ajustant diverses options pour lui donner un aspect plus dynamique. Cela facilite la navigation entre les diapositives.

Javascript du carousel

Javascript du carousel

Carousel

Carousel

portfolio

Projet suivant

portfolio