Projet Portfolio

• Lien du repo de l'énoncé : hepl-dw/projet-portfolio
• Voir le Moodboard sur Milanote
• Voir le prototype du Wireframe sur Figma
• Voir le prototype du Design sur Figma

---

0. Introduction

Prénom NOM : Maïde AKDEDE

URL du site : http://maide-ak.me/

Le site a été développé avec Wordpress.

1. Présentation du projet

Le Projet portfolio, est un projet scolaire qui consiste à designer et développer notre propre portfolio en ligne. Le but principal est de mettre en avant nos compétences et nos qualités afin de pousser notre futur employeur à nous engager ou encore attirer des futurs clients. Le portfolio comprend donc une brève présentation de nous-même et une liste de tous nos projets réalisés.

Consignes

---

2. Public Cible

• Professionnels (se faire engager (job ou stage))
• Tout le monde (puisse comprendre qui je suis et ce que je fais)

---

3. Cahier des charges

• Site en une seul page (one page)
  • Chaque section prendra la hauteur de la page
  • Au scroll, faire un full page scroll
• Animation d'arrière plan pas trop imposante, légère, discrète, sobre
• Site mode dark
• lister les projets dans la page
  • Slider Horizontale
  • ces projets listés doivent être cliquables
  • permettre d'ouvrir la page du projet afin de lire en détail
• Site multilingue (FR/EN et plus si y a moyen)
• Pas de photo de moi
  • envisager de design un personnage pour me représenter
  • donner un côté humain au site
• Typing effect sur le titre
• Police féminine élégante pour les titres h1
• Menu sticky
• Données du site gérées via le CMS Wordpress
• Je n'y mettrai ni mon n° de tel ni l'adresse de mon domicile

---

4. Plan du site

• Page d'accueil : One Page

  1. Barre de Navigation (sticky)
     • logo : Prénom Nom
     • liens pour renvoyer aux différentes sections de la page : Accueil | Accueil | Projets | À propos | Contact
     • bouton pour changer de langue Fr|En
  2. Contenu de la landing, première section
     • Mon status "étudiante en web design" (typing effect?)
     • Une brève et courte description de moi + mes fonctions
     • 2 CTA : Contactez-moi | Vois mes projets
  3. Section des Projets
     • Titre de la section
     • images d'un projet
     • titre du projet
     • au hover : voir le projet | en savoir plus
  4. Section À propos
     • titre de la section
     • Une description de moi
  5. Section Contact
     • titre de la section
     • Texte qui pousse à interagir.
     • formulaire de contact
  6. Footer
     • adresse mail de contact (au cas où le formulaire ne suffit pas)
     • changement de langue
     • © et année de réalisation du site + année actuelle

• Page d'un projet

  • Menu Navigation
  • Titre du projet
  • Une image 'screen' de la landing page
  • Afficher les couleurs utilisées (charte graphique) en bulle
  • description du projet
  • bouton CTA pour afficher le site
  • Proposer 3 dernières projets à voir
  • CTA "voir tous les projets"