![](https://sebikostudio.com/wp-content/uploads/img/portfolio/www/sebathebox/sebikostudio-web-design-1.jpg)
SebaTheBox is a pinhole photography portfolio, designed with fully scalable components. Main KPI in this project was the high performance of the website. In Gtmetrix it reached the PageSpeed score of A(94%).
sebathebox.com![](https://sebikostudio.com/wp-content/uploads/img/portfolio/www/sebathebox/sebikostudio-web-design-2.jpg)
The design system includes space fundamentals, colors, typography, and brand assets like font-icons or SVG animations.
![](https://sebikostudio.com/wp-content/uploads/img/portfolio/www/sebathebox/japan-Ilford-FP-4-125-pinhole-photography-2018-2.jpg)
![](https://sebikostudio.com/wp-content/uploads/img/portfolio/www/sebathebox/sebikostudio-web-design-4.jpg)
![](https://sebikostudio.com/wp-content/uploads/img/portfolio/www/sebathebox/sebikostudio-web-design-7.jpg)
![](https://sebikostudio.com/wp-content/uploads/img/portfolio/www/sebathebox/sebikostudio-web-design-6.jpg)
![](https://sebikostudio.com/wp-content/uploads/img/portfolio/www/sebathebox/sebikostudio-web-design-5.jpg)
![](https://sebikostudio.com/wp-content/uploads/img/portfolio/www/sebathebox/japan-kodak-ektar-100-pinhole-photography-2018-4.jpg)
![](https://sebikostudio.com/wp-content/uploads/img/portfolio/www/sebathebox/sebikostudio-web-design-8.jpg)
![](https://sebikostudio.com/wp-content/uploads/img/portfolio/www/sebathebox/sebikostudio-web-design-9.jpg)
![](https://sebikostudio.com/wp-content/uploads/img/portfolio/www/sebathebox/sebikostudio-web-design-10-gutenberg.jpeg)
To maintain the sections of the pages I have used Gutenberg – native editor in WordPress which allows users to see in the real-time visual content of the page.
![](https://sebikostudio.com/wp-content/uploads/img/portfolio/www/sebathebox/sebikostudio-web-design-13.jpg)
![](https://sebikostudio.com/wp-content/uploads/img/portfolio/www/sebathebox/sebikostudio-web-design-11.jpg)
![](https://sebikostudio.com/wp-content/uploads/img/portfolio/www/sebathebox/sebikostudio-web-design-12.jpg)
![](https://sebikostudio.com/wp-content/uploads/img/portfolio/www/sebathebox/sebikostudio-web-design-14.jpg)
![](https://sebikostudio.com/wp-content/uploads/img/portfolio/www/sebathebox/sebikostudio-web-design-15.jpg)