Volver a proyectos

CASO DE ESTUDIO · ARTEPNITRAM

De una tarjeta y un folleto a una web con un sistema claro.

No había un briefing web terminado ni textos listos para publicar. Teníamos dos materiales reales: una tarjeta de visita y un folleto de servicios. Nuestro trabajo no era copiarlos al navegador, sino entender qué debían comunicar la marca y la oferta.

Captura del sitio web ARTEPNITRAM implementado, tomada de una versión de trabajo probada. El desarrollo continúa.
Captura del sitio web ARTEPNITRAM implementado, tomada de una versión de trabajo probada. El desarrollo continúa.

01 · INPUT

Con qué empezamos

Ambos materiales contenían datos útiles, pero utilizaban lenguajes visuales distintos. Eran fuentes de información y carácter, no un sistema de diseño acabado.

01Tarjeta de visita
Tarjeta de visita
02Folleto de servicios
Folleto de servicios

02 · INTERPRET

La primera decisión no fue «¿cómo será el header?»

Había que unir dos señales visuales distintas. Conservamos la identidad turquesa más limpia de la tarjeta y la energía industrial, las diagonales y el carácter de obra del folleto.

03 · CONTENT

Qué cubría realmente el folleto

01

Demolición y retirada de construcciones

02

Asfaltado y reparación de carreteras

03

Accesos y superficies pavimentadas

04

Reparación de arquetas/canales

05

Sellado de grietas y juntas

06

Preparación invernal de superficies asfálticas

07

Acometidas, andamios y señalización

08

Apoyo de proyecto e ingeniería de tráfico

04 · DESIGN

Qué tuvimos que diseñar

01 · JERARQUÍA

Convertir una oferta amplia en áreas comprensibles.

02 · RECORRIDO

Relacionar contenido y contacto con la necesidad real del visitante.

03 · SISTEMA VISUAL

Unificar materiales distintos en una identidad técnica, moderna y móvil.

04 · EVOLUCIÓN

Dejar preparada la estructura para futuras referencias, fotos y servicios.

05 · RESULT

El resultado no es «una web hecha desde un folleto»

Unos materiales limitados se convierten en un producto digital independiente: arquitectura de servicios más clara, diseño responsive, recorrido de contacto preparado y base para Adaptive.

  • diseño mobile-first
  • estructura según la necesidad del visitante
  • dirección visual técnica aprobada
  • espacio para futuras referencias y fotografías
Hablar de mi proyecto

Este caso describe nuestro proceso de diseño y desarrollo. Todavía no publicamos resultados comerciales ni afirmamos un aumento de conversiones.