CineInde
CineInde
CineInde
2026
2026
2026
Giving local cinemas a unified landing with an identity rooted in the history of the seventh art.
Giving local cinemas a unified landing with an identity rooted in the history of the seventh art.
Giving local cinemas a unified landing with an identity rooted in the history of the seventh art.
Role
Role
Product builder
Product builder
TL;DR : what's
this ?
TL;DR : what's
this ?
TL;DR : what's
this ?
A python based platform that automatically scrap local cinema's weekly program to have an easy way to find a movie time or an event without the hassle of switching context or navigating outdated interfaces.
It's also my first experiment to truly make a 0→1 service by myself.
A python based platform that automatically scrap local cinema's weekly program to have an easy way to find a movie time or an event without the hassle of switching context or navigating outdated interfaces.
It's also my first experiment to truly make a 0→1 service by myself.
Goal
Goal
Goal
As an experiment to push my skills on building something from start to finish, I launched CineInde as a aggregator of movie timetable of Lyon’s central cinemas.
With a weekly automated aggregation, the website currently show up to date movies and events informations, with a one click booking directly on the cinema official page.
As an experiment to push my skills on building something from start to finish, I launched CineInde as a aggregator of movie timetable of Lyon’s central cinemas.
With a weekly automated aggregation, the website currently show up to date movies and events informations, with a one click booking directly on the cinema official page.
Intro
Intro
Intro
Intro animation was place to set the ambiance while displaying the weekly novelties.
Intro animation was place to set the ambiance while displaying the weekly novelties.
Navigation
Navigation
Navigation
With 5 cinemas, movie and events management on weekly or month based, the navigation is flexible to stay clean while adapting to the context of use.
With 5 cinemas, movie and events management on weekly or month based, the navigation is flexible to stay clean while adapting to the context of use.
Movie selection & reservation
Movie selection & reservation
Movie selection & reservation
Get at a glace what shows next and where, and book in one click with the movie and date informations already setup in the official booking page.
Get at a glace what shows next and where, and book in one click with the movie and date informations already setup in the official booking page.
Events
Events
Events
Cinemas usually have a lot of events programmed, but it rarely gets the place it deserves. It’s now showing beautifuly to let the people pick and enjoy face to face, retrospectives and much more.
Cinemas usually have a lot of events programmed, but it rarely gets the place it deserves. It’s now showing beautifuly to let the people pick and enjoy face to face, retrospectives and much more.
Mobile
Mobile
Mobile
Easy access on the go with no information loss.
Easy access on the go with no information loss.
Branding
Branding
Branding
Old school identity to get back to the first golden age of the industry, when movie releases were cultural and affordable events.
Old school identity to get back to the first golden age of the industry, when movie releases were cultural and affordable events.
Interactions
Interactions
Interactions
Using microinteractions is partly to give user more informations without cluttering the interface, partly to have an emphasis of the topic at hand.
Using microinteractions is partly to give user more informations without cluttering the interface, partly to have an emphasis of the topic at hand.
Design system & changelog
Design system & changelog
Design system & changelog
To decrease the risk of design debt, I used tokens early and loged all change into a dedicated page.
To decrease the risk of design debt, I used tokens early and loged all change into a dedicated page.
Tech stack
Tech stack
Tech stack
A Python scraper (pdfplumber, BeautifulSoup) extracts the weekly programmes, the Claude API parses them into structured JSON, TMDB enriches each film with metadata, Supabase stores the data, and a single-file vanilla HTML/CSS/JS front end is hosted on GitHub Pages, with weekly updates automated by GitHub Actions and the code built with Claude code.
A Python scraper (pdfplumber, BeautifulSoup) extracts the weekly programmes, the Claude API parses them into structured JSON, TMDB enriches each film with metadata, Supabase stores the data, and a single-file vanilla HTML/CSS/JS front end is hosted on GitHub Pages, with weekly updates automated by GitHub Actions and the code built with Claude code.