Prototyping: How To Move Fast And Embrace Drupal
Prototyping: How To Move Fast And Embrace Drupal
A prototype can be many things. A static prototype puts visual language, proposed solutions, and brand-style interpretations into the hands of your clients and users sooner, providing more time for validation of concepts, iteration and pivoting when key insights arise. A prototype puts code into the hands of your developers sooner, providing more context, early involvement in the generation of solutions, and critical engagement at early stages. For the content creator/strategist a prototype allows the consideration of real content—in-situ—much earlier in the process, and for the designer it offers the ability to validate design decisions and test assumptions throughout the process, and to iterate as the need arises. All of this—ultimately results in a more focused and useful product.
This session will focus on Kalastatic—Kalamuna’s approach to prototyping, style-guiding, and in-browser component driven design practices. The world is full of frontend developers, creative agencies, content creators and strategists, these disciplines exist outside of Drupal, and are agnostic, if not indifferent to Drupals idiosyncrasies. These idiosyncrasies throw up cultural, conceptual, and linguistic barriers to participation between a Drupal shop, and the generally solution-agnostic world at large be it your client, other designers, or front-end developers.
Kalastatic is an open source suite of front end tools that integrate with Drupal but can stand alone and embraces frontend development conventions practiced elsewhere. It combines a component-based, atomic design approach with Paragraphs and led to the creation of the Twigshim module which means Drupal 7 can ingest many of the Twig templates used in the prototype along with all of the style assets, and javascript.
Further, in Drupal 8 Kalastatic has achieved a wholesale, unified approach that smooths out workflows, giving us the ability to go from a completed discovery to production ready code faster than ever before, allowing us to focus on the details that make the difference between competence and excellence.
This talk covers both D7 and D8
Similar sessions have been presented at: