Design · Développement · IA

Josean Araújo

Vision. Code. Mouvement.

Je crée des expériences numériques qui relient identité, technologie et personnes.

Vision en mouvement

Chaque idée ouvre un nouvel univers.

  1. 01 Automobile
  2. 02 Bars
  3. 03 Cafés & Restaurants
  4. 04 Glacier
  5. 05 Barbier

Automobile

02 / 08 Automobile

GetMOTO

Réparation et location de motos · Luton, Royaume-Uni

Un scooter qui se démonte pièce par pièce au fil du défilement.

Un site d’une page pour un atelier de motos et scooters à Luton : réparations, programmation de clés, préparation au contrôle technique (MOT) et location. L’ouverture est une séquence de 150 images où le scooter se démonte au défilement ; la location et les rendez-vous ouvrent WhatsApp avec la demande déjà remplie.

  • Séquence de 150 images
  • GSAP ScrollTrigger
  • Location via WhatsApp

02 / 05 Secteur

Bars

De la bouteille au verre : des lieux où retrouver ses amis, avec l’énergie de ceux qui servent au comptoir.

  1. 03 Chez TonTon Pontchâteau
  2. 04 La Cabane à Mousse Herbignac

03 / 08 Bars

Chez TonTon

Bar et cave · Pontchâteau, France

Du froid du frigo à la chaleur du comptoir.

Un bar et une cave à Pontchâteau : bières et vins sur place ou à emporter. L’ouverture commence dans le frigo ; une bouteille sort du cadre, la lumière froide laisse place à une affiche de bière sur papier crème, et l’affiche passe la main au vrai bar.

  • Un raccord mesuré
  • Scène 2.5D au défilement
  • Vite

04 / 08 Bars

La Cabane à Mousse

Cave, bar à bières et location de tireuses · Herbignac, France

Un toast entre deux verres ouvre la page.

Une cave, un bar à bières et un service de location de tireuses à Herbignac. Sur ordinateur, la page est la planche de design validée, reconstruite en HTML : le même toast et les trois mêmes chapitres sur papier déchiré, avec du vrai texte sur les images, net et lisible par les moteurs de recherche.

  • Fidèle à la planche validée
  • Une ouverture de 2,8 s
  • Vite

03 / 05 Secteur

Cafés & Restaurants

De vraies photos, l’odeur du café et des plats qui donnent envie de commander.

  1. 05 Rumi Cafe Dublin
  2. 06 Lovinspoon Dublin

05 / 08 Cafés & Restaurants

Rumi Cafe

Café turco-irlandais · Dublin, Irlande

La vapeur du café écrit la signature de Rumi.

Un café familial de Francis Street, à Dublin 8 : café de spécialité, douceurs turques et une façade bleu canard que tout le monde reconnaît. Un site de plusieurs pages, avec une carte de 18 produits avec recherche et filtres, histoire, galerie, club et cartes cadeaux ; les commandes se poursuivent sur le site de commande du café.

  • Site de plusieurs pages
  • Logo vectorisé avec OpenCV
  • Carte avec filtres

06 / 08 Cafés & Restaurants

Lovinspoon

Café petit-déjeuner et sandwichs · Dublin, Irlande

Le sandwich du déjeuner se monte couche par couche.

Un café de Frederick Street North, à Dublin 1, pour le petit-déjeuner, les sandwichs et un bon café. Trois scènes photographiques racontent l’histoire : un sandwich qu’on vous tend, un petit-déjeuner irlandais complet et un déjeuner qui se monte couche par couche au défilement.

  • Détourages recalés
  • Un sandwich au défilement
  • Sans bloquer la page

04 / 05 Secteur

Glacier

De la couleur, du goût et une scène qui change de parfum.

  1. 07 isola Mosede Havn

07 / 08 Glacier

isola

Glacier · Mosede Havn, Danemark

Quatre parfums, quatre univers, une seule scène.

Un glacier sur le port de Mosede. La page s’ouvre sur une composition stable, le titre à gauche et une boule suspendue au-dessus du cornet, et laisse le parfum changer autour : pistache, caramel salé, mangue et framboise, au défilement ou avec le sélecteur.

  • Scène 2.5D en 14 détourages
  • Sélecteur de parfums
  • Textes en danois

05 / 05 Secteur

Barbier

Précision, rituel et la lumière ambrée du fauteuil.

  1. 08 Bayro Cut Greve

08 / 08 Barbier

Bayro Cut

Barbier · Greve, Danemark

La tondeuse quitte la main du barbier et termine la coupe.

Un barbier au sein de WAVES, à Greve : coupes homme, dégradés et barbe, sur rendez-vous par téléphone. L’ouverture est une scène pilotée par le défilement où la tondeuse quitte la main du barbier, s’ouvre en corps, lame et sabot, parcourt le dégradé, et le portrait se pose dans la galerie.

  • Scène 2.5D au défilement
  • Pièces recalées avec OpenCV
  • Vite
  • Reel · 67 s Récit mystère Scénario, rythme et sous-titres animés

  • Motion design · 15 s État d’esprit Typographie cinétique et détourages

  • Motion design · 15 s Menu interactif Cartes, une main à l’écran et typographie

  • Motion design · 13 s Interface sur prise de vue UI en verre sur prise de vue réelle

  • Motion design · 12 s Pub de livraison Rythme rapide, produit et offre

  • Motion design · 12 s Lancement de boisson Produit, couleur et typographie

À propos · derrière la vision

La technologie commence par l’humain.

Je suis Josean Araújo. Mon parcours relie implémentation logicielle, présentation de solutions et développement web. À Dublin, avec Microsoft, j’ai rapproché enjeux métier et technologie. À Paris, chez Hewlett Packard Enterprise, j’ai dirigé la présentation et la formation du programme HPE Flex Offers dans toute la France.

Aujourd’hui, je mets cette expérience au service du design, du code et de l’intelligence artificielle : je crée des expériences numériques et je connecte des outils en flux de travail.

J’aime penser l’expérience dans son ensemble : la première impression, ce qui se passe à chaque interaction et la manière dont la technologie devient utile pour la personne en face.

Expérience

  1. 2022 — 2023 Paris, France

    Hewlett Packard Enterprise

    Responsable Présentation et Formation · Programme HPE Flex Offers

    • Pilotage du programme national de présentation et de formation HPE Flex Offers en France.
    • Animation de 10 à 15 ateliers et présentations stratégiques auprès de plus de 100 clients et partenaires grands comptes.
    • Traduction de la modernisation des infrastructures en bénéfices business clairs pour chaque public, avec les équipes commerciales, marketing et techniques.
    • Prix interne de l’entreprise reçu deux mois consécutifs, pour des résultats au-dessus des attentes.
  2. 2020 — 2021 Dublin, Irlande

    Microsoft / Infosys

    Consultant Solutions Techniques · Conseiller en technologies business

    • Présentation des solutions Microsoft avec une approche centrée sur le client et le métier.
    • Qualification des besoins et traduction des enjeux métier en recommandations technologiques.
    • Lien entre priorités business, équipes techniques et exécution, dans un environnement multiculturel.
Basé en
France
Parcours
Brésil · Irlande · France
Langues
Português · English · Français
Mon parcours sur LinkedIn (s’ouvre dans un nouvel onglet)

Processus

De l’intention à l’expérience.

  1. 01

    Comprendre

    Identité, public, service et expérience souhaitée.

  2. 02

    Donner forme

    Direction artistique, structure du contenu, composition et narration du mouvement.

  3. 03

    Construire et affiner

    Interface, comportement, adaptation à chaque écran et revue des détails.

Contact · le prochain chapitre

Créons le prochain.

Un projet, une collaboration ou une bonne conversation.

Échanger sur LinkedIn (s’ouvre dans un nouvel onglet)