Loading...
Accueil
A propos
Mes solutions
Projets
Contact
Jean Tinland
Intégrateur Web
Portfolio
Menu
Accueil
Accueil
A propos
A propos
>Mes solutions
Mes solutions
Projets
Projets
Contact
Contact
A propos
Presentation
Formation
Experiences
Competences
En bref

Actuellement en CDI chez Valraiso en tant que Webdesigner, j’interviens principalement dans l’intégration des nouveaux sites marchands des Écoles de Ski Français.

Après 3 ans passés en Bachelor Digital Business à WIS, j'ai obtenu une certification RNCP (niveau 2) de “Responsable de Communication”.

J'ai donc reçu un enseignement polyvalent : du Développement Web au Graphisme, en passant par la Communication et le Marketing Digital.

Je suis également auto entrepreneur à votre disposition pour réaliser vos projets, n'hésitez pas à prendre contact avec moi. Vous trouverez mon profil freelance sur Malt.

Hobbies
Développement
Vélo
Course
Peinture
Lecture
Blog/rédaction
Jeux vidéos
Développement Web
HTML/CSS, Javascript/JQuery, PHP MySQL, Symfony, AngularJS, gestion de BDD.
Graphisme
Web Design, UX Design, Tendances design, Suite Adobe, Techniques de production Print.
Communication
Fondements du Marketing et de la Communication, Stratégies de Communication, Anglais.
Management
Management, Economie et Droit du Web, Conception de cahier des charges.
Juin & juillet 2016
Aout 2016
Mars à aout 2017
Septembre 2017 à Aout 2018
Depuis septembre 2018
Cliquez sur la frise chronologique pour faire défiler mes expériences
Juin & juillet 2016
Stage
Société INFOCOSME INFOCOSME
A l'issue de ma 1ère année chez WIS, il m’était demandé d’effectuer un stage de fin d’année d’une durée de 2 mois (du 17 Mai au 15 Juillet) dans le domaine du web. C’est donc chez Infocosme – chez qui j’avais auparavant effectué un stage d’observation d’une semaine au cours de ma 3eme – que j’ai choisi de postuler et ai été accepté.
Ma principale mission a été, une fois les outils pris en main, d'effectuer une refonte de l'outil de retour utilisateur (RUL) des clients d'INFOCOSME en me servant de Bootstrap. Cette mission avait pour but de déterminer si il était intéressant ou non d'intégrer Bootstrap au CMS d'INFOCOSME. Les tests on donc été concluants et j'ai pu participer à cette évolution au cours du CDD ayant eu lieu plus tard ce même été.
Technologies employées :
  • - HTML5/CSS3
  • - Bootstrap
  • - Xpx*
  • - Javascript
  • - Jquery
  • - My SQL
  • - Sybase
(*) Le XPX est un langage de programmation intégré au HTML créé par INFOCOSME. Il a été conçu pour faciliter l'accès à une base de données depuis un site Internet. Il permet d'intégrer simplement des éléments d’une base de données aux pages Web, pour les rendre dynamiques et interactives. Il ne demande que peu de notions de programmation et s'adresse donc à un large public.
Aout 2016
CDD
Société INFOCOSME INFOCOSME
A la suite du stage de fin d'année de WIS de 2 mois, mon maître de stage m’a alors proposé un contrat d’un mois afin de répondre aux besoins d’un client : la mise en place d’un site commercial (Boutique, etc…). Mon travail sur ce projet consistait à créer, à partir de la maquette en .psd du client, les pages du site en HTML/CSS et en intégrant Bootstrap à leur CMS.
Technologies employées :
  • - HTML5/CSS3
  • - Bootstrap
  • - Xpx
  • - Javascript
  • - Jquery
  • - Sybase
Logiciels utilisés :
  • - Adobe Dreamweaver
  • - Adobe Photoshop
  • - Adobe Illustrator
Mars à aout 2017
Stage
Société VALRAISO VALRAISO
Ce stage prend place en fin de 2ème année chez WIS. En accord avec l'entreprise, ce dernier devait faire office de préparation à un contrat de professionalisation au cours de l'année suivant (3ème année WIS). J’interviens donc dans l’équipe ESF - Sites marchands de Valraiso.
Technologies employées :
  • - HTML
  • - CSS/Less
  • - Javascript
  • - Jquery
  • - Git
Au cours de ce stage, j'ai pu être introduit aux différents outils et langages utilisés par Valraiso (déja connus pour la plupart). On m'a aussi présenté les diverses missions auxquelles j'allais être confronté pour toute la durée de ma présence à Valraiso. Les diverses tâches qui m'ont été confiées sont détaillées dans la période de Septembre 2017 à aout 2018.
Septembre 2017 à Aout 2018
Contrat pro
Société VALRAISO VALRAISO
Réalisé en alternance avec ma 3ème année chez WIS
Technologies employées :
  • - React
  • - HTML
  • - CSS/Less/Sass
  • - Javascript
  • - Jquery
  • - Git
Mes principales missions ont été les suivantes : dialogue avec les clients afin de définir une arborescence, intégration du design du nouveau site, mise en place des modules complémentaires, rédaction du contenu du site, formation auprès du client à l’utilisation du CMS, maintenance technique du site précédemment mis en place.
J'ai également été formé à l'utilisation de React (& ReactDom) dans le cadre d'un nouveau projet dont le développement a été entamé au cours de l'été 2018.
Depuis septembre 2018
CDI
Société VALRAISO VALRAISO
Démarré à l'issue de mes 3 années chez WIS dans la continuité de mon contrat de professionalisation.
Technologies employées :
  • - HTML
  • - CSS/Less/Sass
  • - Javascript
  • - Jquery
  • - React
  • - Git
Technologies
HTML5/CSS3
Bootstrap
Javascript
Wordpress
PHP
MySQL
ReactJS
AngularJS
Logiciels
Terminal
Adobe Photoshop
Adobe Illustrator
Adobe InDesign
Sequel Pro
Sketch
Zeplin
Mes solutions
Vitrine simple
Site internet statique
Fonctionnalités de base :
  • Site "One page" ou multi-pages
  • Carousel animé
  • Présentation de l'activité/entreprise
  • Mises en avant diverses (services, retours clients, etc...)
  • Formulaire de contact simple (personnalisable)
  • Contenu statique
Vous êtes intéressé(e) ?
Devis
Vitrine évolutive
Site internet avec CMS
Fonctionnalités de base :
  • Développé avec Wordpress
  • Thème (design) de votre choix
  • Panel d'administration (grâce à Wordpress)
  • Arborescence sur mesure
Vous êtes intéressé(e) ?
Devis
Sur-mesure
Site internet adapté à vos besoins
A venir...
Vous avez un autre besoin ?
Faites moi part de ce dernier !
Si vous voulez me faire part d'un projet de plus grande envergure ou que mes différentes solutions ne répondent pas à vos attentes, n'hésitez pas pour autant à prendre contact avec moi.
Pour cela, il vous suffit de cliquer ici :
Contact
WOOT
HUMA.A
Notepad
ICON
TMP
Jibis
Cliquez sur l'un des projets ci-dessus pour afficher les détails ici
WOOT
Professionnel
Détails
Client : Agence WOOT
Période : Depuis décembre 2017
Technologies employées
Wordpress
Thème DIVI (editeur Drag'n'Drop)
HTML5
CSS3
Javascript
JQuery
Fancybox 3
PHP
Fonctionnalités
Site vitrine / Portfolio
Carousel automatisé
Contenu modulable grâce à Divi
Formulaire de contact sur mesure
Gallerie d'images filtrable
Création d'une documentation/notice d'utilisation
En bref

Site internet réalisé pour le compte de l'agence créative Lyonnaise WOOT rassemblant 3 auto entrepreneurs.

Description détaillée

A venir...

HUMA.A
Associatif
Détails
Client : Association Huma.a
Période : Depuis septembre 2017
Technologies employées
HTML5
CSS3
Javascript
PHP
MySQL
Facebook API
Règles .htaccess
Aucun framework CSS ou Javascript
Fonctionnalités
Site "One page"
CMS sur mesure
Petite boutique
Player audio
Lazy-loading (images, vidéos & iframes)
Formulaire de contact
Gallerie d'images (zoom au survol de la souris)
Système de changement de langue
API basique
En bref

Site internet réalisé pour le compte de l'association Huma.a, un collectif de Dj's Lyonnais.

Description détaillée

Huma.a est une association de la loi 1901 issue de l’héritage du mythique DV1, club Lyonnais ayant fermé ses portes de 2016.

Dans l'idée d'accompagner le lancement de l'association, il fallait à cette dernière une vitrine sur le web et c'est à ce niveau là que j'interviens en rejoignant l'association et en prenant en charge le développement d'un site vitrine simple.

La première version de ce site, sortie rapidement afin de se faire une place au niveau du référencement, a été développée à l'aide d'un template Bootstrap.

Pour des raisons d'optimisation surtout pour l'alléger, j'ai donc redéveloppé entièrement le site de zéro (septembre 2018) en oubliant tout type de framework. Le résultat chargeant très rapidement son contenu : uniquement le nécessaire à l'arrivée sur site puis tout le reste lors du Déroulement de la page.

L'étape suivant consiste à mettre en place un Back-Office à destination des artistes & membres de l'association. Il s'agit de faire en sorte de rendre les membres plus autonomes vis à vis de moi sur la gestion du contenu de ce site. Les artistes peuvent donc désormais éditer leur présentation respective (nom, description, réseaux sociaux, etc...). Il est également maintenant possible pour les utilisateurs du BO de modifier la description de l'association, d'ajouter des évènements ou encore des mixs. Un système de "droits" permet de gérer les "pouvoirs" de l'utilisateur dans le BO.

Le dernier ajout en date est l'intégration d'une petite boutique en ligne permettant à l'association de vendre ses tee-shirts en ligne (via PayPal).

Notepad
Personnel
Fermer
Détails
Client : Jean Tinland
Période : aout 2017 à mars 2018
Technologies employées
HTML5
CSS3
Less
Material Design Lite
Javascript
Jquery
TinyMCE
Highlight.js
PHP
MySQL
Règles .htaccess
Fonctionnalités
Application "One page"
Plusieurs types de notes
Editeur WYSIWYG
Catégories
Chat intégré
Formulaire de contact
Upload d'images
Partage de notes
En bref

Application web de prise de note.

Description détaillée

Ce projet prend place dans différents contextes : personnel, professionnel & scolaire. L’idée est de pouvoir accéder à des ressources diverses où que je sois.

Il s’agit donc de mettre en place une solution de bloc-notes. Ce dernier doit être accessible via navigateur (desktop & mobile).

A ses débuts très simple, mon application de notes a rapidement évolué afin de répondre à mes besoins. La plus grosse évolution étant l'ajout d'un 3ème type de notes (s'ajoutant aux 2 éxistants : simple text & code). Ce 3ème type intègre un éditeur de text WYSIWYG permettant la rédaction de document plus structuré et riches. Un système de partage de note est également venu se greffer à l'existant.

3 refontes graphiques ont été nécessaires avant de parvenir à un rendu satisfaisant. La dernière refonte intègre la librairie Material Design Lite qui vient moderniser l'interface grâce à tout un lot d'animations et de styles simples et efficaces.

Le dévelopement de cette application a été un excellent exercice permettant d'améliorer grandement ma compréhension du Javascript à travers Jquery & l'Ajax lié au PHP.

J'envisage de redévelopper ce concept avec des technologies plus modernes telles que React et en mettant en place une API en PHP.

ICON
Professionnel
Détails
Client : Clément G. (ICON)
Période : De janvier à octobre 2017
Technologies employées
Wordpress
HTML5
CSS3
Javascript
Jquery
Fonctionnalités
Landing page
Blog
Formulaires de contact
En bref

Site Wordpress réalisé pour le compte d'ICON. Actuellement composé d'une landing page ainsi que d'un blog.

Description détaillée

Ce site Wordpress a été réalisé à partir d'un thème existant entièrement retravaillé.

On retrouve dans une premier temps une landing page qui présente le projet ICON, qui propose une inscription à une Newsletter et pour finir qui affiche les derniers articles du blog. Dans un second temps on retrouve le blog et ses articles en rapport avec le projet et le networking de façon générale.

Le site intègre un charte graphique et un logo réalisés par une collègue graphiste.

TMP
Professionnel
Détails
Client : Clément G. (ICON)
Période : De janvier à octobre 2017
Technologies employées
HTML5
CSS3
Bootstrap 3
Javascript
Jquery
PHP
Adminer
Fonctionnalités
Site "One page"
Formulaire de contact
Envoi d'email avec pièce jointe
En bref

Site internet "One page" destiné à mettre en avant un club de trading sur Lyon.

Description détaillée

Mise en place d'une landing page dédiée à la présentation d'un club de trading lyonnais : The Market Place

Il s'agit d'un site en onepage qui propose au visiteur d'adhérer au club via 2 formulaires qui correspondent chacun à une étape : la demande de l'ebook dans lequel se trouve le mot de passe permettant d'accéder à la 2ème étape qui consiste à exprimer ses motivations afin de potentiellement entamer les démarches d'adhésion au club.

Jibis
Professionnel
Détails
Client : Jibis
Période : Depuis avril 2017
Technologies employées
HTML5
CSS3
Bootstrap 3
Javascript
Jquery
Fonctionnalités
Site "One page"
Système de changement de langue
Formulaire de contact
En bref

Site internet "One page" réalisé pour le compte d'un ami DJ, Jibis.

Description détaillée

Site simple réalisé au cours de ma 2ème année à WIS.

Jibis avait besoin d'une refonte de son site internet vieillissant et surtout non adapté au mobile.

J'ai donc repris un template Bootstrap comme base de travail et amélioré celui-ci afin de répondre précisement aux besoins de Jibis.

Une petite quantité de Jquery a été nécessaire pour mettre en place le système de changement de langue des différentes descriptions.

Contact