Portfolio BETA 2016

RICHWOOD


Startup developer
Web Designer & graphiste
Freelance
richebois.benjamin@gmail.com

Mon parcours atypique m'a permis de conserver et d'aiguiser mon intuition, ma créativité et mon imagination

Mon parcours ↓

Licence de Géographie

Licence à Paris IV - Paris Sorbonne en Géographie + Certificat au Québec.

2009 - 2011
Certificat en géographie (UQAM)

Échange à l'UQAM (Montréal, Canda) avec un projet de réaméngement urbain à San Francisco dans le cadre d'un cours d'urbanisme

2011 - 2012
Touche 'S' du clavier pour afficher le volet
Maitrise en culture

Première année de master à Paris IV, spécialisé en Culture, Politique et Patrimoine

2012 - 2013
Programme I•D•E•A•

Programme sur l'entrepreneuriat, l'innovation et le design, porté par l'EMLYON & Centrale Lyon

2013 - 2015
SmartUP

Création et dévelopement de l'association entrepreneuriale de l'EMLYON

2015 - 2016
CAPSA Container

Stage intrapreneurial chez CAPSA Container
Développement de l'hébergement éphémère de demain en container

2015
Freelance

Freelance - Web designer indépendant
Conception de MVP pour les startups qui se lancent.

2015 -
Licence de Géographie

Mon cursus en géographie m'a fait aborder un large horizon de thématiques : hydrologie, étude de bassin versant, litho-stratigraphie, démographie, géopolitique, urbanisme etc. Je me suis rapidement tourné vers la géographie humaine et culturelle - par rapport à la géographie physique.

Pendant la licence, je me suis initié au web design & au graphisme, que j'ai appris et développé en autodidacte parallèlement des cours.
La modélisation 3D sur Blender est venue compléter mes créations en graphisme.

modélisation 3D
Projet 1912

Dans le cadre d'un cours de cartographie, je me suis initié au dessin vectoriel, que j'ai nettement affiné plus tard (lors du Programme I•D•E•A•).

Certificat en géographie

J'ai validé ma troisième année de licence en échange à l'UQAM, à Montréal au Canada. Cette année en Amérique du Nord a été l'occasion de d'aborder la géographie différement. road trip aux USA

J'ai suivi un cours d'urbanisme pendant mon année d'échange à Montréal : ce projet en équipe de 6 consistait à proposer un réaménagement du quartier de SoMa à San Francisco, et comprenait un stage d'une semaine sur site, avec rencontre des acteurs locaux. Nous avons alors traversé les Etats-Unis en voiture pour nous y rendre et découvrir la Californie.

San Fransisco
Crédit photo : Kathryn • Flickr - licence libre

En plus des livrables exigés tout au long du semestre, nous avons présenté notre travail devant un jury composé notamment de délégués de la municipalité de Montréal et d'un cabinet d'architectes.

Maitrise en culture

Après ma licence (validée au Canada), j'ai poursuivi mes études de géographie avec un Master spécialisé en Culture, Politique et Patrimoine.

Pendant cette première année, j'ai préparé un mémoire sur la réappropriation urbaine par le sport, c'est à dire comment les habitants et les acteurs privés s'approprient la ville et l'espace public au sens large, par le biais d'activités sportives (tels que le parkour, le street workout, le crossgolf, la longboard, les géocaches, la slack line, le basejump, le wingsuit etc.).

Programme I•D•E•A•

Ce programme s'articule autour de 4 grands pôles : les sciences humaines, l'art, l'ingénierie et l'entrepreneuriat.
La première année comprend

Installation pour les Lumières 2014 Face à la vallée de Lingshed

La deuxième année est centrée sur l'entrepreneuriat, avec un projet de création d'activité et un stage d'intrapreneuriat de 7 mois.

Projet de Création d'Activité sur un concept de malette adapté aux travailleurs nomades Panchaïa, une malette pour travailleurs nomades

SmartUP
Voir le cas plus bas

L'association SmartUP a pour vocation de favoriser et de développer l'entrepreneuriat - de le rendre accessible au plus grand nombre. Cette expérience associative était pleine d'ambition dès le début : on a beaucoup travaillé pour développer rapidement l'association au sein de l'écosystème du campus tout en assurant une base identitaire très solide pour la suite.

identité visuelle de SmartUP

Les réalisations de l'association dès la première année :

  • Réalisation de l'identité de l'association,
  • Co-organisation du TEDxEMLYON (avec l'association FORUM),
  • Organisation du premier Startup weekend à l'EMLYON et de la première Woman Edition de France,
  • Organisation d'apéros-pitch pour développer un terreau d'entrepreneurs et fédérer une communauté,

J'ai réalisé la charte graphique et tout l'univers visuel qui définit l'association - consigné dans un document dédié : le SmartUP Design Notebook.

identité visuelle de SmartUP

Stage intrapreneurial chez CAPSA Container

Ma mission était de développer un logement éphémère en container. D'abord positionné sur l'urgence, le projet a pivoté vers le logement étudiant.
Mes missions étaient les suivantes :

  • Gestion de projet sur le développement d’un hébergement éphémère en container
  • Veille, documentation et rencontres des acteurs sur l’hébergement d’urgence,
  • Conception universelle : le logement a été pensé pour un usage par des Personnes à Mobilité Réduite,
  • Travaillé sur les règlementations de résistance thermique (RT 2012 et RT2020)et de stabilité au feu en vigueur (,
  • EUROCLASSES),
  • Étude de marché, plateforme de marque et Business Plan,
  • Prospection commerciale sur l’activité événementielle,

Capsa Container

Dans le cadre du diplôme, j'ai rédigé un mémoire sur mon expérience de stage chez CAPSA. J'ai élargi la problématique :
Comment l'innovation impacte-t-elle les valeurs et l'identité des P.M.E. industrielles ?

Mémoire de fin d'étude

Webdesigner freelance

Je suis à présent auto-entrepreneur, et je développe des sites web, en m'attachant à garder un message pertinant pour le client et à offrir des expériences marquantes pour les visiteurs.

Je travaille à travers ce site - encore en développement - à offrir une expérience de navigation qui me ressemble, avec des easter eggs et surprises pour les plus curieux d'entre vous ;). J'ai voulu mon portfolio original, qu'il mette en scène de manière pertinente mes compétences en graphisme, en UI et bien sûr en programmation.
Si vous avez un site à réaliser, que vous ayez en tête quelque chose de très précis, ou au contraire une feuille blanche avec l'envie de proposer quelque chose d'original, n'hésitez pas à me contacter ! C'est la touche Touche P du clavier de votre clavier, puis l'encart à gauche ;)

Logo Richwood

[profiler.exe V2.06.3]

[Built : Jul 14 2015/14:31:05]
he.engine-1.00.0095.git SDK //
Autorised Users only
login>A_Pearce
password> *************
ACCESS GRANTED
$ login -n root
root@jensen:~/bin/data$ |

Browse
:01/_RICHWOOD/a.Jensen/
\>_
:/02/_RICHWOOD_0.8/
\>_
:/02/_WAYNETECH_0.9/identity
\>_
:/02/_RICHWOOD_0.9/credit
\>_
Send a message

This portfolio has many themes. You can pick one by cliking it, or launch a random one by pressing "T"


[Already available]

[Coming soon]
Presence online
Links to other projects or website talking about Richwood
Made with love a keyboard.
Project started in 2015, June.
Frameworks and libraries :
  • Velocity + jQuery (animtations)
  • Vivus (animation along paths) - thanks to Max Wellito
  • jQuery Unveil.js - lazy loading d'image (MIT licence)
  • Photoshop and Illustrator for all the figures
  • Sublime Text (with the Emmet package) and FileZilla
  • Inspiration for this portfolio : fubiz, blogduwebdesign, awwward

All the code, except the libraries quoted above, was written by me. In the same way, all the illustrations present in this web site (images, pictograms, photographies) were drawn or designed by myself.

Client informations //
---------------------------------
Connection from
[IP adress] : 54.80.192.30
[Time connection] : Sat, August 27th 2016, 05:00:52 PM
TIME ZONE : +02:00Europe/Berlin:8080
82.236.108.16:8080 Sending request HTTP

Portfolio

BOOK


Mes principales réalisations sont présentées ici. Cette partie est encore en cours de réalisation et de mise en page ; d'autres projets viendront bientôt s'ajouter !

MAKERTOUR

makertour.fr

L'association MakerTour explore, documente et partage la diversité des fablabs et ateliers collaboratifs de fabrication dans le monde. Créée à l'occasion de la première expédition de six mois à la rencontre de 50 ateliers en France et en Europe, la plateforme makertour.fr permet de retrouver tous les lieux explorés sous forme de fiches. Elle est basée sur WordPress, pour la simplicité de gestion et la rapidité de rédaction des fiches des ateliers rencontrés. Le mot d'ordre, pour le développement du thème, était dans le sens de cette simplicité, en créant des cases toutes prêtes pour guider et tenir au mieux la trame que l'équipe MakerTour s'était fixée.

Techno et langages utilisés : Clever Cloud, Wordpress, PHP, Illustrator

Tour d'Europe des Makers

Page d'accueil du site MakerTour

La page d'accueil présentait l'avancement de la campagne KissKissBankBank ainsi qu'un résumé de leur projet et de leur démarche.

En un coup d'oeil

Page des ateliers explorés

La page des ateliers explorés devait rendre compte au premier coup d'oeil de tous les lieux visités. Nous avons opté pour une mise en page en mosaïque, avec un nombre d'informations visibles très restreint ; le passage de la souris révèle une courte description du lab, invitant à cliquer pour en savoir davantage.

Un back-office personnalisé

Pour restituer au mieux leurs découvertes et leurs explorations, l'équipe a organisé sa documentation au travers de critères et de catégories. J'ai mis en place des champs personnalisés (des Custom fields dans la terminologie WordPress) pour rendre les restitutions des ateliers les plus simples et rapides possibles.

interface administrateur avec Custom field

Un ensemble de fonctions dans les fichiers du thème - ici function.php - permet de créer des champs dédiés dans l'interface administrateur, et permet d'organiser les informations dans la base de données. Les fichiers du thème mettent ensuite en page ces données.

Il s'agit de l'association étudiante que j'ai co-crée en 2014, alors étudiant du programme I•D•E•A•. C'est une association entre l'EMLYON Business School et CENTRALE Lyon. Elle promeut l'entrepreneuriat et l'innovation, à travers des actions concrètes et des événements d'ampleur : TEDx EMLYON (co-organisé avec l'association FORUM), Startup Weeknd EMLYON et des apéros pitch. Ses valeurs s'articulent autour de 3 axes :

Inspiration • Partage • Action

Une association entrepreneuriale

Les différents supports réalisés pour SmartUP

L'univers graphique

Logo

La charte graphique s'appuie sur l'univers des superhéros, pour inviter l'étudiant à devenir le héros de son projet. Le logo aborde le rouge de l'EMLYON, celui du dynamisme et du super-héroïsme. Le Design Notebook donne plus d'explications sur l'identité de l'association.

Les différents supports réalisés pour SmartUP

Charte graphique

Le Design Notebook est le document qui consigne tous les codes, les valeurs et les éléments d'identité de SmartUP, qui guide toutes les productions graphiques de l'association.

Ce document a pour vocation d'ancrer durablement l'identité originelle pour tous les mandats futurs.

Le document qui consigne toutes les règles graphiques de SmartUP : le Design Notebook

Comics

J'ai mis en chantier un Comics qui raconte l'histoire d'un entrepreneur dans la ville fictive de Neo-Confluence (Lyon en 2027).
Ce Comics met en scène Arnaud, entrepreneur dans l'âme, qui va découvrir le milieu entrepreneurial au fil de ses rencontres. Cette première page est un pilot, qui avait pour but de consolider l'identité et de donner une orientation décalée pour la communication.

La première page du Comics sur Arnaud et Neo-Confluence - histoire d'une aventure entrepreneuriale

Supports de communication

Implantée sur le campus de deux prestigieuses écoles, cette jeune association a mis les moyens pour faire parler d'elle. Outre les événements importants organisés dès le premier mandat, les supports de communication ont été portés à la hauteur de cette volonté, avec un univers très fort et très marqué.

J'ai illustré tous les événements du mandat par des infographies et des dessins. Le design des newsletters, des affiches et des rapports a été pensés en cohérence avec cet univers.

Quelques exemples de visuels réalisés pour SmartUP : compte-rendu d'événements, mailing, etc.

Symbole

Pour la journée des associations, j'ai réalisé une vidéo de promotion, avec comme symbole une canette de boisson énergisante. L'habillage de la canette reprenait les valeurs et le ton de l'association, à la fois dans l'humour et dans la provoc' assumée. On a décidé de parodier le style narratif d'Apple, en donnant une tournure complètement parodique pour justement centrer le discours sur nos actions concrètes et accomplies pour notre tout premier mandat d'existence.

L'emblème de notre association : la canette SmartUP

Site web

Site officiel de l'association

Inévitable, le site web est la vitrine de cette association naissante. Il reprend les éléments visuels forts de l'univers des superhéros pour présenter les événements, l'équipe et la mission SmartUP. Les croquis et les bulles s'invitent donc tout naturellement sur la page web.

page web du site wearesmartup.com

Site web du TEDx

Co-organisé avec l'association FORUM, l'EMLYON Business School a accueilli un TEDx, sur le thème de la "Confluence". Roman Chaffal et Lucile Vidaud ont géré toute la partie graphique (notamment tous les codes processing !) ; j'ai intégré les animations et la charte dans un site web dédié à cet événement.

Page d'accueil du site TEDx2014, réalisé en processing

MONMENTOR

monmentor.fr

Monmentor.fr est une plateforme de mise en relation entre des étudiants et lycéens d'un côté, et des actifs en poste d'un autre, pour aider et mentorer les jeunes dans leur orientation et la construciton de leur projet professionel.

J'ai réalisé la plateforme web - une marketplace -, avec système d'authentification, filtres de recherches, réservation d'entrevues avec un mentor, paiement sécurisé etc.
J'ai également co-travaillé sur la charte graphique, en dessinant les mockups des pages et l'architecture du site. Le logo, l'univers des pictogrammes et la mise en page des outils ont été conçus en parallèle par d'autres graphistes.

Techno et langages utilisés : Ruby on Rails, JS, Git, Heroku, Illustrator

L'univers graphique

Mon mentor met en relation des publics très éparses. Il a fallut jouer de ces différences, en proposant un univers attractif et dynamique. La dominance du vert canard s'est imposée pour son rappel du stylo vert correcteur - et de l'enseignement par extension - et pour le calme qu'il dégage. Le graphisme est resté proche de l'univers des superhéros (les textes et les pictos l'évoquent par moment), et pousse le mentoré à prendre son destin en main et embrasser pleinement sa carrière, tant professionnelle que personnelle.

Un graphiste externe s'est chargé de dessiner le logo définitif, qui symbolise le mentor qui tutore l'élève et le mène sur la voie de son orientation.

Une plateforme solide

Le site est codé en Ruby ; son framework - Ruby on rails - est éprouvé et fiable. Il offre une grande souplesse de développement, une rapidité d'itération, et une bonne fiabilité. Stripe a été retenu pour le paiement : Stripe s'intèrgre parfaitement à Ruby on Rails et s'avère très sécurisé. De plus, Stripe Connect permet de charger les mentorés et de reverser automatiquement la charge aux mentors (en déduisant la commission au pasage).

Sécurité des transactions

La plateforme nécessite un bon niveau de sécurité - notamment pour les transactions bancaires. De fait, les mots de passes sont chiffrés, et les communications sensibles (avec le service de paiement Stripe) sont également cryptées, doublées d'un certificat SSL certificat SSL https://www.monmentor.fr

CAPSA

CAPSA Container est une entreprise industrielle spécialisée dans la transformation de containers, principalement dans le secteur de l'industrie et de l'événementiel.

Un stage d'intrapreneuriat clôt le programme I•D•E•A• ; le but est d'implémenter une démarche d'innovation, dans le but bien sûr de délivrer un produit ou un service innovant. Mon mandat de sept mois chez CAPSA Container consistait à réalsier un hébergement éphémère en container.
Dans le cadre du master, j'ai rédigé un mémoire sur l'impact de l'innovation sur l'identité et les valeurs de l'entreprise au sein des P.ME. industrielles - qui s'appuie en grande partie sur l'expérience chez CAPSA.

Des mises en page de catalogue produit

CAPSA Container est positionné sur plusieurs secteurs, et chacun d'entre eux compte des valeurs, des interlocuteurs et des prestataires différents. Cette pluralité d'interlocueteurs doit se ressentir dans des offres différenciées, et également dans la présentation de ces offres. Dans cette perspective, j'ai réalisé deux catalogues de présentations des produits CAPSA, avec des approches complètement différentes : un catalogue des produits issus de l'événementiel et un catalogue des réalisations dans le secteur industriel.

catalogues CAPSA : catalogues industriel et événementiel

Des visuels en 3D

Pour accompagner certains devis ou appels d'offres, j'ai modélisé en 3D quelques projets issus du bureau d'études. Il s'agissait principalement de scénographie de plusieurs containers agencés ensemble, parfois d'aménagements intérieurs - et parfois les deux.

Scénographie de container pour la marque Acreos

Scénographie de container pour la marque Forankra

Mise en scène d'un container pour le navigateur J.P. Dick

Modélisation d'un logement en container

Pour accompagner certains devis ou appels d'offres, j'ai réalisé des modélisations des projets issus du bureau d'études, modélisé entièrement en 3D. Il s'agissait principalement de scénographie de plusieurs containers agencés ensemble, parfois d'aménagement intérieur - et parfois les deux.

Remonter au menu du Book
Remonter
clavier
  • S → Ouvrir/fermer le panneau latéral
  • P → Interface admin
  • T → Changer de theme
  • E → Effacer le chemin
  • Ctrl + Shift + J → Afficher la console
  • F11 → Plein écran
  • B → Book
  • H → retour en haut
  • A → ????
  • F11 → Plein écran
  • Ctrl + U → Code source
  • ← naviguation →

Bienvenu sur mon portfolio !

Pour les plus curieux, de nombreuses surprises et Easter eggs sont cachés sur le site.

Le volet au bas de votre écran facilitera vote navigation sur le site.

Je ne vous retiens pas plus longtemps. Bonne visite :)

Cette fenêtre n'apparaît que pour votre première visite.



Succès xbox360