Rodrigo Santos
Landing pages

Landing page Brooks x PYNRS: Hyperion Max 3

Landing page para apresentar a collab Brooks x PYNRS e o Hyperion Max 3 Limited Edition: design no Figma, direção de arte, texto, UX e entrega para o desenvolvimento.

Cliente
Brooks Running
Ano
2026
Papel
Design no Figma, direção de arte, texto, UX e entrega para desenvolvimento
Entregas
Design da landing page no Figma, Direção de arte, Texto da página, Estrutura e UX, Entrega para desenvolvimento externo
Topo do design da landing page Brooks x PYNRS no Figma: barra de navegação da Brooks, os logotipos Brooks e PYNRS, a chamada Assista o vídeo e o quadro do vídeo, em fundo escuro com detalhes verde-limão.

Briefing

Apresentar a collab Brooks x PYNRS em uma landing page: o Hyperion Max 3 Limited Edition, desenvolvido em parceria com a PYNRS, movimento de cultura de corrida que une performance, streetwear e comunidade.

Desafio

Dar à collab uma página própria, que explicasse o produto e a parceria e levasse o visitante da apresentação à compra.

Processo

Fiz o trabalho de ponta a ponta no lado criativo:

  • Design no Figma. Desenhei a landing page no Figma.
  • Direção de arte. Defini a linguagem visual da página.
  • Texto. Cuidei do texto da página.
  • UX. Organizei a página em uma sequência clara: vídeo, apresentação do produto, tecnologia, versões masculina e feminina com links de compra, o texto sobre a PYNRS e uma galeria de fotos do evento.
  • Entrega. Fiz o handoff do design para o desenvolvimento externo.

Entrega

  • O design completo da landing page no Figma.
  • A direção de arte e o texto da página.
  • A estrutura de navegação e a ordem das seções.
  • O handoff para o time de desenvolvimento externo.

A página está no ar no site da Brooks.

Créditos e direitos

Landing page criada para a Brooks, durante minha atuação na Brooks. Fotos da Brooks, sem crédito individual. As imagens mostram o design no Figma. Imagens, vídeo e marcas pertencem aos respectivos titulares.

Ver a landing page no ar

O design no Figma

Design desktop da landing page em fundo escuro com detalhes verde-limão. De cima para baixo: logotipos Brooks e PYNRS, o vídeo, o título Conheça o Brooks x PYNRS Hyperion Max 3 com botão Compre agora, o par de tênis, três blocos de tecnologia (DNA Gold e Flash, transições rápidas, respirabilidade), os cartões dos modelos masculino e feminino com medidas, o bloco Quem é a PYNRS com foto de rua e uma galeria de fotos.
Versão desktop. Role dentro do quadro para ver a página inteira. Abrir em tamanho original
Design da versão celular da landing page, em coluna única: logotipos Brooks e PYNRS, vídeo, título e botão Compre agora, tênis, blocos de tecnologia, cartões dos modelos em carrossel, o bloco Quem é a PYNRS e a galeria de fotos.
Versão celular. Role dentro do quadro para ver a página inteira. Abrir em tamanho original