GenDesigner Play is an interactive web app equipping the next generation of designers. The app aims to transform the principles of visual design into cause-and-effect puzzles that children from 3 yrs+ can engage with. Instead of reading about theory, kids can learn by doing—feeling the weight, structure, and balance of digital elements in real-time. Google Stitch has been used in the initial exploration of the dashboard and landing page. We started off with the design.md import as well as a brief react prototype code base. This was then used to come up with the dashboard exploration as well as a Contrast game and journey map. A background animation was explored using building blocks as animated design elements. Then a landing page was explored and iterated on, finally being exported to Netlify through the new preview feature to see what it would look like on different devices. Generally Google Stitch use was great for the exploration and initial development, still looking to refine a lot more and continue iterating before live testing. The ease of deployment via netlify intergration was particularly lovely. The current design is https://stitch.withgoogle.com/projects/8129524678062519122 With the exported landing page on https://9c12dd6c-gendesigner-design-system.netlify.app/

I love the idea of a design education app for children!