2026
Diseño Web
UX/UI
Dirección digital
(EL PROYECTO)
Diseñamos la web de TH Studio Arquitectura para trasladar su mirada al entorno digital. Un portfolio que invita a abrir, deslizar y descubrir, donde fotografía, planos, vídeo y texto explican las decisiones de cada obra.
(LA WEB EN MOVIMIENTO)
01 / CONCEPTO
El objetivo era dar coherencia a la presencia digital del estudio y hacer visible su manera de trabajar. Organizamos el relato alrededor de cuatro ejes —lugar, luz, materia e identidad— y construimos una jerarquía que conecta la primera imagen con los proyectos, el proceso y las personas. La arquitectura tiene el protagonismo; el contenido aporta contexto y confianza.
02 / DIRECCIÓN VISUAL
Superficies claras y oscuras, tipografía de gran presencia y espacios que dejan respirar las imágenes. La composición distingue momentos: presentar el estudio, detenerse en una idea y entrar en una obra. Los símbolos arquitectónicos, los planos y las fotografías construyen un vocabulario común, desde la visión general hasta el detalle de una fachada o un material.
03 / CONTENIDO
La página de inicio conecta la filosofía del estudio con los proyectos destacados, el proceso de trabajo y el equipo. Las preguntas frecuentes ayudan a resolver dudas antes del primer contacto y el blog ofrece un espacio para desarrollar el discurso del estudio. Cada bloque responde a una pregunta: qué hace TH Studio, cómo aborda un encargo y quién acompaña al cliente.
04 / PROYECTOS
Abrir una obra. Descubrir su historia.
Nos inspiramos en la lectura editorial de Behance para presentar cada obra como una secuencia. Las fichas desplegables conectan fotografías, planos, relato y detalles mediante un recorrido horizontal. Una estructura flexible que permite mostrar tanto la idea del proyecto como las decisiones que le dan forma.
05 / RETOS
Trabajamos la apertura y el centrado de las fichas, el movimiento horizontal y la relación entre imágenes y texto. El reto era conservar la orientación del visitante sin interrumpir la exploración. También revisamos las proporciones de las portadas y la adaptación de los bloques de contenido: cada obra necesita poder mostrar imágenes completas y desarrollar su propio relato.
06 / MÓVIL
La misma intención, adaptada al gesto.
En el teléfono, el recorrido se adapta a una lectura más cercana. La apertura deja entrever la continuación del contenido para invitar a deslizar. Ajustamos el ancho de los paneles y los márgenes para que la exploración horizontal mantenga textos legibles, imágenes con presencia y una jerarquía clara dentro de una pantalla más pequeña.
07 / CONTINUIDAD
La estructura se preparó para actualizar fotografías, textos y datos desde las propiedades de cada ficha. Los bloques tienen nombres según su función y las portadas cuentan con una pauta común. El resultado es una base de comunicación que reúne la mirada del estudio, sus obras y su proceso, preparada para incorporar nuevos proyectos.
(DESCUBRE EL PROYECTO)