large_night-shift.png

medium_night-shift.png

small_night-shift.png

thumbnail_night-shift.png

night-shift.png

Theme Night Shift

L'objectif de cet outil est de faciliter la vie des utilisateurs de macos.

Ce produit s'adresse principalement aux power users notamment à cause de la procédure d'installation peu accessible et surtout à la dépendance sur yabai, logiciel qui instaure une toute nouvelle approche de l'utilisation des fenêtres de vos applications.

Le but de ce widget est de représenter chacun de vos espaces de travail et pour chacun d'entre eux d'afficher toutes les applications ouvertes, afficher le nom du processus courant ainsi que tout un lot de données diverses (heure, date, réseau wifi, etc...).

J'ai également mis en place un site vitrine présentant cet outil.

large_simple-bar-2.jpg

medium_simple-bar-2.jpg

small_simple-bar-2.jpg

thumbnail_simple-bar-2.jpg

simple-bar-2.jpg

large_simple-bar-3.jpg

medium_simple-bar-3.jpg

small_simple-bar-3.jpg

thumbnail_simple-bar-3.jpg

simple-bar-3.jpg

large_simple-bar-1.jpg

medium_simple-bar-1.jpg

small_simple-bar-1.jpg

thumbnail_simple-bar-1.jpg

simple-bar-1.jpg

simple-bar

2ème refonte de mon application de prise de note.

L'objectif était, dans cette version de mon application, de simplifier au maximum l'ensemble des fonctionnalités et de ne conserver que l'essentiel.

Les catégories ont donc disparues au profit d'un simple système d'étiquetage par couleur (à l'instar du Finder de mac OS).

Un éditeur WYSIWYG est toujours présent et implémenté à l'aide de QuillJS.

large_notes_1.png

medium_notes_1.png

small_notes_1.png

thumbnail_notes_1.png

notes_1.png

large_notes_4.png

medium_notes_4.png

small_notes_4.png

thumbnail_notes_4.png

notes_4.png

large_notes_3.png

medium_notes_3.png

small_notes_3.png

thumbnail_notes_3.png

notes_3.png

large_notes_2.png

medium_notes_2.png

small_notes_2.png

thumbnail_notes_2.png

notes_2.png

Notes

Site vritine réalisée pour le compte de Pascal Chassoux, un réalisateur Lyonnais.

Ce site atypique est composé principalement de vidéos affichées les unes sous les autres.

Il m'a donc fallu développer un lecteur de vidéo sur mesure afin de pouvoir gérer le chargement en streaming des vidéos ainsi que pour créer une interface de lecture personnalisée.

large_pascal-chassoux-1.jpg

medium_pascal-chassoux-1.jpg

small_pascal-chassoux-1.jpg

thumbnail_pascal-chassoux-1.jpg

pascal-chassoux-1.jpg

large_pascal-chassoux-2.jpg

medium_pascal-chassoux-2.jpg

small_pascal-chassoux-2.jpg

thumbnail_pascal-chassoux-2.jpg

pascal-chassoux-2.jpg

large_pascal-chassoux-3.jpg

medium_pascal-chassoux-3.jpg

small_pascal-chassoux-3.jpg

thumbnail_pascal-chassoux-3.jpg

pascal-chassoux-3.jpg

Portfolio - Pascal Chassoux

Site internet réalisé pour le compte de l'association Takamouv à l'occasion du festival Rally of Culture.

Reste de la description à venir...

large_roc1.jfif

medium_roc1.jfif

small_roc1.jfif

thumbnail_roc1.jfif

roc1.jfif

large_roc2.jpg

medium_roc2.jpg

small_roc2.jpg

thumbnail_roc2.jpg

roc2.jpg

Rally of Culture

Site internet personnel destiné à présenter mon activité et mes projets.

Autant une vitrine qu'un exercice destiné à mettre en pratique mes dernières connaissances acquises, ce portfolio présente mes créations et mes services dans en français et en anglais.

large_jt2.jpg

medium_jt2.jpg

small_jt2.jpg

thumbnail_jt2.jpg

jt2.jpg

large_portfolio20191.jpg

medium_portfolio20191.jpg

small_portfolio20191.jpg

thumbnail_portfolio20191.jpg

portfolio20191.jpg

large_jt3.jpg

medium_jt3.jpg

small_jt3.jpg

thumbnail_jt3.jpg

jt3.jpg

Portfolio 2019

Site internet réalisé pour le compte d'Emilie Chausy, architecte d'intérieur.

Il s'agit un site Wordpress destiné à présenter l'activité, la philosophie & les créations.

En plus de la livraison du site, il m'a fallut former ma cliente à l'utilisation de ce dernier afin qu'elle soit autonome et puisse faire évoluer ce dernier sans interventions de ma part.

large_ec1.jfif

medium_ec1.jfif

small_ec1.jfif

thumbnail_ec1.jfif

ec1.jfif

large_ec2.jpg

medium_ec2.jpg

small_ec2.jpg

thumbnail_ec2.jpg

ec2.jpg

large_ec3.jpg

medium_ec3.jpg

small_ec3.jpg

thumbnail_ec3.jpg

ec3.jpg

large_ec4.jpg

medium_ec4.jpg

small_ec4.jpg

thumbnail_ec4.jpg

ec4.jpg

large_ec5.jpg

medium_ec5.jpg

small_ec5.jpg

thumbnail_ec5.jpg

ec5.jpg

EC Archidesigner

Refonte de mon application de prise de note.

Le concept de ce projet est donc le même que mon précédent Notepad finalisé en mars 2018. L'objectif était d'alléger le projet en le reprenant de zero.

La première étape d'allègement a été de passer en revue la totalité des fonctionnalités de la version précédente et de ne conserver que celles étant vitales. 

Parmi les fonctionnalités retirées, on retrouve : le tchat, le formulaire de contact, le partage de notes, les différents types de notes, les mots clés ratachés à chaque notes, et tout un lot de fonctionnalités "gadgets".

Je me suis ensuite séparé d'un certain nombre librairies : adieu jQuery, Material Design Lite, TinyMCE.

J'ai profité de cette refonte complète pour revoir de A à Z le design du site et repartir sur la base d'un thème foncé (ce dernière présentant tout un tas d'avantages et avant tout doux pour les yeux).

J'ai également intégré QuillJS (un éditeur de texte WYSIWYG) remplacant (léger et sans dépendance vers jQuery) TinyMCE. J'ai aussi intégrer une petite librairie me permettant de gérer l'ordre de mes catégories et notes en glissant/déposant ces dernières.

Afin de finaliser ce projet, il ne me reste plus que la recherche de notes a développer.

Une fois terminé, j'ai toujours pour projet de le redévelopper à nouveau avec des technologies plus modernes telles que React ou bien avec des Custom Elements (que j'ai pu utliser lors de la création de la dernière version de mon portfolio).

large_notepad21.jpeg

medium_notepad21.jpeg

small_notepad21.jpeg

thumbnail_notepad21.jpeg

notepad21.jpeg

Notepad 2

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

Ce site réalisé sur la base de Wordpress & Divi a pour objectif de promouvoir les réalisations des membres de cette agence.

Toute ma réflexion lors du développement a été guidée par l'idée de rendre le site facilement éditable par ses propriétaires. Il me fallait en effet répondre à leurs attentes quand au niveau de personnalisation de leur site (ces derniers m'ayant fourni une ligne graphique) tout en conservant la facilité d'utilisation des outils d'édition (fournis par Divi).

J'ai donc travaillé à l'intégration de plusieurs éléments sur-mesure n'étant pas proposé par Divi par défaut (carousel de logos partenaires automatisé, galerie de projets/aperçus)

Il m'a également été demandé d'intégrer la plupart des contenus de base du site. J'ai donc préparé plusieurs "templates" de projets permettant d'avoir une mise en forme de base lors de l'ajout d'un nouveau projet au site.

Afin de compléter ma démarche de facilitation de l'utilisation du site, j'ai rédigé tout une documentation détaillants toutes les démarches d'édition et d'ajout de contenu.

large_woot1.jfif

medium_woot1.jfif

small_woot1.jfif

thumbnail_woot1.jfif

woot1.jfif

WOOT

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

Huma.a est une association de la loi 1901 issue de l’héritage du mythique DV1, club Lyonnais ayant fermé ses portes en 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). 

large_humaa1.jfif

medium_humaa1.jfif

small_humaa1.jfif

thumbnail_humaa1.jfif

humaa1.jfif

large_humaa2.jpg

medium_humaa2.jpg

small_humaa2.jpg

thumbnail_humaa2.jpg

humaa2.jpg

Huma.a

Application web de prise de note.

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](https://getmdl.io/) 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.

large_notepad1.jfif

medium_notepad1.jfif

small_notepad1.jfif

thumbnail_notepad1.jfif

notepad1.jfif

large_notepad2.jfif

medium_notepad2.jfif

small_notepad2.jfif

thumbnail_notepad2.jfif

notepad2.jfif

large_notepad3.jfif

medium_notepad3.jfif

small_notepad3.jfif

thumbnail_notepad3.jfif

notepad3.jfif

Notepad

Site internet "One page" réalisé pour le compte d'un ami DJ, Jibis. 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écisément aux besoins de Jibis.

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

large_jibis.jfif

medium_jibis.jfif

small_jibis.jfif

thumbnail_jibis.jfif

jibis.jfif

large_jibis2.jfif

medium_jibis2.jfif

small_jibis2.jfif

thumbnail_jibis2.jfif

jibis2.jfif

Jibis

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

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.

large_tmp1.jpg

medium_tmp1.jpg

small_tmp1.jpg

thumbnail_tmp1.jpg

tmp1.jpg

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

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

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

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.



Projets