sunseek3rr.Logo en forme de soleil au ton orangé

Sébastien D'Agostin - Web Designer

Projets

Janus

Un projet visant à stimuler l’esprit critique, à créer du contenu répondant à une remise en question, pour finalement le présenter au travers d’une interface accessible.

Dataplay

Création d’une expérience interactive basée sur un jeu de données, la conception de sa présentation et de son identité graphique.

RUX

RUX ou Rethinking UX est un projet étudiant visant à analyser et comprendre un besoin utilisateur en dehors des écrans, mais avec la même méthodologie.

Design Fiction

Imaginer un événement, une technologie ou encore une manière de vivre dans un futur relativement proche afin d’en voir les résultats/débouchées possibles.

À propos

J’ai choisi de faire du Web car je m’intéresse initialement à la psychologie et à la manière dont nous pouvons utiliser les outils de communication de la manière la plus fiable, honnête, éthique et bienveillante.

Alors qu’aujourd’hui nous nous perdons souvent à travers des publicités mensongères, des “fake-news”, des informations incomplètes et/ou non vérifiées et parfois même omises par choix, il est très important pour moi de pouvoir participer au rétablissement d’un mode de communication centré sur l’utile et la nécessité, qui prends en compte l’humain, ses besoins, et les objectifs communs découlant de l’unité.

Mon but est d’abord de comprendre, de la manière la plus précise, votre but et vos ambitions afin de les transformer en contenu accessible à votre audience et ainsi de faciliter l’échange.

Compétences

Logo HTML5 Logo Sass Logo Javascript Logo Figma Logo Visual Studio Code

Contact

Je suis actuellement à la recherche d’un stage professionnel afin de finaliser mon bachelier en Design Web Transmédia.

Si vous êtes intéressé par mes compétences ou mon approche n’hésitez pas à me contacter ci-dessous !

Me contacter
Voir le projet

Janus - Case Study

Un peu de contexte...

Le projet Janus est le premier projet de notre 2ème année de Bachelier. Chacun de nous consomme du contenu sur internet, publié par divers intervenants que l’on appelle : Les influenceurs.

Ce projet consiste à observer notre ou l’un de nos influenceurs préféré, avec un regard critique, afin de pouvoir nous faire notre propre avis à son égard, en admettant autant les côtés problématiques de sa démarche que les bons côtés pour nourrir notre appréciation.

Nous avions 3 pages à faire : une page promotionnelle (les bons côtés), une page critique (les mauvais côtés) et une page factuelle (les statistiques).

Recherche

J’ai un grand intérêt pour les sujets de réflexion, pour l’apprentissage et pour la remise en question des évènements, technologies ou encore des discours qui nous traversent chaque jour.

J’ai choisi de faire mon projet autour de Léo Duff, un youtubeur qui parle de High-techs mais qui se diversifie aujourd’hui dans plusieurs domaines tout en gardant son lien à la nouveauté technologique. J’adore le ton de ses vidéos, le fait qu’il vérifie ses informations et admet l’erreur, dans le but de partager sa réflexion, non pour convaincre, mais plutôt pour sensibiliser au “Pourquoi ?”.

J’ai donc fait mes recherches pour voir quels étaient les sujets polémiques dont il est le centre, les qualités qui lui sont attribuées et enfin quelques statistiques.

Design

Pour le design je me suis inspiré de ses vidéos ou il utilise le Glass morphism et aussi pas de typographies sans-sérif rappelant les designs simples et épurés d’Apple.

J’ai choisi de combiner les deux dans l’optique du minimalisme afin de pouvoir donner un maximum de place au contenu plutôt qu’au décor qui l’entoure.

Pour la page promotionnelle, je me suis basé sur un système de bulle, proche du glass morphism mais sans l’effet glass, avec du texte noir sur un fond blanc, histoire d’attirer l’attention sur le contenu.

Pour la page critique, j’ai fait un design plutôt semblable à ce qu’Apple pourrait faire, avec un petit peu plus de personnalisation.

Enfin pour la page factuelle c’est le glass morphism traditionnel que j’ai décidé d’utiliser.

Développement

Le site est construit en HTML, CSS et Javascript, j’ai essayé de respecter au mieux la sémantique HTML tout en appuyant sur le CSS pour la mise en forme, et enfin j’ai utilisé du Javascript pour faire quelques animations.

Ce que j'ai appris

L’importance de la clarté, la méthode BEM, l’optimisation des animations via GSAP et non Javascript vanilla, une méthodologie de recherche.

Voir le projet

Les autres projets

Dataplay

Création d’une expérience interactive basée sur un jeu de données, la conception de sa présentation et de son identité graphique.

RUX

RUX ou Rethinking UX est un projet étudiant visant à analyser et comprendre un besoin utilisateur en dehors des écrans, mais avec la même méthodologie.

Design Fiction

Imaginer un événement, une technologie ou encore une manière de vivre dans un futur relativement proche afin d’en voir les résultats/débouchées possibles.

Voir le projet

Dataplay - Case Study

Un peu de contexte...

Dataplay est un projet de groupe qui se base sur un jeu de données en JSON, et qui consiste en la création d’une expérience interactive à travers l’utilisation de Data-visualisation.

Nous pouvions créer notre propre jeu de données (à condition qu’elles puissent être vérifiées et sûres), ou alors faire appel à des API gratuites.

Recherche

Nous avons décidé de construire notre expérience autour d’un clash fictif de données d’artiste Rap US et Rock. Pour cela il a fallu trouver des données intéressantes mais surtout comparables à juste titre. Nous sommes partis sur des statistiques en rapport avec la carrière de chaque artiste, ses nominations, ses prix, le nombre d’albums sortis etc…

Design

Afin de retrouver ce côté Data-visualisation, nous avons décidé de mettre la lumière sur le gagnant du clash, littéralement. Le vainqueur voit alors ses données et son score en rouge et en plus grand alors que le perdant voit ses données en blanc et en plus petit.

Chaque donnée comparée, ou manche, est représentée par une comparaison visuelle. De manière globale, notre design utilise un grand rapport hiérarchique car notre but était de le rendre imposant, en lien avec la nature du clash.

Développement

Le gros point positif de ce site est le rapport entre le design assumé et presque brutal, et le code relativement léger de celui-ci.

Nous l’avons construit en HTML et en CSS et il y a très peu de Javascript, utilisé pour le calcul des scores et pour appeler les données que nous affichons sur le site.

Ce que j'ai appris

Méthodologie de travail en groupe, appel de données via Fetch et format JSON, initiation aux Data-Visualisation.

Voir le projet

Les autres projets

Janus

Un projet visant à stimuler l’esprit critique, à créer du contenu répondant à une remise en question, pour finalement le présenter au travers d’une interface accessible.

RUX

RUX ou Rethinking UX est un projet étudiant visant à analyser et comprendre un besoin utilisateur en dehors des écrans, mais avec la même méthodologie.

Design Fiction

Imaginer un événement, une technologie ou encore une manière de vivre dans un futur relativement proche afin d’en voir les résultats/débouchées possibles.

Voir le projet

RUX - Case Study

Un peu de contexte...

RUX ou Rethinking UX est un projet de groupe qui vise à aborder les principes fondamentaux de l’expérience et des besoins utilisateurs, en l’appliquant dans un projet concret, et en prenant de la distance avec son côté purement numérique.

Notre projet consistait à la confection d’une salle pour les étudiants de notre école, en répondant à leurs besoins.

Recherche

Nous avons d’abord fais des études en transmettant des sondages aux élèves de l’école, afin de recueillir leurs envies et leurs besoins, pour voir comment nous pourrions les appliquer.

La majorité des étudiants avaient besoin d’un espace libre, où l’on pourrait soit travailler, soit se reposer pendant les journées d’école. En effet, une grande partie des étudiants viennent de loin et n’avaient pas la possibilité de s’occuper pendant les heures creuses.

La forme finale du projet est un Case study plus approfondi que nous devions mettre en page individuellement.

Design

Etant donné que le projet est un Case study, donc beaucoup de contenu textuel, j’ai eu l’idée de le mettre en forme à l’image d’un blog ou d’une newsletter, avec un petit côté “scientifique”, pour cela j’ai mis les textes en noir sur un fond blanc, j’ai pris une seule couleur, le bleu, pour représenter les données avec des graphiques.

Enfin j’ai opté pour un surlignage des informations essentielles afin de permettre soit la lecture complète de l’étude, soit d’en parcourir les points essentiels.

Développement

C’est jusqu’ici le site le plus simple que j’ai eu à faire, il repose sur une grille et utilise très peu de CSS. Le but était de sectionner correctement l’HTML et de l’habiller, légèrement, pour le rendre moins ennuyeux malgré la grande quantité de texte. Enfin j’ai utilisé du Javascript pour l’animation de la landing page sur PC ou les images suivent le curseur.

Ce que j'ai appris

Principes de recherche UX, comment rendre une grande quantité de texte plus agréable à lire, méthodologie de travail en groupe.

Voir le projet

Les autres projets

Janus

Un projet visant à stimuler l’esprit critique, à créer du contenu répondant à une remise en question, pour finalement le présenter au travers d’une interface accessible.

Dataplay

Création d’une expérience interactive basée sur un jeu de données, la conception de sa présentation et de son identité graphique.

Design Fiction

Imaginer un événement, une technologie ou encore une manière de vivre dans un futur relativement proche afin d’en voir les résultats/débouchées possibles.

Voir le projet

Design Fiction - Case Study

Un peu de contexte...

Le Design Fiction est une pratique de design qui consiste à imaginer l’impact d’évolutions futures. Il peut s’agir de situations possibles ou entièrement spéculatives. Il permet de rentrer en contact avec une méthodologie prospective en tournant autour de la narration et de prototypes interactifs immersifs.

Recherche

Pour ce projet j’ai imaginé ce à quoi pourrait ressembler l’interface utilisateur d’une IA qui aiderait les étudiants à apprendre, en remplaçant le système d’apprentissage classique où le professeur donne cours à ses élèves, par un système de transmission d’information globalisé ou les professeurs deviennent les accompagnants de l’apprentissage des élèves.

Pour cela je me suis inspiré des IA déjà disponibles en lien avec la gestion et l’apprentissage.

Design

J’ai décidé d’adopter un design simple et efficace ou chaque action est décomposée afin de pouvoir suivre le plus facilement possible une multitude d’élèves sans se perdre dans la grande quantité d’information. J’ai tourné mon expérience autour de la découverte de l’interface à travers les yeux d’un professeur qui chercherait à suivre un élève.

Développement

Le site est relativement simple, la majeure partie est dans L’HTML et le CSS, tandis que j’ai utilisé du Javascript et GSAP pour rendre l’expérience plus agréable et moins statique.

Ce que j'ai appris

Quelques principes d’animation et la manière de les transposer en code, créer du contenu spéculatif et non du contenu qui se rapporte à quelque chose d’existant, décomposer les étapes cruciales pour simplifier l’expérience utilisateur.

Voir le projet

Les autres projets

Janus

Un projet visant à stimuler l’esprit critique, à créer du contenu répondant à une remise en question, pour finalement le présenter au travers d’une interface accessible.

Dataplay

Création d’une expérience interactive basée sur un jeu de données, la conception de sa présentation et de son identité graphique.

RUX

RUX ou Rethinking UX est un projet étudiant visant à analyser et comprendre un besoin utilisateur en dehors des écrans, mais avec la même méthodologie.