industrial-web-design v1.0.0

Industrial-Web-Design

Wireframing and Illustrating with React.js and Bootstrap 4.

What is Industrial Web Design?

A couple of years ago while attending the FrontEnd Conference in Zurich, I saw a presentation where a designer had used JavaScript to auto-generate page-layouts to automate his design process. The presentation had me wondering whether it would be possible to apply the same idea to product design, so I built this library to create 'realistic' drawings and sketches using only standard Bootsrap classes, along with only a few new ones.

Why design programatically?

It allows the designer to be far more precise in terms of color-pallets, adherance to corporate design standards and principles, etc. It also makes testing out new design variations far less time-intensive, as you can simply write a script to return all possible variants of a design, when controlling for select variables.

The Goal

This project has been a test of the web stack's capacity to serve as a platform for creating design mock-ups. My long term goal is to develop a React-based library for 3d design modeling. If you're at all intersted in helping me out with the project, feel free to shoot me a message through GitHub.