Aller au contenu

Portfolio de 2020

Design

  • Thème sombre pour mettre en valeur le contenu
  • Palette de couleur harmonieuse
  • Grille d'agencement en full CSS

Fonctionnalité

  • Suppression des accès rapide ; Lorsque je fréquentais régulièrement des forums, je réalisais beaucoup de petit service graphique. Les accès rapides me permettent de mettre en ligne du contenu sans devoir faire un article. J'avais accès au contenu via une liste de lien sans image et sans description
  • Création d'un script JavaScript Vanilla de contrôle de saisi pour le formulaire de contact
  • Taille multiple prédéfinie et couleur personnalisable pour les vignettes de la grille de la page d'accueil
  • Galerie d'image en full HTML/CSS style lightbox

Radiophonix

Radiophonix un projet collaboratif de plateforme libre et gratuite de partage et d’écoute de sagas MP3 (histoire audio)

J'ai rejoins Nathan, le papa et développeur du projet et qui ma laisser carte blanche sur le design et la charte graphique

Logo

L'idée du logo est celui d'un livre ouvert avec le haut du X avec des onde sonore

Carte de visite

Les cartes de visite finales sont épaisses avec un liserer orange de rappel des couleurs du logo

[galerie image="815,816,826,827" format="3-2"]

Bâche publicitaire

En 2019, nous étions invités à tenir un stand lors de la convention du MP3@paris. Nous avions prévu d'imprimer une bâche, mais faute de temps nous avons fait une impression classique en A3

Webdesign

[galerie image="833,840,839,838,837,836,835,834" format="2-3"]

Portfolio de 2015

[galerie image="605,606,607" format="3-2"]

Design

  • Thème claire (mon portfolio a toujours été sur des fond très foncé)
  • Création d'une palette de couleur hamonieuse
  • Menu "rapide" caché au survol de l’accroche "Site en perpétuelle évolution"

Fonctionnalité

  • Thème Wordpress
  • Galerie d'images avec affichage d'une légende si elle existe lors du zoom
  • JavaScript Vanilla
    • Accordeon
    • Galerie d'image
  • Site responsive
  • Répartition des projets sous trois thèmes interconnectés
    • Code : intégration et developpement
    • Design : montage, retouche, graphisme
    • Dossier : Grand projet qui peuvent regrouper plusieurs projets ou les deux thèmes précédents

Poweo, page de maintenance

Vous avez carte blanche pour réaliser la page de maintenance du site du jour de son lancement :

Le texte ci-joint doit être affiché en français et en néerlandais. Le logo doit être présent. Impossible d'y mettre des images

poweo.be
[galerie image="494,495" format="2-2"]
  • Animation en CSS
  • Image en base 64
  • Page responsive
  • Multilangue
  • Konami code

Site One Page Kinematik

Nous avons besoin d'un site vitrine en une seule page qui nous présente ainsi que nos formules. La page d’accueil doit contenir le visuel ci-dessous. La charte du site doit y être également décliné

Visuel du client

kinematik.fr

Webdesign et Intégration :

  • Conception du site
  • rédaction du contenu
  • Site responsive
  • Image en Full background
  • Effet parallaxe
[galerie image="41,42,43,44,45"]

Refonte graphique pour Retropixel

Proposition de refonte du design dans sa globalité (design et intégration de maquette en HTML/CSS)

Page d'accueil
Galerie interactive

MTC – Thème Selva

Thème Nuked Klan
  • L'image de l'en-tête est un slider paramétrable dans les préférences
  • Le fond rouge/vert/jaune dans les encadrés des serveurs de jeu corresponde au nombre de slot disponible :
    • 0 à 5 -> rouge
    • 6 à 10 -> jaune
    • 10 et + -> vert

Portfolio de 2013

Design

  • Changement des couleurs des rubriques et du logo
  • Refonte de ergonomie du backend

Fonctionnalité

  • Passage sous un hébergeur mutualisé
  • Achat des nom de domaine pierre.tl
  • Site responsive
  • Support du site jusqu’à Internet explorer 7
  • Suppression des sous rubrique dans graphisme
  • Ajout des projet en WIP (en cours)
  • Les pages rapide sont dorénavant toujours présenter sous forme de liste de lien sur plusieurs colonnes. Un petit "WIP" apparait à la place de la puce si nécessaire
  • Ajout de Tags
  • Développement du backoffice en PHP
  • Intégration du système de gestion de fichier elFinder
  • Remplacement de l'éditeur de texte cKeditor par markitUp
  • URL rewriting le 2013-07-01
[galerie image="437,438,439,440" format="1-1"]

MTC – Ajustement du nouveau thème

Accueil

  • Modification des images qui encadrent le contenu
  • Réajustements divers

Liste des serveurs

Ajout d'un système d'affichage par accordéon pour la rubrique Serveur pour améliorer la lisibilité, ici c'est la catégorie "Trakckmania" qui est déployer

Page groupe

Ajout d'un classement par onglets des groupes de la Team

Localisation des joueurs

Ajout d'une nouvelle rubrique au menu général, la MTC Maps :

Elle consiste à utiliser l'API de google map et afficher sur cette dernière la localisation des membres selon ce qu'ils ont paramétré dans le profil.
Pour chaque membre affiché, diverses informations sont récupérées dans la base de données comme leur pseudo, leur avatar, les jeux qu'il pratique et leur statut.

[galerie image="428,431,429,430"]

MTC – Refonte

[galerie image="427,426" taille="318x318" apercus="medium"]
  • Création du web-design
  • Intégration sous forme d'un thème Nuked Klan
  • Ajout d’icône au menu
  • Favicon personnalisé
  • Réorganisation des informations
  • Refonte de l'ergonomie
  • Création de la charte graphique
  • Personnalisation d'une série de smiley avec de petite casquette "MTC"
  • Bannière créer par Baya
  • Mascottes réalisé par Yoan Ernoult

Pierre Tampon-Lajarriette • Front-End Designer

Pierre Tampon-Lajarriette