IDENTIDAD DIGITAL / DISEÑO WEB
PROYECTO DE ESTUDIOAfterlight 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 / 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.
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.
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
- 01Contexto
- 02Contenido
- 03Estructura
- 04Dirección visual
- 05Sistema UI
- 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.
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