Produtora audiovisual — portfólio e loja de produtos

Designer único de UI do site para a Macedo e Macedo Produções, produtora audiovisual, agência de mídia e entretenimento. Desenvolvi 13 pranchetas responsivas na página principal de Design abrangendo desktop e mobile (Início - Desktop, About, Contact, Projetos, Blog, Produtos, Compra, Carrinho, Pagamento e versões mobile) combinando portfólio audiovisual de projetos, blog editorial e funil de e-commerce para venda de mercadorias da produtora, com suporte de um Style Guide com 30 nós no Figma (arquivo RTrRC2hyqINdbTN93zhCbN).

Atuação como funcionário na agência Sagitta de março de 2023 a abril de 2023. Juan atuou como designer único de UI do site na equipe da agência: Kelvin Bezerra criou a identidade visual e o logotipo, Juan desenhou todo o portfólio da produtora, a galeria de projetos, o blog e a loja de produtos no Figma, e um desenvolvedor no-code ficou responsável pela implementação em WordPress. Escopo alinhado por Ramon.

Arquitetura híbrida para produtoras: portfólio audiovisual e e-commerce

📐13

layouts de alta fidelidade desenhados para desktop e mobile

🎬30

tokens, ícones sociais e componentes no Style Guide

📦3 em 1

sistema integrado (Portfólio de Vídeos + Blog + Loja)

🎨Figma

artefato auditado de 5 páginas comprovando a entrega

Produtoras de audiovisual e entretenimento precisam de uma presença digital que funcione tanto como uma galeria cinematográfica imersiva para clientes de publicidade quanto como uma plataforma de contato e venda de materiais da marca. A Macedo e Macedo Produções exigia um layout escuro de alto contraste que valorizasse a cor e o dinamismo das produções em vídeo.

Hierarquia de conteúdo em 13 pranchetas responsivas

Na prancheta de Design (nó 4:7), organizei uma experiência digital dividida em três pilares integrados:

• Galeria de Projetos Audiovisuais (Projetos e Início) — Grade de vídeos em destaque com filtros por formato (comerciais, clipes musicais, documentários), fichas técnicas e ficha de direção.
• Identidade do Estúdio e Contato (About e Contact) — Narrativa institucional sobre a estrutura técnica de pós-produção, estúdios de gravação e formulário direto para orçamento.
• Blog Editorial de Cinema (Blog - Desktop e Blog #14) — Templates tipográficos para artigos de bastidores, análises de equipamentos e tendências do mercado audiovisual.
• E-commerce de Produtos e Merchandising (Produtos, Compra, Carrinho, Pagamento) — Fluxo completo de compra para venda de itens promocionais da produtora e presets de edição.

Style guide e tokens visuais cinematográficos

A página de Style Guide com 30 nós (nó 4:8) padronizou os ativos da marca criados por Kelvin Bezerra: fundo escuro para realce de peças em vídeo, ícones vetoriais de redes sociais, elementos de navegação em carrossel e tipografia moderna sem serifa.

O que este projeto é e o que não é

• Não é criação de marca ou logotipo. Kelvin Bezerra concebeu o logotipo e a identidade visual da produtora.
• Não é implementação em WordPress. O desenvolvimento foi atribuído a um desenvolvedor no-code.
• Não é captação ou edição de vídeos. Desenvolvi o design da interface web, não os filmes.
• Não é um site público no ar. A produtora encerrou atividades e o domínio está offline; trata-se de um crédito de design de artefato.
• Não possui dados de vendas. Nenhuma métrica comercial consta nos registros do portfólio.

O valor de portfólios focados em mídia

A Macedo e Macedo Produções ilustra como estúdios criativos podem reunir produções em vídeo, artigos e comércio em um ecossistema consistente. Ao unir galerias cinematográficas com fluxo de checkout estruturado, o projeto entregou uma identidade web marcante.

Evidência

A produtora audiovisual encerrou suas atividades comerciais e descontinuou todas as operações. Não restam registros de produção no ar e o domínio original está inativo. Nunca vincule uma URL a este registro (um domínio com sobrenome semelhante foi checado e descartado como empresa não relacionada). Não existem métricas. Este estudo de caso documenta o design de portfólio para produtoras criativas, galerias de mídia e arquitetura híbrida de portfólio e e-commerce.