Volver al portfolio
Prestige Communications — Identidad de Marca y Sitio Web Bilingüe

Prestige Communications — Identidad de Marca y Sitio Web Bilingüe

5 días Diseño de Marca y Desarrollo Full-Stack
Prestige Communications es una agencia de marketing BTL y digital en Atenas, fundada bajo la guía del Athens Publishing Centre y de ATERMONO, que llevan cincuenta años al servicio de la publicidad y las artes gráficas. Organiza activaciones promocionales, eventos especiales, ferias y campañas digitales para marcas de automoción, bebidas espirituosas, retail y lifestyle, desde Atenas y Tesalónica hasta Creta y las islas. Primero llegó la identidad — la Couture P, un monograma cuya curva interior esconde la silueta de un bocadillo de diálogo, junto a un logotipo PRESTIGE y una paleta de oro, negro y crema — y el sitio se construyó sobre ese sistema, para que marca y sitio compartan las mismas decisiones. El griego va delante: el sitio se abre en griego, el griego cubre cualquier texto que falte en inglés y los buscadores saben que es el idioma por defecto. La portada se abre con el monograma convertido en película — un primer plano de metal cepillado que gira y se aleja al hacer scroll hasta mostrar la P entera — y la página de presentación lo levanta como un monolito antes de ceder el titular a WE ARE PRESTIGE, WE ARE THE FUTURE. Ocho valores deletrean P-R-E-S-T-I-G-E y se encienden uno a uno del crema al oro mientras la sección avanza, bajo un polvo de oro que el puntero empuja como una brisa. Detrás de los momentos estelares hay un sitio que trabaja: un portfolio fotográfico en cuatro categorías, un muro con cincuenta logos de clientes, tres páginas de servicios con sus propias preguntas y respuestas, un formulario de contacto y una solicitud de casting para promotores, azafatas y modelos.

Tecnologías

Brand Identity Logo Design PHP 8 MySQL Vanilla JS GSAP 3 Scroll-driven video Bilingual EL/EN JSON-LD llms.txt WCAG 2.2 AA Self-hosted fonts

Retos

Una agencia que vende presencia necesitaba un sitio que transmitiera la marca antes de que nadie leyera una palabra — y la marca aún no existía, así que la identidad tenía que llegar primero y después sostener el sitio. Sus tipografías fueron el primer obstáculo: la de titulares, Orpheus Pro, es una fuente de Adobe con licencia que no se puede servir en la web, y la de texto, Poppins, no tiene griego en absoluto, en un sitio cuyo idioma principal es el griego. Toda la paleta es oro sobre negro, y el texto sobre imágenes en movimiento falla en contraste en zonas que la media del fotograma nunca muestra. El material del cliente llegó tal cual: 47 logos en seis formatos, 23 de ellos gráficos oscuros invisibles sobre una página negra y una docena con cajas blancas incrustadas; 24 fotografías de eventos; un vídeo de una activación grabado con el móvil. Y la agencia recluta a través del sitio, así que un formulario público recoge fotografías, currículums y datos personales — datos protegidos por el RGPD desde el momento en que llegan.

Soluciones

La Couture P es una única letra dibujada a medida, cuyo ojo guarda un bocadillo de diálogo escondido, acompañada de un logotipo PRESTIGE, una línea COMMUNICATIONS con espaciado amplio y una paleta de Prestige Gold, Deep Black y Soft Cream, y entregada como un conjunto completo: versiones horizontal, apilada y símbolo, en acabados con volumen, degradado y sólido, para fondos claros y oscuros. El sitio respeta ese sistema sin los archivos con licencia. Los tokens tipográficos resuelven los titulares en Noto Serif Display y reparten el texto por rango Unicode, Poppins para el latín y Manrope para el griego, de modo que un mismo token dibuja las letras correctas en los dos idiomas. Las películas del monograma siguen el scroll, codificadas con un fotograma clave cada seis para que cualquier salto se decodifique al instante, y recurren a un único fotograma con movimiento reducido y a una codificación más ligera en pantallas pequeñas. Cada línea de texto sobre vídeo se midió en su peor zona de 6×6 píxeles en lugar de la media del fotograma, y cada velo se dimensionó a partir de ese número. Los logos se recortaron sobre fondo transparente a una misma altura óptica y se colocaron sobre fichas blancas, el único fondo para el que se dibujó cada marca. Las fotos de los candidatos se reescriben en WebP por debajo de 50 KB y los currículums en PDF de más de 400 KB se recomprimen antes de guardarse fuera de la raíz web. Fuentes, vídeos y scripts salen todos del propio servidor del sitio, así que ningún visitante se entrega a un tercero.

Visitar proyecto

Galería

Un monograma P de bronce se alza como un monolito sobre un escenario oscuro bajo un foco, con el titular dorado «WE ARE PRESTIGE / WE ARE THE FUTURE» a sus pies.
Quiénes somos — la marca como monolito, guiada por el scroll
Tres filas de servicios numeradas: 01 BTL Marketing, 02 Special Events y 03 Digital Marketing. El puntero está sobre la segunda, con el título en oro y, detrás de su descripción, una foto oscurecida de dos azafatas en un stand de Volvo.
Tres servicios y una vista previa al pasar el ratón que deja el texto legible
Un marco de vídeo vertical en el centro de la página negra: tras una barra, un hombre sirve en tres copas de una bebida anaranjada delante de una pancarta de Vecchio Amaro del Capo.
Una activación de marca real, reproducida por el scroll
La etiqueta «Identity» sobre ocho valores cuyas iniciales doradas forman PRESTIGE — Professionalism, Reliability, Evaluation, Simplicity, Trust, Integrity, Generosity, Elegance — sobre negro salpicado de polvo de oro.
Ocho valores, un acróstico, dorado letra a letra
Enlaces de categorías — All 24, Special Events 6, Exhibitions 6, In store promotion 6, Outdoor Activations 6 — sobre un mosaico de fotos de eventos: tres mujeres con vestidos verde, blanco y rojo junto a una pancarta de Borotalco, dos mujeres de negro ante una pared de L'Oréal Groupe y dos azafatas de azul en un stand de Volvo.
Veinticuatro fotografías del trabajo de la propia agencia
Una cuadrícula de logos de clientes sobre fichas gris claro — fabricantes de coches, casas de moda y lujo, marcas de alquiler, mensajería y electrodomésticos — con uno, Sixt, a todo color bajo el puntero.
Cincuenta logos de clientes, igualados sobre un mismo fondo claro
La página BTL Marketing: su título y un resumen de una frase sobre una foto panorámica de una mujer con gorra blanca y gafas de sol junto a la puerta abierta de un coche adornado con globos azules, en un paseo marítimo.
BTL Marketing — abre con una foto del trabajo de la propia agencia
La página Become a Partner: el titular «JOIN OUR TEAM», un botón dorado «Fill in the form» y la primera sección, Details, con campos de nombre, apellido, fecha de nacimiento y género.
Una solicitud de casting para promotores, azafatas y modelos
El logotipo apilado centrado sobre negro bajo un tenue brillo dorado: el monograma P, PRESTIGE en mayúsculas blancas espaciadas, COMMUNICATIONS en pequeñas mayúsculas doradas y un breve filete dorado.
El precargador — una vez por visita, cronometrado solo con CSS
Una diapositiva de presentación color crema: a la izquierda, un monograma P de bronce cepillado; a la derecha, la etiqueta «The Couture P», el titular «A statement in simplicity.» y un breve párrafo.
La Couture P — un monograma a medida
Una diapositiva negra titulada «A voice within the letter.», que explica que la curva interior de la P esconde la silueta de un bocadillo de diálogo, junto al monograma dorado.
Un bocadillo de diálogo escondido en la curva de la P
Una diapositiva color crema titulada «Every lockup. Every surface.»: una cuadrícula de dieciocho versiones del logotipo — horizontal, apilada y símbolo, cada una en acabados con volumen, degradado y sólido sobre fichas claras y oscuras.
El conjunto de logotipos — tres versiones, tres acabados, claro y oscuro
Una maqueta de presentación: el monograma y el logotipo de latón cepillado en una pared de recepción revestida de nogal, tras un mostrador de mármol, junto al titular «Brushed brass on walnut.»
En contexto — latón cepillado sobre nogal