wood-kit UI/FE Development
I led the 'wood-kit' promo site, handling everything from UI design and front-end development to video production and PDF documentation.
problem
Robotik Bilim had developed 'wood-kit,' a wooden, Arduino-based STEM product for children. These products (like calculators, autonomous cars, etc.) needed to be properly introduced to parents and children, and users required clear instructions on how to build and code them. There was no central digital platform or supporting documentation (PDF, video) to help families easily understand and use the kits.
solution
The solution was to design and code a website that served as both an e-commerce showcase and an educational hub. I not only handled the UI design in Figma but also personally took on the front-end development. To complete the user experience, I designed custom PDF user manuals and filmed/edited the setup and coding tutorial videos for each kit.
Wood-kit was a special project that allowed children to engage with technology as 'creators,' not just 'consumers.' To reflect the potential of these valuable products and ensure a seamless experience from the moment a child opened the box, I designed every step of their digital journey.
This role at Robotik Bilim was one where I truly lived up to my 'Multidisciplinary' title. It wasn't enough to just design the website's interface; I also wrote the HTML/CSS (Front-End) code to bring it to life. This allowed me to single-handedly bridge the gap between design and development.
To make the experience complete, I went even further. I designed the PDF user manuals included in each box. Then, I got in front of the camera to film and edit the educational videos showing how to assemble and code the kits with Arduino. Every visual, every word, and every line of code on the site served the goal of igniting a child's creativity.
see also