RUBEN RODRIGUESProgramador & Especialista em IADeveloper & AI Specialist
Vamos falarLet's talk
Trabalhos / sistemas em órbitaWork / systems in orbit2026 · Portugal

Trabalho
que já está no ar.Work that's
already live.

Trabalhos no ar: um caso em produção, um site feito para uma amiga, duas ferramentas públicas e um guia de navegação.Work already live: one production case, a website built for a friend, two public tools and a navigation guide.

Começar pelo caso em destaqueStart with the featured case
01 caso de estudo01 case study01 site para uma amiga01 website for a friend02 ferramentas públicas02 public tools01 agente de navegação01 navigation agent01 método de decisão01 decision method08 princípios08 principles
01 / Caso de estudo01 / Case studyFreedom Outdoor · Espinho

O Provador

Design, desenvolvimento e adaptação WordPress. Ao vivo em freedomoutdoor.pt.Design, development and WordPress adaptation. Live at freedomoutdoor.pt.

O que o vendedor pergunta ao balcão, transformado em cinco perguntas e sessenta segundos.What a shop assistant asks at the counter, turned into five questions and sixty seconds.

DesafioChallenge

Encontrar uma sapatilha em stock sem fingir que existe uma resposta certa para toda a gente.Finding an in-stock shoe without pretending there's one right answer for everyone.

05Perguntas para chegar ao perfil de corridaQuestions to reach the running profile
06Eixos transparentes para pontuar cada modeloTransparent axes to score each model
310Modelos com stock verificado na corrida de testeModels with verified stock in the test run
~60sDo primeiro toque ao parecer completoFrom first tap to the full verdict
O que foi construídoWhat was built

Um veredicto que explica o próprio raciocínio.A verdict that explains its own reasoning.

Terreno, volume semanal, objetivo, passada, corpo, pé e preferências reduzem a lista. Depois, o motor pontua o stock real da loja e devolve uma escolha, alternativas e os números à vista.Terrain, weekly volume, goal, stride, body, foot and preferences narrow the list. Then the engine scores the store's real stock and returns a choice, alternatives and the numbers in plain sight.

O resultado não tenta vender a qualquer custo: se nenhum modelo serve, a página diz isso mesmo, e o cliente chega à loja com a conversa adiantada.The result doesn't try to sell at any cost: if no model fits, the page says so, and the customer reaches the store with the conversation already started.

Ver O ProvadorSee O Provador ↗ Fazer fittingDo a fitting ↗
O Provador — página inicial
Entrada · 3 passosEntry · 3 steps
O Provador — fitting
Fitting
O Provador — resultado
ParecerVerdict
02 / Website publicado02 / Published websiteMarta Sousa · Vila Nova de Gaia

Marta Sousa Terapias

Um site que fiz gratuitamente para uma amiga, terapeuta holística em Vila Nova de Gaia.A website I built for free for a friend, a holistic therapist in Vila Nova de Gaia.

O que fazWhat it does

Da apresentação à marcação.From introduction to booking.

Apresenta a Marta e os seus serviços de Reiki e Tarot dos Anjos, responde a perguntas frequentes e permite pedir uma sessão. Inclui contacto por WhatsApp e versões em português e inglês.It introduces Marta and her Reiki and Angel Tarot services, answers common questions and lets visitors request a session. It includes WhatsApp contact and Portuguese and English versions.

Visitar o siteVisit the website ↗
Página inicial de Marta Sousa Terapias, com apresentação dos serviços e fotografia da Marta
Página inicial · Marta Sousa TerapiasHomepage · Marta Sousa Terapias
03 / Ferramentas de entrada03 / Input toolsRedesenhadas · 2026Redesigned · 2026

Antes e depois
da conversa.Before and after
the conversation.

Dois objetos: um para preparar o projeto antes de começar, outro para deixar em mãos no fim. Ambos reorganizados para se perceberem de relance.Two objects: one to prepare the project before we start, another to leave in your hands at the end. Both reorganised so they read at a glance.

01 · Briefing de Missão01 · Mission Briefing

Oito módulos antes da primeira linha de código.Eight modules before the first line of code.

Um formulário de oito módulos que troca tecnicismos por decisões concretas. Guarda o rascunho no navegador e entrega um relatório pronto para email, cópia ou ficheiro.An eight-module form that trades jargon for concrete decisions. It saves the draft in your browser and delivers a report ready for email, copy or file.

  • ConexãoConnectednessUma constelação de 8 estrelas no topo: cada módulo é uma estrela, e ligam-se por uma linha. Clica para saltar.An 8-star constellation up top: each module is a star, joined by one line. Click to jump.
  • SemelhançaSimilarityEstrela vazia = por começar, ciano = respondido, violeta = onde estás.Empty star = not started, cyan = answered, violet = where you are.
  • Região comumCommon regionCada módulo numa moldura própria, com o número num anel à esquerda.Each module in its own frame, with its number in a ring on the left.
  • ProximidadeProximityPergunta, ajuda e campo colados; perguntas separadas por ar.Question, hint and field held tight; questions separated by air.
Abrir o briefingOpen the briefing
02 · Postal da Terra02 · Postcard from Earth

Uma apresentação que não desaparece no separador do browser.An introduction that doesn't vanish in a browser tab.

Postal bilingue, pronto em A6 para gráfica ou A4 para imprimir em casa. Inclui contacto copiável, vCard, área segura e frente/verso para pré-visualizar.A bilingual postcard, ready in A6 for the print shop or A4 to print at home. Includes copyable contact, vCard, safe area and front/back preview.

  • Figura / fundoFigure / groundFrente reduzida a duas figuras: o nome e o retrato-planeta, sobre céu escuro.Front reduced to two figures: the name and the portrait-planet, on a dark sky.
  • FechoClosureA órbita tracejada à volta do retrato - o olho fecha o círculo.The dashed orbit around the portrait - the eye closes the circle.
  • Região comumCommon regionVerso em duas regiões claras: a mensagem e a morada.Back in two clear regions: the message and the address.
  • ProximidadeProximityNúmeros colados às legendas; contactos alinhados numa só coluna.Numbers glued to their captions; contacts aligned in one column.
Ver o postalSee the postcard
04 / Agente de navegação04 / Navigation agentRedesenhado · 2026Redesigned · 2026

Ajuda

O guia do canto inferior direito, presente em todas as páginas e escrito em JavaScript puro.The guide in the bottom-right corner, on every page, written in plain JavaScript.

Um assistente que cabe num canto e faz duas perguntas antes de decidir.An assistant that fits in a corner and asks two questions before it decides.

Sob o capôUnder the hood

Corre todo no browser: pontuação de palavras-chave, matriz de rotas e uma base de conhecimento local. Sem chamadas a modelos, sem APIs, sem rede.It all runs in the browser: keyword scoring, a routing matrix and a local knowledge base. No model calls, no APIs, no network.

02Perguntas antes de montar a rotaQuestions before the route is built
25Entradas na base de conhecimento localEntries in the local knowledge base
≥2Pontos para uma resposta ser escolhidaPoints for an answer to be picked
0Pedidos de rede, cookies ou modelosNetwork requests, cookies or models
O que foi construídoWhat was built

Como o guia decide.How the guide decides.

O Ajuda abre com duas perguntas - porque estás aqui e de onde vens. A primeira escolhe uma das seis rotas de intenção; a segunda ajusta a porta principal ao ponto de partida. Um referrer do Google promove o contacto; um referrer do CV abre o percurso. O veredicto mostra sempre o porquê, em mono, debaixo da resposta.Ajuda opens with two questions - why you're here and where you came from. The first picks one of six intention routes; the second tunes the front door to your starting point. A Google referrer promotes contact; a CV referrer opens the journey. The verdict always shows its reasoning, in mono, beneath the answer.

O texto livre é normalizado - acentos fora, pontuação convertida em espaço - e pontuado contra uma base local: cada palavra-chave vale pontos pelo seu tamanho, mais um se marcar como forte; uma frase contida no que escreveste ainda recebe crédito parcial. Abaixo do limiar, em vez de inventar uma resposta, o guia entrega o mapa completo do site.Free-typed text is normalised - accents out, punctuation turned to space - and scored against a local base: each keyword is worth points by its length, one more if marked strong; a phrase contained in what you wrote still earns partial credit. Below the threshold, instead of inventing an answer, the guide hands you the full site map.

Pormenores: o indicador “a escrever…” é um atraso de 420 ms; a transcrição vive em sessionStorage e desaparece com o separador; e os botões de tema e idioma voltam a desenhar a conversa toda.Details: the “typing…” indicator is a 420 ms delay; the transcript lives in sessionStorage and goes with the tab; and the theme and language buttons redraw the whole conversation.

  • ProximidadeProximityMensagens seguidas do mesmo lado ficam coladas; a troca de interlocutor ganha ar.Consecutive messages from one side sit tight; a change of speaker gets air.
  • ConexãoConnectednessAs respostas do guia pendem de um fio contínuo, como uma rota.The guide's replies hang from one continuous thread, like a route.
  • SemelhançaSimilarityA porta principal é coral - a mesma cor de todas as ações do site.The main door is coral - the same colour as every action on the site.
  • Região comumCommon regionOs atalhos vivem numa bandeja própria, separada da conversa.Shortcuts live in their own tray, apart from the conversation.
Ver o critérioSee the criterion →
05 / Critério de trabalho05 / Working criterionSemelhança · Figura/fundoSimilarity · Figure/ground

Não aceito a primeira resposta só porque chegou depressa.I don't accept the first answer just because it arrived quickly.

Quando um texto ou uma decisão importa, ponho as respostas lado a lado e aponto o que cada uma acerta, inventa ou esquece. A escolha é minha.When copy or a decision matters, I put the answers side by side and mark what each one gets right, invents or forgets. The choice is mine.

Ver ferramentas e práticaSee tools and practice
Arena / ronda 12Arena / round 12Mesmo pedidoSame request

“Uma frase de herói para um quiz de sapatilhas. Concreta, humana, sem hype.”“A hero line for a sneaker quiz. Concrete, human, no hype.”

A / FICAA / KEEP

“Diz-nos como corres mesmo. Encontramos a sapatilha que faz o resto.”“Tell us how you really run. We'll find the shoe that does the rest.”

específica · humana · útilspecific · human · useful
B / SAIB / DROP

“Vive a tua melhor experiência com equipamento que se move contigo.”“Live your best experience with gear that moves with you.”

genérica · intercambiável · vaziageneric · interchangeable · empty
VEREDICTOVERDICTA resposta A respeita o pedido e dá uma ação concreta.Answer A respects the brief and gives a concrete action.
06 / O sistema visual06 / The visual systemRedesenho 20262026 redesign

Oito regras
em todas as páginas.Eight rules
on every page.

O site inteiro e cada trabalho acima seguem as mesmas oito leis de perceção da Gestalt.The whole site and every work above follow the same eight Gestalt laws of perception.

Estado · estás aquiState · you are hereLigaçãoConnectionAçãoAction
ProximidadeProximity

Espaço curto dentro de um grupo, espaço largo entre grupos.Short space inside a group, wide space between groups.

Rótulos colados aos campos do briefing · factos na página SobreLabels hugging briefing fields · facts on About
SemelhançaSimilarity

Uma cor, um significado: violeta = estado, ciano = ligação, coral = ação.One colour, one meaning: violet = state, cyan = connection, coral = action.

Botões coral em todo o site · pontos cheios vs anéis no percursoCoral buttons site-wide · filled vs ring nodes on Journey
Região comumCommon region

O que partilha uma moldura é lido como um conjunto.What shares a frame is read as a set.

Módulos do briefing · controlos tema/idioma · canais de contactoBriefing modules · theme/language controls · contact channels
ConexãoConnectedness

Uma linha une mais forte do que a cor ou a distância.A line binds more strongly than colour or distance.

A navegação-constelação · a linha entre ferramenta e painelThe constellation nav · the line from tool to panel
ContinuidadeContinuity

O olho segue a linha mais suave - e lê o que está nela por ordem.The eye follows the smoothest line - and reads what's on it in order.

O eixo vertical que atravessa todas as páginasThe vertical axis running through every page
FechoClosure

Formas incompletas são completadas pelo cérebro.Incomplete shapes get completed by the brain.

Nós das secções · logótipo · AYYLIENADO fatiadoSection nodes · logo · sliced AYYLIENADO
Figura / fundoFigure / ground

O céu estrelado é fundo; uma só coisa brilhante por ecrã é figura.The starfield is ground; one bright thing per screen is figure.

Retrato-planeta · uma ação coral por ecrãPortrait-planet · one coral action per screen
Destino comumCommon fate

O que se move junto pertence junto.What moves together belongs together.

Camadas de estrelas em paralaxe · satélites do heróiParallax star layers · hero satellites
Próxima missãoNext mission

Tens uma pergunta que devia virar ferramenta?Have a question that should become a tool?

Começamos pelo que precisa de funcionar - e só depois escolhemos a forma.We start with what needs to work - and only then choose the form.

Falar sobre o projetoTalk about the project →