Retour aux projets

IDENTITÉ NUMÉRIQUE / DESIGN WEB

PROJET DE STUDIO

Afterlight Cinema

Un cinéma indépendant conceptuel pour ceux qui aiment choisir une séance et rester jusqu’au générique. Afterlight Cinema est pensé comme un lieu culturel, pas comme une plateforme de streaming. Programme, horaires et décisions pratiques dominent dès le premier regard.

Une exploration indépendante d’AsturaWeb. Le design d’une expérience numérique, sans commande client.

SECTEUR
Cinéma indépendant · Programme · Choix de séance
LANGUE DU SITE
Anglais
ÉDITION
2026
PÉRIMÈTRE
Identité, UI et direction de production
01 — Un cinéma indépendant à l’heure bleue : une identité à l’échelle de la rue.DESIGN DU SITE

01 / LE CONTEXTE

La prochaine séance avant le prochain slogan.

La marque rassemble découvertes, cycles et rencontres autour de films fictifs. Le bleu nuit porte l’identité ; le turquoise éclaire lecture et dates ; le rouge de billetterie signale la sélection. La photographie rapproche l’échelle du lieu sans inventer une adresse ou une programmation existante.

  • Programme par jour avec horaires immédiatement visibles
  • Film, séance et salle cohérents entre les vues
  • Places et total clairement présentés comme démonstration

Les visuels conservent leur langue d’origine. Le récit du projet suit la langue choisie sur AsturaWeb.

02 / LE DÉFI

Une partie du public sait déjà quel film voir ; une autre souhaite découvrir. Le design devait servir ces deux visites. Placer les horaires avant les longues descriptions permet de choisir rapidement, tandis que les affiches et notes courtes maintiennent une entrée culturelle dans le programme.

L’IDÉE

L’en-tête typographique rappelle une enseigne de cinéma puis laisse place au sélecteur de jours. Chaque film occupe une ligne avec affiche, contexte et heures, pas une carte de catalogue audiovisuel. Les titres condensés accueillent des noms expressifs ; les horaires conservent taille et contraste constants.

02 — La salle avant la séance : fauteuils, lumière et texture.DESIGN DU SITE

03 / AU-DELÀ DE L’ACCUEIL

Un système,
au-delà du premier écran.

Today concentre les séances du jour et le changement de date organise l’exploration. The Last Tram revient dans sa fiche avec durée, note de programmation et séances cohérentes. La sélection mobile conserve film, heure et salle avant le choix de deux places. Le total distingue quantité et montant ; le parcours est une démonstration et ne produit jamais de billet valable.

03 — Accueil desktop : jours, films et horaires au premier plan.DESIGN DU SITE
04 — Fiche film avec contexte et choix de séance.DESIGN DU SITE

LE LANGAGE DU PROJET

Du caractère, avec justesse.

Couleur et matière

Bleu nuit, turquoise pâle et rouge de billet. Les accents servent les dates et la sélection sans faire de chaque affiche une compétition pour l’attention.

Typographie et hiérarchie

Titres condensés pour films et programme, grands horaires et données secondaires compactes. La hiérarchie permet de décider avant de lire tout le synopsis.

Image et mouvement

Façade au crépuscule et détail de salle. Affiches et films appartiennent à l’univers fictif du concept, sans reprendre un programme réel.

04 / RESPONSIVE ET INTERACTION

Un autre écran.
La même intention.

Sur téléphone, Today et les horaires disponibles passent en premier. Les affiches prennent moins de place sans perdre leur reconnaissance ; les boutons gardent une surface tactile utile. Le plan de salle organise rangées, disponibilités et sélection avec une légende proche, sans dépendre uniquement de la couleur.

DU BRIEF AU SYSTÈME

  1. 01Contexte
  2. 02Contenu
  3. 03Structure
  4. 04Direction visuelle
  5. 05Système UI
  6. 06Responsive

Développement, intégrations et validation de production relèvent d’une phase ultérieure, définie selon le périmètre réel.

05 / DIRECTION TECHNIQUE

Pensé pour envisager
la production.

Étude visuelle conceptuelle : photographies et images d’interface générées et sélectionnées pour le projet. Les sites représentés ne sont connectés à aucun service réel.

Design de programmation et billetterie présenté par des images d’interface. Films, séances, salle et prix sont fictifs. Aucune vente, aucun paiement ou réservation de places ; le portfolio permet d’examiner les écrans avec ses contrôles partagés.

  • Direction artistique
  • Design d’interfaces
  • WebP adaptatif
  • HTML sémantique, clavier et contraste
  • Images responsive et chargement progressif
  • Contenu indexable et structure SEO

Hébergement, mesure avec consentement et données structurées seraient définis à partir d’informations vérifiées et de besoins concrets.

PARLONS-EN

Un nouveau site, une refonte ou une idée encore à préciser. Écrivez-nous : nous verrons ensemble ce qui mérite d’être construit.

Parlez-nous
de votre idée.

Donner forme à mon projet
Que souhaitez-vous faire ?
Le contexte

Quel site avez-vous en tête ?

Parlez-nous de votre activité et de ce que votre futur site doit vous apporter.

Type de site

Choisissez une option. Vous pourrez la modifier.

Que doit vous apporter ce site ?
Quelle est votre activité ? · Facultatif
Budget et calendrier Facultatif

Ces repères nous aident à cerner le projet. Ils ne constituent ni un devis ni un engagement de délai.

Quel budget envisagez-vous ?
Quand aimeriez-vous commencer ?
Quel budget envisagez-vous ?
Quand aimeriez-vous commencer ?

Ce qui reste à préciser pourra attendre notre échange.

Qu’est-ce qui ne fonctionne plus ?

Dites-nous ce qui doit changer et ce qui mérite d’être conservé.

Ce que vous souhaitez changer

Plusieurs choix sont possibles.

Que souhaitez-vous conserver ?
Un changement est-il prioritaire ? · Facultatif
Budget et calendrier Facultatif

Ces repères nous aident à cerner le projet. Ils ne constituent ni un devis ni un engagement de délai.

Quel budget envisagez-vous ?
Quand aimeriez-vous commencer ?

Ce qui reste à préciser pourra attendre notre échange.

Où souhaitez-vous être plus visible ?

Parlez-nous de votre offre et des endroits où vous voulez être trouvé.

Le public à atteindre

Choisissez une option. Vous pourrez la modifier.

Que souhaitez-vous améliorer ?
Quels produits ou services proposez-vous ?

Indiquez votre site ou décrivez brièvement votre offre. L’un des deux suffit.

Dans quelle ville, région ou sur quel marché travaillez-vous ? · Facultatif
Budget et calendrier Facultatif

Ces repères nous aident à cerner le projet. Ils ne constituent ni un devis ni un engagement de délai.

Quel budget envisagez-vous ?
Quand aimeriez-vous commencer ?

Ce qui reste à préciser pourra attendre notre échange.

Qu’avez-vous en tête ?

Vous n’avez pas besoin d’avoir tout défini. Dites-nous ce que vous souhaitez accomplir.

La forme de votre idée

Choisissez une option. Vous pourrez la modifier.

Qui l’utiliserait ?
Que souhaitez-vous automatiser ?
Où l’IA pourrait-elle être utile ?
Que mettrait la plateforme en relation ?
De quoi votre commerce a-t-il besoin ?
Par quoi aimeriez-vous commencer ?
Qu’aimeriez-vous simplifier ? · Facultatif
Budget et calendrier Facultatif

Ces repères nous aident à cerner le projet. Ils ne constituent ni un devis ni un engagement de délai.

Quel budget envisagez-vous ?
Quand aimeriez-vous commencer ?

Ce qui reste à préciser pourra attendre notre échange.

Le contact

Vos coordonnées

Un détail à ajouter ? (facultatif)

Quelques lignes suffisent. N’incluez pas d’informations sensibles.

Votre message est envoyé uniquement lorsque vous choisissez « Envoyer mon projet ».

hola@asturaweb.com

Basé dans les Asturies. Des projets à distance en Espagne, en Europe et à l’international.

Pas besoin de maîtriser la technique ni d’avoir tout décidé. Dites-nous ce que vous faites et ce que vous souhaitez améliorer. C’est notre point de départ.

Un devis sur mesure. Une proposition claire, sans engagement.

POUR LANCER LA CONVERSATION

  • Ce que fait votre entreprise
  • Ce que vous aimeriez améliorer
  • Votre site actuel, si vous en avez un

Consulter la politique et les données stockées dans le navigateur

ASTURA / BRIEF

Votre projet, en clair.

  1. 01L’idée
  2. 02Le contexte
  3. 03Le contact
Que souhaitez-vous faire ?

Vous pouvez aussi nous écrire directement.

hola@asturaweb.com ↗WhatsApp ↗