Design · Development · AI

Josean Araújo

Vision. Code. Motion.

I create digital experiences that connect identity, technology and people.

Vision in motion

Every idea opens a new universe.

  1. 01 Automotive
  2. 02 Bars
  3. 03 Cafés & Restaurants
  4. 04 Ice cream
  5. 05 Barbershop

Automotive

02 / 08 Automotive

GetMOTO

Motorbike repair and rental · Luton, United Kingdom

A scooter that comes apart, part by part, as you scroll.

A one-page website for a motorcycle and scooter workshop in Luton: repairs, key programming, MOT preparation and rentals. The opening is a 150-frame sequence in which the scooter comes apart as you scroll; rentals and bookings open WhatsApp with the request already filled in.

  • 150-frame sequence
  • GSAP ScrollTrigger
  • Rentals via WhatsApp

02 / 05 Sector

Bars

From the bottle to the glass: places to meet friends, with the energy of the people behind the counter.

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

03 / 08 Bars

Chez TonTon

Bar and bottle shop · Pontchâteau, France

From the cold of the fridge to the warmth of the counter.

A bar and bottle shop in Pontchâteau: beers and wines to enjoy on site or take away. The opening starts inside the fridge; a bottle lifts out of the shot, the cold light gives way to a cream beer poster, and the poster hands the scene over to the real bar.

  • A measured match cut
  • Scroll-driven 2.5D scene
  • Vite

04 / 08 Bars

La Cabane à Mousse

Beer cellar, bar and tap hire · Herbignac, France

A toast between two glasses opens the page.

A beer cellar, bar and tap-hire business in Herbignac. On desktop the page is the approved design board rebuilt in HTML: the same toast and the same three chapters on torn paper, with real text over the imagery, sharp and readable by search engines.

  • Faithful to the approved board
  • A 2.8 s opening
  • Vite

03 / 05 Sector

Cafés & Restaurants

Real photos, the smell of coffee and food you want to order.

  1. 05 Rumi Cafe Dublin
  2. 06 Lovinspoon Dublin

05 / 08 Cafés & Restaurants

Rumi Cafe

Turkish-Irish café · Dublin, Ireland

The steam from a coffee writes Rumi’s signature.

A family-run café on Francis Street, Dublin 8: speciality coffee, Turkish treats and a teal storefront everyone recognises. A multi-page website with an 18-item menu with search and filters, story, gallery, club and gift cards; orders carry on to the café’s ordering site.

  • Multi-page website
  • Logo traced with OpenCV
  • Menu with filters

06 / 08 Cafés & Restaurants

Lovinspoon

Breakfast and sandwich café · Dublin, Ireland

The lunch sandwich comes together layer by layer.

A café on Frederick Street North, Dublin 1, for breakfast, sandwiches and good coffee. Three photographic scenes tell the story: a sandwich held out to you, a full Irish breakfast, and a lunch that comes together layer by layer as you scroll.

  • Registered cut-outs
  • A sandwich on scroll
  • No scroll lock

04 / 05 Sector

Ice cream

Colour, flavour and a scene that changes its taste.

  1. 07 isola Mosede Havn

07 / 08 Ice cream

isola

Ice cream shop · Mosede Havn, Denmark

Four flavours, four universes, one scene.

An ice cream shop by the harbour in Mosede. The page opens on a stable composition, the headline on the left and a scoop suspended over a waffle cone, and lets the flavour change around it: pistachio, salted caramel, mango and raspberry, by scroll or with the selector.

  • 2.5D scene from 14 cut-outs
  • Flavour selector
  • Copy in Danish

05 / 05 Sector

Barbershop

Precision, ritual and the amber light of the chair.

  1. 08 Bayro Cut Greve

08 / 08 Barbershop

Bayro Cut

Barbershop · Greve, Denmark

The clipper leaves the barber’s hand and finishes the cut.

A barbershop inside WAVES in Greve: men’s cuts, fades and beards, booked by phone. The opening is a scroll-driven scene in which the clipper leaves the barber’s hand, opens into body, blade and guide comb, runs along the fade, and the portrait lands in the gallery.

  • Scroll-driven 2.5D scene
  • Parts registered with OpenCV
  • Vite
  • Reel · 67 s Mystery storytelling Script, rhythm and animated captions

  • Motion graphics · 15 s Mindset Kinetic type and cut-outs

  • Motion graphics · 15 s Interactive menu Cards, a hand in shot and type

  • Motion graphics · 13 s Interface over footage Glass UI over live action

  • Motion graphics · 12 s Delivery ad Fast rhythm, product and offer

  • Motion graphics · 12 s Drink launch Product, colour and type

About · behind the vision

Technology starts with people.

I’m Josean Araújo. My path connects software implementation, solution presentation and web development. In Dublin, with Microsoft, I brought business challenges and technology together. In Paris, at Hewlett Packard Enterprise, I led presentation and training for the HPE Flex Offers programme across France.

Today I bring that experience to design, code and artificial intelligence: I create digital experiences and connect tools into workflows.

I like to think about the whole experience: the first impression, what happens in each interaction and how technology becomes useful to the person on the other side.

Experience

  1. 2022 — 2023 Paris, France

    Hewlett Packard Enterprise

    Head of Presentation and Training · HPE Flex Offers programme

    • Led the HPE Flex Offers presentation and training programme across France.
    • Delivered 10 to 15 workshops and strategic presentations to more than 100 enterprise clients and partners.
    • Translated infrastructure modernisation into clear business value for each audience, alongside the sales, marketing and engineering teams.
    • Received the company’s internal award for two consecutive months for results above expectations.
  2. 2020 — 2021 Dublin, Ireland

    Microsoft / Infosys

    Technical Solutions Consultant · Business Technology Advisor

    • Presented Microsoft solutions with a customer-focused, business-oriented approach.
    • Qualified client needs and translated business challenges into technology recommendations.
    • Connected business priorities, technical teams and delivery in a multicultural environment.
Based in
France
Worked in
Brazil · Ireland · France
Languages
Português · English · Français
My career on LinkedIn (opens in a new tab)

Process

From intent to experience.

  1. 01

    Understand

    Identity, audience, service and the experience it should create.

  2. 02

    Give it shape

    Visual direction, content structure, composition and motion narrative.

  3. 03

    Build and refine

    Interface, behaviour, adaptation to every screen and a review of the details.

Contact · the next chapter

Let’s create the next one.

A project, a collaboration or a good conversation.

Talk on LinkedIn (opens in a new tab)