Guía de deseño · sitio web

Alza Estudio,
en unha soa páxina.

Anatomía do sitio, sección a sección, e como se comporta en escritorio, tableta e teléfono — con foco especial na sección de Proxectos.

Cliente — Alza Estudio, deseño de interiores
Formato — Single-page, scroll continuo
Idiomas — Galego · Castelán · Inglés
01 — Mapa do sitio

A orde na que se conta a historia

Cabeceira

Menú fixo arriba, selector de idioma. Acompaña todo o scroll.Persistente
01

Hero

A primeira impresión: imaxe, vídeo ou galería a pantalla completa.Emocional
02

Sobre nós

Quen é Alza Estudio e cal é o seu xeito de traballar.Confianza
03

Equipo

As persoas detrás de cada proxecto.Humano
04

Proxectos

O portfolio: as obras, cunha galería en detalle de cada unha.Proba
05

Contacto

Datos + formulario para converter interese en encargo.Conversión

Rodapé

Enlaces, contacto, aviso legal e configuración de cookies.Persistente

As dúas páxinas seguintes explican que fai e por que existe cada unha destas seccións; despois entramos en detalle visual en Proxectos, a sección central do sitio.

02 — Anatomía das seccións

Que fai cada zona, e por que está aí (1/2)

01
Hero — a porta de entrada

Unha soa imaxe, unha soa idea

É o primeiro que ve unha visita antes de decidir se segue lendo. Unha imaxe ou vídeo dun espazo real de Alza Estudio, un titular curto e o xeito de contactar, sempre visible.

  • Medio imaxe / galería / vídeo
  • Título + subtítulo frase de posicionamento
  • Teléfono / email sen facer scroll
02
Sobre nós — o criterio

Por que confiar neste estudo

Texto breve que explica a filosofía de deseño, os anos de experiencia ou o tipo de proxectos aos que se dedica o estudo. Aquí gáñase a lectura seguinte: os proxectos.

  • Texto libre 2–4 parágrafos
  • Ton persoal, non corporativo
03
Equipo — as caras

Quen o fai posible

Interiorismo é un traballo de confianza persoal. Amosar quen forma o estudo — foto, nome, papel — humaniza a marca antes da chamada.

  • Foto retrato cadrado
  • Nome + cargo ex. "Directora creativa"
  • Bio breve opcional, 1 liña
02 — Anatomía das seccións

Que fai cada zona, e por que está aí (2/2)

04
Proxectos — a proba

O traballo fala por si só

O corazón do sitio. Cada obra é unha tarxeta cunha imaxe de portada e un título; ao premela, ábrese unha galería completa desa reforma ou proxecto. Vémolo en detalle nas páxinas seguintes.

  • Imaxe de portada representativa da obra
  • Título + descrición opcional
  • Galería en lightbox varias fotos por obra
05
Contacto — a chamada á acción

De visitante a orzamento

Datos de contacto directo (teléfono, email, enderezo) máis un formulario sinxelo. Todo o que precede a esta sección existe para traer á persoa ata aquí.

  • Formulario nome, email, teléfono, mensaxe
  • Datos directos teléfono / email / enderezo
03 — En detalle

Proxectos: como se ve en cada dispositivo

A grella reorganízase segundo o ancho da pantalla; premer nunha obra abre sempre a mesma galería en lightbox.

Escritorio

≥ 992px
Alza Estudio Sobre nós · Equipo · Proxectos · Contacto GL ▾
Proxectos — 3 columnas
Estudio RiazorInteriorismo
Loft San RoqueRehabilitación
Casa do VentoNova construción
Ático ElviñaReforma parcial
Oficina OrzánLocal comercial
  • 3 columnas, imaxe + título visibles sen scroll.

Tableta

768–991px
Alza Estudio
Proxectos — 2 columnas
Estudio RiazorInteriorismo
Loft San RoqueRehabilitación
Casa do VentoNova construción
  • 2 columnas, menú xa en hamburguesa.

Teléfono

< 576px
Alza
Proxectos — 1 columna
Estudio RiazorInteriorismo
  • 1 columna, tarxetas apiladas.
04 — Referencia rápida

O resto das seccións, por punto de ruptura

SecciónEscritorio ≥992pxTableta 768–991pxTeléfono <576px
HeroImaxe/vídeo a pantalla completaIgual, máis compactoIgual, altura reducida
Sobre nósColumna centrada, ancho limitadoAncho completoAncho completo
Equipo4 columnas2 columnas1 columna
ContactoCampos en 2 columnasCampos en 2 columnasCampos apilados
NavegaciónMenú horizontal completoMenú hamburguesaMenú hamburguesa
05 — Que máis se podería engadir

Seccións opcionais para máis adiante

Proposta

Noticias / Blog

Artigos sobre proxectos rematados ou tendencias. Bo para SEO e para volver visitar o sitio.

Proposta

Testemuños

Citas curtas de clientes reais xunto ao seu proxecto, xusto antes de Contacto.

Proposta

Prensa / Recoñecementos

Logos de medios ou premios nos que apareceu o estudo, se e cando existan.