À PROPOS
HUMAIN
COMPÉTENCES
MUSIQUE
NATURE
TREK-IN
Prototype d'application nomade sur le thème de la randonnée, réalisé dans le cadre des études en écriture multimédia à l'ISFSC en bac 1.
EXCHANGE-PLATFORM
Site axé sur la mise en relation de professionnels du multimédia et de débutants, pour un coaching personnalisé.
PORTFOLIO WEB
Portfolio web réalisé dans le cadre de mes études en écriture multimédia bac 2 à l'ISFSC. Il a pour but de montrer mes connaissances et de refléter mon univers.
SITE WEB BETACOWORK
Pour mon stage de bac 2 en ériture multimédia à l'ISFSC j'ai refait le site web du betacowork - espace de coworking à Etterbeek.
PARCOURS
CONTACT
© Copyright - tous droits réservés, Basile Vanhaverbeke.
TREK - IN
Trek-in est un prototype d'application nomade basé sur la randonnée, réalisé avec
Anthony Charlier
dans le cadre de nos études en écriture multimédia en BAC 1 à l'ISFSC.
Il s'agit d'un dispositif nomade qui permet de trouver de manière efficace un partenaire ou groupe de personnes afin de réaliser ensemble une randonnée interactive et multimédia dans la région Wallonne ainsi que de tisser des liens entre les utilisateurs.
Nous avons dû pour ce projet contacter un réel potentiel client, pour adapter notre travail à ses besoins. Notre émetteur était l’ASBL « Wallonie Bruxelles Tourisme » changé depuis peu en « Wallonie Belgique Tourisme », ils s’occupent désormais de promouvoir le tourisme surtout en Wallonie.
Tout le long de la conception de ce prototype nous avons développé des compétences en design d'écrans, ergonomie, marketing et en gestion de projet.
- | Retourner au portfolio | -
EXCHANGE PLATFORM
Exchange platform est un site web dynamique réalisé avec Frédéric Godeaux dans le cadre de nos études en écriture multimédia à l'ISFSC.
Ce projet a pour but de mettre en relation des professionnels du multimédia (streamer, vidéaste et pro-gamer) avec des novices pour un coaching personnalisé.
Chaque membre met en avant une vidéo "démonstration" de ce qu'il sait déjà faire, et c'est sur cette dernière que les coachs basent le coaching.
Il s'agit du projet d'année de deuxième, dans lequel était évalué nos compétences en PHP, Base de données, Graphisme et méthodologie.
Nous nous sommes réparti les tâches et j'ai donc essentiellement développé le Back-End, c’est-à-dire la base de données en elle-même et les interactions du site avec celle-ci.
J'ai donc développé plusieurs processus dans ce site :
- Un système d'inscription
- Une connexion
- Une interface personnalisée en fonction de l'utilisateur
- Une section "mon profil" où l'utilisateur peut modifier ses informations personnelles.
- Une sélection aléatoire des coachs de la plateforme était mise en avant sur l'accueil, avec une note pour chacun étant la moyenne des notes données par les utilisateurs après chaque coaching.
- Une page affichait les "cartes membres". Chaque inscrit sur la plateforme y est représenté, avec un résumé de leur profil. En passant la souris sur ces cartes, on peut appuyer sur un bouton pour visiter leur profil et s'ils sont coachs, demander un coaching. Un système de filtre permet d'affiner la recherche de membre en ne sélectionnant par exemple que les coachs, vidéastes, etc.
- Système de coaching :
- Demande de coaching par le novice + annuler
- Prise du coaching / refus du coach par le coach + notification
- Terminer le coaching par le coach + annuler
- Terminer le coaching par le novice + laisser commentaire + noter le coaching
- Chaque membre a un profil reprenant les informations qu'il a décidé de donner. Avec en avant une vidéo démonstration, base du système de notre site. Pour les coachs, une vignette est visible pour chaque coaching qu'il a fait, reprenant la note du novice et un commentaire laissé par ce dernier. Une note globale est visible sur le profil des coachs, c'est une moyenne des notes attribuées pour chaque coaching qu'il a donné.
- | Retourner au portfolio | -
PORTFOLIO WEB
Il s'agit de mon premier portfolio en ligne imaginé et codé entièrement par mes soins. Il a été réalisé dans le cadre de mes études en écriture multimédia bac 2 à l'ISFSC. Il a pour but de représenter mon savoir-faire et mon univers graphique. Dans le cadre de nos études nous devons trouver un stage de 9 semaines, c'est donc le CV idéal pour accompagner les nombreux mails de demande !
Pour coder ce portfolio j'ai utilisé de l'HTML et du CSS essentiellement. J'ai également utilisé les outils bootstrap et jquery pour quelques-unes de leurs fonctionnalités (comme par exemple la grille responsive de bootstrap). La majeure partie des animations sont faites à base de @keyframes en CSS, excepté l'une ou l'autre en JQUERY.
J'ai ensuite suivi la progression de mon site via google analytics et optimisé mon contenu pour le référencement.
- | Retourner au portfolio | -
SITE WEB DU BETACOWORK
Le betacowork disposait d'un ancien site web, vieux de 6 ans et sur lequel étaient déjà passés 3,4 développeurs. Ils ont décidé de migrer de serveur et à l'occasion nous avons été engagés pour repenser totalement le design, l'expérience utilisateur et l'agencement du contenu. En 8 semaines nous avions le défis de prendre en main l'outil Wordpress pour réaliser une version moderne du site de l'espace de coworking.
Nous avons dans un premier temps fait une analyse approfondie de l'ancien site du betacowork. Nous avons ensuite listé tout le contenu et nous avons réorganisé celui-ci afin d'optimiser au maximum l'UX.
Nous avons par la suite dessiné des wireframes en nous basant sur les retours du client et en intégrant toutes les fonctionnalités que le site devait impérativement posséder (ex: faq, login, affichage d'une liste de membres en php, etc.). Après quelques aller-retours avec le client nous avons pu passer aux layouts sur Illustrator. Nous avons imaginé et créé une nouvelle identité graphique au betacowork en essayant d'y refléter au mieux l'esprit du coworking.
Nous sommes ensuite passés au codage wordpress, dans un premier temps sur un serveur test et dans un second temps sur une version définitive. Nous avons acheté un thème en accord avec nos besoins et avons commencé à customiser ce dernier à l'aide d'une feuille de style et de php !
- | Retourner au portfolio | -