Studio 4:41
Todos os projetos

VSC - 1922

Uma proposta digital para o Vitória Sport Clube, onde a história de Guimarães encontra uma experiência editorial contemporânea.

Conceito independente, não encomendado pelo cliente. Não representa colaboração, aprovação ou adoção pela marca.

Bandeira do Vitória Sport Clube e adeptos num estádio ao entardecer — imagem de apresentação do conceito VSC - 1922.
Marca explorada
VSC - 1922
Intervenção
Conceitos & Redesigns
Natureza
Exploração conceptual

O projeto.

VSC - 1922 é uma proposta conceptual e não oficial para o website do Vitória Sport Clube. O ponto de partida é a ligação entre o clube, Guimarães e a memória dos seus adeptos.

A experiência combina uma abertura cinematográfica com uma estrutura editorial: notícias, equipas, modalidades, informação institucional e uma viagem pela história do clube.

  • Conceitos & Redesigns

O que foi construído.

  1. 01

    Direção visual editorial

    Preto e branco, superfícies em papel e apontamentos em latão. Reifilano nos grandes títulos, Barlow Condensed na navegação, Newsreader na leitura e Inter na interface, preservando o emblema original do clube.

  2. 02

    Homepage cinematográfica

    Introdução em vídeo com opção de saltar, cinco destaques, notícias e acessos a equipas, modalidades e áreas institucionais. O próximo jogo é apresentado como simulação.

  3. 03

    História interativa

    Uma cronologia de 53 capítulos, incluindo os 51 do arquivo oficial, com fotografias, fontes e leitura integral em janela centrada. O scroll conduz o percurso horizontal nos ecrãs compatíveis.

  4. 04

    Navegação e conteúdos

    Pesquisa por páginas, notícias e plantel, filtros editoriais, páginas de artigo e visitas ao estádio. O formulário de contacto prepara uma mensagem no programa de email do visitante.

  5. 05

    Experiência responsiva

    Composição adaptada a desktop e telemóvel, imagens WebP/AVIF e movimento com respeito pelas preferências de redução de animação. A cronologia preserva leitura e navegação sem JavaScript.

Tecnologia.

Next.js 16, React 19 e TypeScript. Tailwind CSS 4 e CSS Modules; GSAP / ScrollTrigger e Lenis. Conteúdos JSON, imagens com Sharp e exportação estática para o Surge.

Próximo passo

Vamos criar
algo extraordinário?

Fala connosco e descobre como podemos ajudar o teu projeto a ir mais longe.

Iniciar projeto