Volver a los proyectos

IDENTIDAD DIGITAL / DISEÑO WEB

PROYECTO DE ESTUDIO

Afterlight Cinema

Un cine independiente conceptual para quienes disfrutan de elegir una sesión y quedarse hasta los créditos. Afterlight Cinema se plantea como un lugar cultural, no como una plataforma de streaming. La programación, los horarios y las decisiones prácticas dominan desde el primer vistazo.

Exploración independiente de AsturaWeb. Diseño de una experiencia digital, sin encargo de cliente.

SECTOR
Cine independiente · Programación · Selección de sesión
IDIOMA DEL DISEÑO
Inglés
EDICIÓN
2026
ALCANCE
Identidad, UI y dirección de producción
01 — Un cine independiente a la hora azul: identidad a escala de calle.VISUAL DEL DISEÑO

01 / EL CONTEXTO

La próxima sesión, antes que el próximo eslogan.

La marca reúne descubrimientos, ciclos y encuentros alrededor de películas ficticias. El azul noche sostiene la identidad; el turquesa ilumina lectura y fechas; el rojo de venta de entradas señala una selección. La fotografía acerca la escala del lugar sin inventar una dirección o una programación existente.

  • Programa por días con horarios inmediatamente visibles
  • Película, sesión y sala coherentes entre vistas
  • Selección de asientos y total claramente demostrativos

El diseño conserva su idioma original. El relato del proyecto sigue el idioma que has elegido en AsturaWeb.

02 / EL RETO

Parte del público llega sabiendo qué película quiere ver; otra parte necesita descubrirla. El diseño debía servir a ambas visitas. Colocar los horarios antes de las descripciones largas permite elegir una sesión rápidamente, mientras carteles y notas breves mantienen una entrada cultural a la programación.

LA IDEA

La cabecera tipográfica recuerda una enseña de cine y deja paso a un selector de días. Cada película ocupa una fila con cartel, contexto y horas, no una tarjeta de catálogo audiovisual. Los títulos condensados admiten nombres expresivos; las cifras de horario mantienen tamaño y contraste constantes.

02 — La sala antes de la sesión: asientos, luz y textura.VISUAL DEL DISEÑO

03 / MÁS ALLÁ DE LA PORTADA

Un sistema,
no solo una primera pantalla.

Today concentra las sesiones del día y el cambio de fecha organiza la exploración. The Last Tram reaparece en su ficha con duración, nota de programación y sesiones compatibles. La selección móvil conserva película, hora y sala antes de elegir dos asientos. El total separa cantidad e importe; el recorrido se identifica como demostración y nunca produce una entrada válida.

03 — Portada desktop: días, películas y horarios en primer plano.VISUAL DEL DISEÑO
04 — Ficha de película con contexto y elección de sesión.VISUAL DEL DISEÑO

EL LENGUAJE DEL PROYECTO

Carácter, con criterio.

Color y materia

Azul noche, turquesa pálido y rojo de entrada. Los acentos sirven a fechas y selección; no convierten cada cartel en una competencia por la atención.

Tipografía y jerarquía

Titulares condensados para películas y programa, horarios grandes y datos secundarios compactos. La jerarquía permite decidir antes de leer la sinopsis completa.

Imagen y movimiento

Fachada al anochecer y detalle de sala. Los carteles y películas pertenecen al universo ficticio del concepto, sin apropiarse de una programación real.

04 / RESPONSIVE E INTERACCIÓN

Otra pantalla.
La misma intención.

En el teléfono, Today y las horas disponibles tienen prioridad. Los carteles reducen su presencia sin perder reconocimiento; los botones de sesión conservan espacio táctil. La vista de asientos organiza filas, disponibilidad y selección con una leyenda cercana, evitando que el visitante dependa únicamente del color.

DEL BRIEF AL SISTEMA

  1. 01Contexto
  2. 02Contenido
  3. 03Estructura
  4. 04Dirección visual
  5. 05Sistema UI
  6. 06Responsive

El desarrollo, las integraciones y la validación de producción forman una fase posterior, definida según el alcance real.

05 / DIRECCIÓN TÉCNICA

Preparado para pensar
en producción.

Estudio visual conceptual: fotografías e imágenes de interfaz generadas y seleccionadas para el proyecto. Los sitios representados no están conectados a servicios reales.

Diseño de programación y venta de entradas presentado como imágenes de interfaz. Películas, sesiones, sala y precios son ficticios. No hay venta, pago ni confirmación de plazas; el portfolio permite examinar las pantallas con sus controles compartidos.

  • Dirección artística
  • Diseño de interfaces
  • WebP responsive
  • HTML semántico, teclado y contraste
  • Imágenes responsive y carga progresiva
  • Contenido indexable y estructura SEO

El alojamiento, la medición con consentimiento y los datos estructurados se definirían con información verificada y necesidades concretas.

HABLEMOS

Una web nueva, un rediseño o una idea que todavía no sabes cómo plantear. Escríbenos y vemos juntos qué tendría sentido hacer.

Cuéntanos
qué tienes en mente.

Dar forma a mi proyecto
¿Qué te gustaría hacer?
El contexto

¿Qué tipo de web tienes en mente?

Cuéntanos qué haces y qué debería conseguir tu nueva web.

Tipo de web

Elige una opción. Puedes cambiarla después.

¿Qué debería conseguir esta web?
¿A qué se dedica tu negocio? · Opcional
Presupuesto y plazo Opcional

Solo nos orienta sobre el alcance. No es un precio cerrado ni un compromiso de entrega.

¿Qué inversión tienes en mente?
¿Cuándo te gustaría empezar?
¿Qué inversión tienes en mente?
¿Cuándo te gustaría empezar?

Puedes dejar lo que no sepas para nuestra conversación.

¿Qué es lo que ya no funciona?

Dinos qué te gustaría cambiar y qué merece la pena conservar.

Lo que quieres cambiar

Puedes elegir varias opciones.

¿Qué quieres conservar?
¿Hay algún cambio especialmente importante? · Opcional
Presupuesto y plazo Opcional

Solo nos orienta sobre el alcance. No es un precio cerrado ni un compromiso de entrega.

¿Qué inversión tienes en mente?
¿Cuándo te gustaría empezar?

Puedes dejar lo que no sepas para nuestra conversación.

¿Dónde quieres ganar visibilidad?

Cuéntanos qué ofreces y dónde quieres que te encuentren.

Dónde quieres llegar

Elige una opción. Puedes cambiarla después.

¿Qué quieres mejorar?
¿Qué vendes o qué servicio ofreces?

Añade tu web o una breve descripción de lo que ofreces. Con una de las dos basta.

¿En qué ciudad, región o mercado trabajas? · Opcional
Presupuesto y plazo Opcional

Solo nos orienta sobre el alcance. No es un precio cerrado ni un compromiso de entrega.

¿Qué inversión tienes en mente?
¿Cuándo te gustaría empezar?

Puedes dejar lo que no sepas para nuestra conversación.

¿Qué tienes en mente?

No necesitas tenerlo resuelto. Cuéntanos qué quieres conseguir.

La forma de tu idea

Elige una opción. Puedes cambiarla después.

¿Quién la utilizaría?
¿Qué te gustaría automatizar?
¿Dónde tendría sentido la IA?
¿Qué conecta la plataforma?
¿Qué necesita tu comercio?
¿Por dónde te gustaría empezar?
¿Qué te gustaría hacer más fácil? · Opcional
Presupuesto y plazo Opcional

Solo nos orienta sobre el alcance. No es un precio cerrado ni un compromiso de entrega.

¿Qué inversión tienes en mente?
¿Cuándo te gustaría empezar?

Puedes dejar lo que no sepas para nuestra conversación.

El contacto

Tus datos de contacto

¿Algo más que debamos saber? (opcional)

Una descripción breve es suficiente. No incluyas información sensible.

Tu mensaje se envía solo al pulsar «Enviar mi proyecto».

hola@asturaweb.com

Desde Asturias. En remoto para España, Europa y el mundo.

No necesitas saber de tecnología ni llegar con todo decidido. Cuéntanos qué haces y qué quieres mejorar. Empezamos por ahí.

Presupuesto a medida. Te proponemos una solución clara, sin compromiso.

PARA ROMPER EL HIELO

  • Qué hace tu negocio
  • Qué te gustaría mejorar
  • Tu web actual, si la tienes

Consultar la política y el almacenamiento del sitio

ASTURA / BRIEF

Tu proyecto, en claro.

  1. 01La idea
  2. 02El contexto
  3. 03El contacto
¿Qué te gustaría hacer?

También puedes escribirnos directamente.

hola@asturaweb.com ↗WhatsApp ↗