01 / 08 Automotive
Automotives STA
Car repair workshop · St Albans, United Kingdom
From the exterior to the engineering behind the motion.
- Car
- Scan
- Engine
Design · Development · AI
Vision. Code. Motion.
I create digital experiences that connect identity, technology and people.
Vision in motion
Every idea opens a new universe.
01 / 08 Automotive
Car repair workshop · St Albans, United Kingdom
From the exterior to the engineering behind the motion.
02 / 08 Automotive
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.
03 / 05 Sector
Real photos, the smell of coffee and food you want to order.
05 / 08 Cafés & Restaurants
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.
06 / 08 Cafés & Restaurants
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.
07 / 08 Ice cream
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.
About · behind the vision
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.
Head of Presentation and Training · HPE Flex Offers programme
Technical Solutions Consultant · Business Technology Advisor
Process
01
Identity, audience, service and the experience it should create.
02
Visual direction, content structure, composition and motion narrative.
03
Interface, behaviour, adaptation to every screen and a review of the details.
Contact · the next chapter
A project, a collaboration or a good conversation.
Talk on LinkedIn (opens in a new tab)
Social media
Reels & motion graphics
Short videos made to stop the scroll: script, rhythm, type in motion and a brand in a few seconds.
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
Brands shown in the videos belong to their respective owners.