Skip to content


Extremely Rapid (semi) Automatic Prototyping

A experiment into using AI to facilitate discovery and build of a basic website.

In a domain as dynamic as digital development, the pursuit of streamlined processes and efficiency is ceaseless. Herein unfolds the concept of "Extremely Rapid (semi) Automatic Prototyping" (ERAP), a groundbreaking experiment aimed at leveraging artificial intelligence to markedly accelerate the early stages of website development. The principal aim of ERAP is to automate the client requirement gathering process and translate these into actionable design prototypes. The advantages of this avant-garde approach are profound; it not only promises a substantial reduction in turnaround time but also cultivates a more interactive and client-centric design process, potentially elevating the quality of the output.

Bridging Proven Techniques with AI

Central to this innovative endeavor is the amalgamation of established requirements gathering and discovery techniques with the computational prowess of AI. Techniques such as User Story Mapping, Persona Development, and the Jobs-to-be-Done (JTBD) Framework have been esteemed in the digital development arena for their effectiveness in encapsulating client needs and expectations. These frameworks provide a structured pathway to understanding the client's vision, goals, and the problem space, thereby laying a robust foundation for the design phase.

In the ERAP experiment, the aspiration is to imbibe these proven frameworks into the AI model, essentially training GPT-4 to emulate a seasoned developer or business analyst in engaging with the client. For instance, during the "Gain Insights" phase, GPT-4 could employ the User Story Mapping technique to elicit high-level requirements and expectations from the client. Similarly, Persona Development could be leveraged to delve deeper into understanding the target audience, while the Jobs-to-be-Done framework could assist in pinpointing the core functionalities that the website needs to offer.

The Rapid Design Phase

Transitioning to the "Rapid Design" phase, the duo of GPT-4 and DALL-E (a sibling AI model capable of generating images from textual descriptions) come into play to metamorphose the gleaned insights into visual and textual design elements. These elements are then meticulously curated to create design mockups which are shared with the client for feedback, ensuring alignment with the client's vision and expectations.

Building with Templates

The culmination of this journey is the "Build" phase, where the approved design elements are structured into a programmatic blueprint, ready to be transformed into a live website. Utilizing common templates for building websites plays a pivotal role here. Templates for standard pages like the "Home Page," "Services Page," and "About Page" are tailored based on the design mockups and client feedback. These templates provide a reliable and time-tested structure while allowing for customization to reflect the unique brand identity and functionalities as per the client's requirements. The resultant programmatic representation, possibly articulated in a JSON format, encapsulates the design, content, and structural elements, serving as a guide for the development team as they embark on the actual construction of the website.

The Road Ahead

The ERAP experiment stands as a vivid testament to the boundless potential nestled at the junction of AI and digital development. By integrating established frameworks within the AI model, the ERAP methodology takes a significant leap towards a future where AI doesn't merely assist but actively partakes in the creative process, assuring a product that is both high in quality and aligned with the client’s vision. Through this venture, not only is the process of digital development envisaged to become more efficient and client-centric, but it also opens up a plethora of opportunities in evolving the way we approach the design and development of digital platforms.