Se mettre à son compte en temps que freelance n’est pas chose facile. Il est impératif de se démarquer des autres indépendants et agences avec un site internet bien conçu et automatisé. Votre template portfolio doit être clair, original et vous devez mettre en avant votre savoir faire et vos compétences.

Dans ce tutoriel Photoshop en vidéo, nous allons apprendre à créer un template portfolio de site Internet minimaliste de A à Z pour mettre en avant vos créations et acquérir de nouveaux clients.

Programme du tuto template portfolio

Création du template de la page d’accueil

  • Création du header
  • Création d’un moteur de recherche, d’icônes liées aux réseaux sociaux et d’un menu
  • Mise en place d’un slider en full width pour afficher vos dernières créations
  • 2 blocs d’articles pour afficher les deux dernières actualités du blog
  • Création d’un slider pour afficher les logos de vos clients
  • Création du footer (pied de page)

Déclinaison de la page à propos

  • Mise en place d’un slider d’images
  • Mise en situation de barres de compétences
  • Afficher les photos de l’équipe
  • Création d’une sidebar pour afficher les derniers projets et articles

Déclinaison de la page portfolio

  • Création d’un filtre par catégorie
  • Mise en place du portfolio en 2 colonnes
  • Mise en situation d’un rollover sur une image

Déclinaison de la page single folio

  • Mise en place d’un slider pour afficher plusieurs images par projet
  • Mise en situation des boutons de partage
  • Informations complémentaires de votre client (logo, nom, date, description, site web)
  • Mise en place des projets similaires pour un meilleur maillage du site

Déclinaison de la page blog

  • Création d’un listing de vos actualités
  • Simulation d’un liker interne au site
  • Simulation d’une pagination pour favoriser l’indexation des pages

Déclinaison de la page single blog

  • On se basera sur le même template de page que single folio

Déclinaison de la page contact

  • Création d’un simple formulaire de contact
  • Simulation avec un googlemap

Cette formation est composée de trois chapitres (un pack à prix réduit est disponible ici) :

Cette formation Photoshop est destinée aux débutants / intermédiaires voulant se perfectionner sur le logiciel. Ce tuto peut être suivi à partir de la version CS6 de Photoshop.