Pop Lab

Contexto

Pop Lab ofrece estrategia, foto y video, edición de contenido, community management y Meta Ads. Necesitaban un sitio que presentara esos cinco servicios, enseñara su trabajo con clientes reales y facilitara el contacto, respetando un manual de marca con colores, tipografías, logo y una estrella propia.

situación previa

Qué hicimos

alcance exacto

• El manual de marca, llevado a la web. Convertimos los colores del manual en una paleta con reglas de contraste: el azul de la marca sólo se usa como relleno porque no se lee como texto sobre el fondo crema, y un azul más profundo lleva el texto de acento.
• Tipografía con la licencia resuelta. El manual pide una tipografía comercial. El sitio la usa donde está instalada y en los demás equipos cae en una alternativa libre muy parecida, con todo listo para activarla cuando se compre la licencia web.
• Logo y estrella adaptados a pantalla. Recortamos el logo horizontal para que se lea al tamaño de la barra de navegación y convertimos la estrella de la marca en un solo SVG que reutilizan todas las páginas.
• Un portafolio que respeta el formato del cliente. Cada caso sigue la rejilla que dibujó el cliente, incluido un video corto, más un antes y después de los perfiles de Instagram de las marcas.
• Un formulario de contacto accesible. Validación en el navegador y un selector múltiple de servicios hecho a mano, porque el nativo es inusable en el celular: funciona con teclado, se cierra con Escape y se abre hacia arriba cuando no hay espacio abajo.
• Ligero y rápido. Sitio estático en Astro, con JavaScript sólo para el menú móvil y el formulario; las imágenes se redimensionan y se sirven en WebP automáticamente.

Estado

En línea en poplabmkt.com.mx. Se muestra aquí con permiso del cliente.

capturas del sitio en línea