Case Study — Diseño Web Estratégico

ANNEX

Diseño web estratégico para arquitectura e interiorismo: de un portfolio difícil de recorrer a una experiencia digital completa, navegable y preparada para atraer clientes.

SectorArquitectura e interiorismo
ServicioDiseño web estratégico
DisciplinasUX · UI · Design System · Desarrollo front
annex-architecture.com
Composición de portada: interfaz de ANNEX sobre fotografía arquitectónica de referencia

ANNEX — Diseño web estratégico para arquitectura e interiorismo.

Ver sitio completo ↗
The Challenge

El desafío

ANNEX tenía un portfolio de altísima calidad, pero su sitio no lo comunicaba: la información estaba desordenada, el recorrido era difícil y los servicios no se entendían.

Estrategia: antes de diseñar una sola pantalla, definimos qué necesita ver un cliente potencial, en qué orden, y qué decisión le pedimos que tome en cada página. Projects se convirtió en el camino principal de conversión, con Contact accesible en un clic desde cualquier punto del sitio.

El resultado

La web completa de ANNEX

Home, Projects con filtros y vista Grid/Index, ficha de proyecto, Studio, Services, Journal y Contact — navegable de principio a fin.

annex-architecture.com
Vista previa de la Home de ANNEX, pasillo de hormigón con luz y sombra

Arquitectura, interiores y dirección espacial para proyectos definidos por la materia, la luz y el uso.

Ver sitio completo ↗
Vista previa desktop de la sección Projects de ANNEX
Vista previa mobile de ANNEX
Web Design Scope

Alcance del servicio

El servicio de diseño web estratégico completo del estudio, en cinco fases.

Fase 01

Descubrimiento

Objetivos de negocio, audiencias, contenido, requerimientos y revisión de referencias.

Fase 02

Estrategia digital

Propósito del sitio, arquitectura, propuesta de conversión y funcionalidades clave.

Fase 03

UX

Sitemap, flujos de usuario, jerarquías, wireframes y prototipo.

Fase 04

UI y dirección de arte

Sistema visual, tipografía, color, fotografía, componentes, animación y responsive.

Fase 05

Preparación para desarrollo

Design system, especificaciones, documentación, handoff y control de implementación.

Deliverables

Qué recibe el cliente

Estrategia digital
Sitemap y arquitectura
Wireframes
Dirección de arte
Diseño desktop
Diseño tablet
Diseño mobile
Prototipo navegable
Design system
Especificaciones
Lineamientos de accesibilidad
Archivos para desarrollo

El alcance de este proyecto incluyó diseño y especificación completa de front-end. No incluyó desarrollo backend, integración de CMS ni programación — esas etapas se definen caso por caso.

Una web deja de ser una colección de páginas cuando cada decisión responde a una estrategia.