Digital Marketing Agency — Institutional Website

A responsive landing built to hand cleanly to a WordPress implementer.

Institutional website design for a digital marketing agencyInstitutional website design for a digital marketing agency

An institutional and commercial landing page for a digital marketing agency: services, performance credentials and lead capture, designed responsive for desktop and mobile. I designed the complete high-fidelity website UI — the desktop and mobile landing pages and the navigation menu — working an existing logo and palette into a layout structured to hand cleanly to a WordPress implementer. Sole website UI designer; the identity was another designer's and a no-code developer shipped the build.

Role
Sole website UI designer
Timeframe
Jul 2023 – Jul 2023
Stack
Figma
Evidence
  • Design file

Open the design fileArchived snapshot of the built site

Sole Website UI Designer for Pmedias Marketing, a digital performance and marketing agency. Designed 4 responsive layout frames in Figma (file key LYa8fGabEI2ax9wrTkZnOm) including full desktop and mobile landing pages (Pmedias - Desktop, Pmedias - Landing Page, and navigation overlay), supported by a 43-node Style Guide specifying button component sets, typography scales, and Kelvin Bezerra's brand logo and high-energy color palette.

Agency employment at Sagitta delivering from July 3, 2023 to July 13, 2023. Juan served as the sole website UI designer within the agency team: Kelvin Bezerra created the Pmedias brand identity and logo, Juan designed the complete responsive agency landing page in Figma, and an external no-code developer implemented and published the site on WordPress using Elementor. Scoped by Ramon.

Agency portfolio UI: communicating performance and conversion

4
responsive layout frames on the primary Design page
43
style guide tokens, typography scales, and button component sets
140 KB
verified historical WordPress/Elementor build on Wayback Machine
10 days
from design kickoff to final implementation handoff

Digital marketing agencies are judged mercilessly by their own websites: if an agency's digital front door is slow, generic, or visually cluttered, prospective clients assume their client campaigns will suffer from the same weaknesses. Pmedias required an institutional landing page that projected technical sharpness, structured marketing services clearly, and drove inbound consultation inquiries.

Section architecture matching verified production build

The section hierarchy on the Design page (node 1:15)—which exactly matches the verified 2024 Wayback capture—was structured for rapid commercial qualification:

  • Hero Header — Dynamic headline highlighting traffic generation and sales growth, paired with clear primary CTAs for strategy diagnostic requests.
  • Service Capabilities (Nossas Soluções) — Clean multi-column breakdown of core agency offerings: Performance Marketing (paid search and Meta ads), Social Media Management, and Corporate Branding.
  • Strategic Methodology (Estratégia de Marketing) — Step-by-step walkthrough detailing how the agency conducts audience research, creative testing, and funnel optimization.
  • Performance Metrics & Proof — Data-driven proof points showcasing client ROI multipliers and campaign scalability.
  • Responsive Mobile Funnel — Complete mobile adaptation ensuring touch-friendly button targets, readable typography, and instant WhatsApp contact integration.
The live domain pmedias.com.br currently serves a different Vite/React SPA shell created by a separate vendor. Evidence for this record comes from the verified era Wayback snapshot (140,342 bytes on 2024-08-16, using WordPress and Hello Elementor with 421 Elementor instances and a Copyright 2023 notice), with a section flow matching the audited Figma file.

Style guide tokens and interactive buttons

The 43-node Style Guide page (node 1:16) organized Kelvin Bezerra's brand assets: dark background contrast rules, high-visibility orange accent buttons with hover and active states, modern geometric sans-serif typography, and mobile drawer menu styling.

What this project is and is not

  • Not brand identity or logo design. Kelvin Bezerra created the Pmedias logo and visual identity.
  • Not WordPress or Elementor implementation. The website was assembled in WordPress by an external no-code developer.
  • Not marketing campaign operations. I designed the agency's website UI; I did not manage client ad accounts or media buying.
  • Not the current live website. The domain now serves an unrelated third-party rebuild; historical shipping is proven via the 2024-08-16 Wayback archive.
  • Not supported by lead analytics. No inbound agency lead numbers or conversion metrics exist in the portfolio record.

The value of high-converting agency landing pages

Pmedias Marketing illustrates how clean typography, structured service definitions, and focused call-to-action blocks create an authoritative digital presence for a performance agency. Delivered within a tight 10-day agency sprint, the design provided a proven commercial asset.

Evidence

The website was implemented and published to production. The current live domain pmedias.com.br serves an unrelated 1.5 KB Vite/React SPA shell built later by another vendor. Historical shipping is verified via an era Wayback Machine archive (2024-08-16, 140 KB on WordPress 6.6.1 running the Hello Elementor theme with 421 Elementor instances and a Copyright 2023 notice), displaying sections for Nossas Soluções, followed by Estratégia de Marketing, Branding, and Performance Online, aligning with the audited Figma file. No lead or client metrics exist. This case study documents agency portfolio UI, performance service positioning, and responsive landing page design.