Design · Desenvolvimento · IA

Josean Araújo

Visão. Código. Movimento.

Crio experiências digitais que conectam identidade, tecnologia e pessoas.

Visão em movimento

Cada ideia abre um novo universo.

  1. 01 Automotivos
  2. 02 Bares
  3. 03 Cafés & Restaurantes
  4. 04 Sorveteria
  5. 05 Barbearia

Automotivos

02 / 08 Automotivos

GetMOTO

Oficina e aluguel de motos · Luton, Reino Unido

Uma scooter que se desmonta peça por peça enquanto você rola.

Site de uma página para uma oficina de motos e scooters em Luton: consertos, programação de chaves, preparação para o MOT e aluguel. A abertura é uma sequência de 150 quadros em que a scooter se desmonta com o scroll; o aluguel e o agendamento abrem o WhatsApp com o pedido já preenchido.

  • Sequência de 150 quadros
  • GSAP ScrollTrigger
  • Aluguel pelo WhatsApp

02 / 05 Setor

Bares

Da garrafa ao copo: lugares para encontrar os amigos, com a energia de quem serve no balcão.

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

03 / 08 Bares

Chez TonTon

Bar e cave · Pontchâteau, França

Do frio da geladeira ao calor do balcão.

Um bar e cave de bebidas em Pontchâteau: cervejas e vinhos para tomar no local ou levar. A abertura começa dentro da geladeira; uma garrafa sai do quadro, a luz fria dá lugar a um pôster de cerveja em papel creme e o pôster entrega a cena ao bar de verdade.

  • Match cut medido
  • Cena 2.5D no scroll
  • Vite

04 / 08 Bares

La Cabane à Mousse

Cave, bar de cervejas e aluguel de chopeiras · Herbignac, França

Um brinde entre dois copos abre a página.

Cave, bar de cervejas e aluguel de chopeiras em Herbignac. No desktop, a página é o painel de design aprovado reconstruído em HTML: o mesmo brinde e os mesmos três capítulos em papel rasgado, com o texto real por cima das imagens, nítido e legível para buscadores.

  • Fiel ao painel aprovado
  • Abertura de 2,8 s
  • Vite

03 / 05 Setor

Cafés & Restaurantes

Fotos reais, cheiro de café e comida que dá vontade de pedir.

  1. 05 Rumi Cafe Dublin
  2. 06 Lovinspoon Dublin

05 / 08 Cafés & Restaurantes

Rumi Cafe

Café turco-irlandês · Dublin, Irlanda

O vapor do café desenha a assinatura do Rumi.

Um café de família na Francis Street, em Dublin 8: café especial, doces turcos e uma fachada azul-petróleo que todo mundo reconhece. Site de várias páginas, com cardápio de 18 itens com busca e filtros, história, galeria, clube e cartões-presente; os pedidos seguem para o site de pedidos do café.

  • Site de várias páginas
  • Logotipo traçado com OpenCV
  • Cardápio com filtros

06 / 08 Cafés & Restaurantes

Lovinspoon

Café de café da manhã e sanduíches · Dublin, Irlanda

O sanduíche do almoço se monta camada por camada.

Um café na Frederick Street North, em Dublin 1, para café da manhã, sanduíches e bom café. Três cenas fotográficas contam a história: o sanduíche estendido para você, o café da manhã irlandês completo e o almoço que se monta camada por camada enquanto você rola.

  • Recortes registrados
  • Sanduíche no scroll
  • Sem travar a página

04 / 05 Setor

Sorveteria

Cor, sabor e uma cena que muda de gosto.

  1. 07 isola Mosede Havn

07 / 08 Sorveteria

isola

Sorveteria · Mosede Havn, Dinamarca

Quatro sabores, quatro universos, uma só cena.

Uma sorveteria no porto de Mosede. A página abre em uma composição estável, com o título à esquerda e uma bola de sorvete suspensa sobre a casquinha, e deixa o sabor mudar em volta: pistache, caramelo salgado, manga e framboesa, pelo scroll ou pelo seletor.

  • Cena 2.5D com 14 recortes
  • Seletor de sabores
  • Texto em dinamarquês

05 / 05 Setor

Barbearia

Precisão, ritual e a luz âmbar da cadeira.

  1. 08 Bayro Cut Greve

08 / 08 Barbearia

Bayro Cut

Barbearia · Greve, Dinamarca

A máquina sai da mão do barbeiro e termina o corte.

Uma barbearia dentro do WAVES, em Greve: cortes masculinos, fades e barba, com horário marcado por telefone. A abertura é uma cena guiada pelo scroll em que a máquina sai da mão do barbeiro, se abre em corpo, lâmina e pente, percorre o fade e o retrato pousa na galeria.

  • Cena 2.5D no scroll
  • Peças registradas com OpenCV
  • Vite
  • Reel · 67 s Narrativa de mistério Roteiro, ritmo e legendas animadas

  • Motion graphics · 15 s Mentalidade Tipografia cinética e recortes

  • Motion graphics · 15 s Cardápio interativo Cartões, mão em cena e tipografia

  • Motion graphics · 13 s Interface sobre filmagem UI de vidro sobre live action

  • Motion graphics · 12 s Anúncio de delivery Ritmo rápido, produto e oferta

  • Motion graphics · 12 s Lançamento de bebida Produto, cor e tipografia

Sobre · por trás da visão

Tecnologia começa com pessoas.

Sou Josean Araújo. Minha trajetória conecta implementação de software, apresentação de soluções e desenvolvimento web. Em Dublin, com a Microsoft, aproximei desafios de negócio e tecnologia. Em Paris, na Hewlett Packard Enterprise, liderei a apresentação e o treinamento do programa HPE Flex Offers em toda a França.

Hoje levo essa experiência para o design, o código e a inteligência artificial: crio experiências digitais e conecto ferramentas em fluxos de trabalho.

Gosto de pensar na experiência inteira: a primeira impressão, o que acontece em cada interação e como a tecnologia se torna útil para quem está do outro lado.

Trajetória

  1. 2022 — 2023 Paris, França

    Hewlett Packard Enterprise

    Head de Apresentação e Treinamento · Programa HPE Flex Offers

    • Liderei o programa de apresentação e treinamento HPE Flex Offers em toda a França.
    • Conduzi de 10 a 15 workshops e apresentações estratégicas para mais de 100 clientes corporativos e parceiros.
    • Traduzi a modernização de infraestrutura em valor de negócio claro para cada público, junto às equipes de vendas, marketing e engenharia.
    • Recebi o prêmio interno da empresa por dois meses consecutivos, com resultados acima do esperado.
  2. 2020 — 2021 Dublin, Irlanda

    Microsoft / Infosys

    Consultor de Soluções Técnicas · Consultor de Tecnologia para Negócios

    • Apresentei soluções Microsoft com uma abordagem centrada no cliente e no negócio.
    • Qualifiquei necessidades e traduzi desafios de negócio em recomendações de tecnologia.
    • Conectei prioridades de negócio, equipes técnicas e execução em um ambiente multicultural.
Base
França
Percurso
Brasil · Irlanda · França
Idiomas
Português · English · Français
Minha trajetória no LinkedIn (abre em uma nova aba)

Processo

Da intenção à experiência.

  1. 01

    Entender

    Identidade, público, serviço e experiência desejada.

  2. 02

    Dar forma

    Direção visual, estrutura de conteúdo, composição e narrativa de movimento.

  3. 03

    Construir e refinar

    Interface, comportamento, adaptação para telas e revisão dos detalhes.

Contato · o próximo capítulo

Vamos criar o próximo.

Um projeto, uma colaboração ou uma boa conversa.

Conversar no LinkedIn (abre em uma nova aba)