JeremieJeremie designer UI/UX

wordpress jeremie
Description

Jérémie est un designer UI / UX de talent. Il offre également son expertise sur le branding (logo, identité visuelle, charte graphique) et la conception de site (arborescence, wireframing).

J’ai effectué l’intégration et le développement de son premier site.

voir le projet
  • Intégration
  • Développement web
  • Sécurité
illustration jeremie
logo jeremie
icones jeremie

Branding

Jeremypages.fr a été réalisé dans un style Flat design sobre et épuré. L'alternance de fond sombre et clair ainsi que de nombreuses animations donnent à son site un aspect dynamique et original.

wordpress jeremie

Palette de couleurs

Les principales couleurs utilisées sur l’ensemble du site (hors déclinaison):

#191817

Background

#FF6A58

Elements : boutons, icônes

#fff

Font

#f2ece7

Background

Typographie

Les 2 types de police utilisées sont Butler et Maven Pro avec 5 déclinaisons de graisse. Butler donne un aspect moderne à cette police serif. Elle est utilisée pour les titres. Roboto est utilisée pour les textes pour son confort de lecture.

Butler Medium

font-family: « Butler-Medium »; font-size: 7.85714286em; line-height: 0.94545em; color: #2A2929;

MavenPro Regular

font-family: « MavenPro-Regular »,sans-serif; font-size: 1.14286em; line-height: 1.5625em; color: #C7C7C7;

Roboto-Regular

font-family: « MavenPro-SemiBold »,sans-serif; font-size: 1em; line-height: 1em; color: #2A2929;

Développement web

jeremypages.fr est un site web WordPress avec un thème réalisé sur mesure (fromScratch).

wordpress jeremie responsive
wordpress jeremie responsive

Intégration web: WordPress sur-mesure

Création d’un formulaire de contact simple. Réalisation d’un blog portfolio.

Projet

  • Date : 2021
  • Création du site : 2,5 mois

HTML

  • Sur mesure (From scratch)
  • 5 modèles de page HTML
  • Thème générique JointsWP

SCSS

  • 5k lignes
  • Flex (80%), Foundation 6
  • Fluide : % / em / rem
  • Responsive & compatibilité

Javascript & environnement

Front / JavaScript / JQ

  • 1 Menu responsive custom
  • 1 Sliders (Slick)
  • Transition de page Barbajs
  • Effet sur le scroll Magnetic button
  • Effet JS bouton projet
  • Effet Motion hover sur images
  • Effet Feturbulence sur images

Edition

  • Advanced Custom Fields PRO
  • Site entièrement éditable

Environnement

  • PhpStorm
  • Gulp
  • Git / GitHub

Responsive 15 breakpoints

Responsive tous supports : smartphone 0-640 px | tablette 640-1024 px | écran 1024 et + | breaks point intermédiaires

tablette jeremie
logo jeremie
smartphone jeremie
smartphone jeremie

Explorez l'intégralité du site Web sur Jeremypages.fr

Avis du client

Avis client bientôt disponible.

Développement PHP

Création d’un menu flat responsive (JQ / CSS). Intégration de 2 sliders.

PHP

  • Blog
  • 5 types de contenu (Requêtes etc.)
  • Menu & sidebars

Autres

  • HTTPS
  • Formation

Plugins

  • 1 formulaire (Contact Form 7)
  • WPRocket (cache)
  • Yoast SEO (SEO)
  • RGPD

Sécurité & SEO

Sécurité

  • Pratiques recommandées WP (15 items)
  • BackWPup (sauvegarde)
  • iThemes Security (antivirus)
  • Pare-feu serveur

SEO

  • Formation SEO

Projet suivant