ServiciosDiseño web a medida
Diseño web a medida, con mirada de cine.
Para marcas que viven de su imagen: estudios, eventos, cultura y productos que necesitan una web que no se parezca a ninguna otra. Dirijo el arte, diseño cada página y la programo a mano, con un editor pensado para tu contenido para que tu equipo la lleve desde el primer día.
Qué incluye
- 01
Dirección de arte
El aspecto, la tipografía, la fotografía y el movimiento, decididos como un conjunto antes de programar, como el look de una película.
- 02
Diseño, página a página
Cada plantilla diseñada con tu contenido real, en móvil y escritorio, y revisada contigo antes de construirla.
- 03
Hecha con Astro
Páginas generadas de antemano y servidas desde una CDN: rápidas con cualquier conexión, seguras y con poco que mantener.
- 04
Un editor pensado para tu contenido
Un CMS headless como Sanity, con tus proyectos, eventos o productos como campos que rellenar, no como páginas que maquetar.
- 05
Movimiento con intención
Transiciones, cambios de foco y apariciones que guían la mirada, cada una con su versión de movimiento reducido.
- 06
Idiomas, SEO y entrega
Cada idioma en su propia dirección, datos estructurados, analítica y una sesión de formación para tu equipo.
Cinco recursos de cine, en vivo
Foco
Lo nítido manda: el ojo va adonde está el foco. En una web, enfocar la imagen o el texto decide qué se lee primero.
Dónde lo usoEn esta web, las fotos se enfocan al cargar y, en los trabajos, las demás tarjetas se desenfocan cuando pasas por una.
Corte
Un corte limpio separa escenas. Unas bandas negras que se cierran y se abren marcan el cambio de página sin pantallas de carga.
Dónde lo usoEn esta web, cada cambio de página es un corte de menos de un segundo.
Etalonaje
El mismo plano cuenta otra cosa con otro color. Un etalonaje coherente en todas las fotos y vídeos es parte de la identidad de una marca.
Dónde lo usoEn el Lab, el experimento «Etalonaje en directo» lo hace sobre vídeo y en tiempo real.
Ritmo
El cine se mide en tiempo. Un contador que avanza mientras bajas convierte el scroll en metraje.
Dónde lo usoEn esta web, el timecode de la cabecera corre mientras haces scroll.
Plano detalle
Un acercamiento lento dirige la atención sin cortar. Basta con un 15 %: más, y marea.
Dónde lo usoEn esta web, las cabeceras de los casos se acercan despacio al bajar.
Las fotos son mías, de mi trabajo para Nay Palad Hideaway.
Por qué a medida y no una plantilla
Una plantilla decide cómo se ve tu web antes de saber a qué te dedicas. Para muchos negocios está bien. Pero si tu trabajo es visual (un estudio, un festival, un producto que se compra con los ojos), la web es parte del trabajo y tiene que notarse. La diseño a partir de tu material: tus imágenes, tu ritmo, tus palabras.
Recursos de cine, en pantalla
Vengo de la dirección de arte y el rodaje. El foco, el corte, el etalonaje y el acercamiento lento funcionan en una web si se usan con mesura: le dicen a la visita dónde mirar y en qué orden. Pruébalos en la demostración de arriba.
Solo el código que necesita cada página
Esta web está hecha así, y también nomadictmedia.com: sin tema ni maquetador, solo el código que necesita cada página, y páginas que cambian con las transiciones del propio navegador.
Tu equipo la lleva
A medida no significa depender de mí. El editor se construye alrededor de tu contenido (proyectos, fechas, personas), así que cambiar la web es rellenar campos, y formo a tu equipo antes del lanzamiento.
Proceso
Hecho como una película.
Un proyecto funciona como una producción: guion, rodaje, postproducción y estreno. Siempre sabes qué viene después y cuándo te necesito.
Preproducción
Estrategia, estructura y dirección de arte. Ves el guion y el aspecto de tu web antes de escribir una línea de código.
Tú · Reunión inicialRodaje
Diseño y desarrollo, construidos sobre tu contenido real, no sobre textos de relleno.
Tú · Revisión del diseñoPostproducción
Movimiento, contenido y pulido, revisados en móviles y pantallas reales.
Tú · Revisión finalEstreno
SEO, analítica y una sesión de entrega. Desde el día del estreno la lleva tu equipo.
Tú · FormaciónTrabajos relacionados
Preguntas
¿Cuánto cuesta una web a medida?
Depende del número de plantillas, de los idiomas, del movimiento y del contenido. Tras una primera llamada te envío un presupuesto por escrito con todo lo que incluye.
¿Qué es un CMS headless?
Un editor que guarda tu contenido sin decidir cómo se ve. La web lo lee y lo muestra con su diseño, y el mismo contenido puede alimentar una app o una newsletter.
¿Por qué Astro y no WordPress?
Astro envía páginas terminadas con solo el código que necesita cada una, así la web es rápida y tiene menos piezas que actualizar. Si tu equipo necesita WordPress, hago eso, sin maquetador.
¿Cuánto se tarda?
Unas ocho semanas desde la primera reunión hasta el lanzamiento, en cuatro fases: preproducción, rodaje, postproducción y estreno. Antes de empezar tendrás un calendario con fechas.
¿Podéis rodar también el contenido?
Sí. Con Nomadict Media, el estudio de contenido que llevo con mi hermano, rodamos y fotografiamos en localización, para que la web se abra con tus propias imágenes.
¿Trabajas fuera de España?
Sí. Trabajo desde Valencia con clientes en España y fuera, en español y en inglés, con llamadas y revisiones compartidas en cada fase.
Del diario
- ¿Cuánto cuesta una web a medida? Lo que hay detrás de cada precioPor qué dos webs que parecen iguales pueden costar diez veces más una que otra, en qué se va el presupuesto y cómo se presupuesta cada proyecto.
- Qué preguntar antes de contratar a un diseñador webDiez preguntas para elegir a quien hará tu web, con la respuesta que deberías oír y las señales de alarma. Las mismas que me gustaría que me hicieran a mí.
- Cuánto se tarda en hacer una web a medidaUna web a medida de tamaño medio tarda unas ocho semanas si el contenido está listo. Qué la alarga, qué la acorta y cómo se reparte el tiempo, fase a fase.
