W2W was designed for those who want to go from idea to website, fast. Simply sketch a website template, placing text, image, and links, take a picture, and the app does the rest.

We imagined two primary types of users of W2W: those who want a website but lack the technical knowledge needed to make it a reality, and those who want to rapid-prototype a website layout. Whether for lack of knowledge or lack of time, there exists a disconnect from physical sketch to digital model, and W2W aims to bridge that gap.

W2W employs an advanced computer vision algorithm (powered by openCV) in order to analyze the image and recognize the shapes within the image. Then, another algorithm processes each shape, using its classification (text, image, link), size, and location to generate arrays of rows, elements and sub-elements. Finally, the program goes through these elements and generates HTML for each one.

The app uses Bootstrap for laying out elements in order to generate a mobile-responsive webpage and to allow for easy altering/expansion.

Future goals for the project include the addition of widgets such as galleries, the ability to edit the placeholder media within each element, and support for more precise spacing of elements.

A mac wrapper for the program can be found here

Share this project:

Updates