Agência de marketing digital — site institucional

Uma landing responsiva feita para passar limpa a quem implementa em WordPress.

Uma landing page institucional e comercial para uma agência de marketing digital: serviços, credenciais de performance e captação de leads, desenhada responsiva para desktop e mobile. Desenhei toda a UI do site em alta fidelidade — as landing pages desktop e mobile e o menu de navegação — encaixando um logo e uma paleta já existentes num layout estruturado para passar limpo a quem implementa em WordPress. Designer de UI único do site; a identidade é de outro designer e um desenvolvedor no-code subiu o build.

Função: Sole website UI designer
Período: jul. de 2023 – jul. de 2023
Stack: Figma
Evidência: Arquivo de design

Abrir o arquivo de design Snapshot arquivado do site publicado

Designer único de UI do site para a Pmedias Marketing, agência de marketing digital e tráfego de performance. Desenvolvi 4 pranchetas de layout responsivo no Figma (arquivo LYa8fGabEI2ax9wrTkZnOm) cobrindo landing page completa para desktop e mobile (Pmedias - Desktop, Pmedias - Landing Page e menu de navegação), com suporte de um Style Guide com 43 nós especificando conjuntos de botões, escalas tipográficas e aplicação do logotipo e paleta vibrante criados por Kelvin Bezerra.

Atuação como funcionário na agência Sagitta de 3 de julho de 2023 a 13 de julho 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 da Pmedias, Juan desenhou a landing page institucional responsiva no Figma, e um desenvolvedor no-code implementou e publicou o site no CMS WordPress com Elementor. Escopo alinhado por Ramon.

UI para agências de marketing: comunicando performance e conversão

4: pranchetas responsivas na página principal de Design
43: tokens e componentes de botões no Style Guide
140 KB: de build histórico em WordPress/Elementor verificado no Wayback
10 dias: do início do layout à entrega para implementação

Agências de marketing digital enfrentam julgamento imediato por meio de seus próprios sites: se a presença digital da agência for pesada, confusa ou genérica, potenciais clientes presumem que as campanhas de tráfego sofrerão dos mesmos problemas. A Pmedias demandava uma landing page comercial com visual moderno, serviços claramente discriminados e foco em geração de contatos comerciais.

Estrutura de seções coincidente com o build histórico verificado

A narrativa comercial na prancheta de Design (nó 1:15) — perfeitamente alinhada com a versão arquivada no Wayback Machine — organizou a proposta de valor para qualificação de prospects:

Cabeçalho de Destaque — Proposta de valor focada em geração de tráfego e vendas, combinada a botões de ação para agendamento de diagnóstico.
Soluções da Agência (Nossas Soluções) — Apresentação dos serviços principais: Tráfego Pago (Google Ads e Meta Ads), Gestão de Redes Sociais e Identidade de Marca.
Metodologia Estratégica (Estratégia de Marketing) — Visão passo a passo explicando como a agência conduz pesquisa de público, testes criativos e otimização de conversão.
Geração de Credibilidade e Métricas — Destaques gráficos comunicando foco em ROI e crescimento previsível para clientes.
Adaptação Mobile Integrada — Layout responsivo garantindo leitura confortável e botão para contato rápido via WhatsApp.

O domínio atual pmedias.com.br serve hoje uma casca em Vite/React criada por terceiros. O que comprova a entrega comercial deste projeto é o snapshot histórico do Wayback Machine (16/08/2024, 140.342 B em WordPress / Hello Elementor com 421 marcadores de Elementor e linha Copyright 2023), cuja sequência de seções corresponde perfeitamente ao Figma auditado.

Tokens do Style Guide e botões interativos

A página de Style Guide com 43 nós (nó 1:16) estruturou os elementos visuais criados por Kelvin Bezerra: fundo escuro de alto contraste, botões de ação com estados normais e de hover, tipografia sem serifa geométrica e menus mobile.

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

Não é criação de marca ou logotipo. Kelvin Bezerra concebeu a identidade visual e o logotipo da Pmedias.
Não é programação em WordPress ou Elementor. A montagem do site no CMS foi executada por um desenvolvedor no-code.
Não é gestão de tráfego pago. Projetei a interface institucional da agência; não gerenciei anúncios ou contas de clientes.
Não é o site atual no ar. O domínio hoje hospeda uma reconstrução não relacionada; a entrega original é atestada pelo arquivo histórico de 2024.
Não possui métricas de conversão. Nenhum número sobre leads gerados para a agência consta nos registros.

O impacto de um design comercial direto para agências

A Pmedias Marketing exemplifica como clareza tipográfica, definição direta de serviços e chamadas estratégicas para ação geram uma presença online confiável para negócios de serviços digitais. Desenvolvido em um sprint ágil de 10 dias, o projeto entregou um layout comercial eficiente.

Evidência

O site foi implementado e publicado em produção. O domínio atual pmedias.com.br serve uma aplicação SPA em Vite/React não relacionada, criada posteriormente por outra empresa. A publicação histórica original é confirmada via snapshot do Wayback Machine (16/08/2024, 140 KB em WordPress 6.6.1 com o tema Hello Elementor, exibindo 421 menções ao Elementor e aviso de Copyright 2023), cuja sequência de seções inclui Nossas Soluções, além de Estratégia de Marketing, Branding e Performance Online, alinhando-se ao arquivo Figma auditado. Não existem métricas de captação de leads. Este estudo de caso documenta o design de sites para agências e a estruturação de serviços de marketing digital.