Atelier Luma
2023
Image optimization script by Ivan Murit.
Coding, Design, Identity, Research
Design, Education, Research
Docker
![](https://vod.api.video/vod/viplg5HtaKwF8UurvytpjJs/thumbnail.jpg)
Statically generated pages to minimise server calls.
![](https://f451.studio/media/pages/projects/atelier-luma/22ddf6bb7e-1718096697/2-image-mobile.jpg)
![](https://f451.studio/media/pages/projects/atelier-luma/17dc537ad0-1718096697/3-image-mobile.jpg)
The image optimisation script by Ivan Murit and total image weight open only upon user click.
![](https://f451.studio/media/pages/projects/atelier-luma/7f37f00df8-1718096698/16-image-desktop.jpg)
![](https://f451.studio/media/pages/projects/atelier-luma/1574a5f47e-1718096698/15-image-desktop.jpg)
![](https://f451.studio/media/pages/projects/atelier-luma/3f851aaf07-1718096698/14-image-desktop.jpg)
![](https://f451.studio/media/pages/projects/atelier-luma/80d8a0ee72-1718096698/13-image-desktop.jpg)
Various elements (menu, filters, images, etc.) are arranged following basic HTML code logic, from left to right, with line breaks based on browser size.
![](https://f451.studio/media/pages/projects/atelier-luma/fa2f5df90f-1718096697/4-image-desktop.jpg)
Images are displayed in a single size, maintaining their original format across all screen sizes
![](https://f451.studio/media/pages/projects/atelier-luma/981a92f7b6-1718096697/1-image-desktop.jpg)
![](https://f451.studio/media/pages/projects/atelier-luma/981a92f7b6-1718096697/1-image-desktop.jpg)
![](https://f451.studio/media/pages/projects/atelier-luma/c295ded5d3-1718096698/8-image-mobile.jpg)
A defined number of elements per page with pagination to limit page weight and loading time.
![](https://f451.studio/media/pages/projects/atelier-luma/c295ded5d3-1718096698/8-image-mobile.jpg)
![](https://f451.studio/media/pages/projects/atelier-luma/69b77e83f9-1718096698/9-image-mobile.jpg)
![](https://vod.api.video/vod/vi28d8BkXsoKaJ4VTuOjNf6k/thumbnail.jpg)
An environmentally friendly research platform for Atelier Luma, the design research program of LUMA Arles. The platform is engineered and designed to resonate with their bioregional and ecologically focused design practices.