I wanted to use the concept of shapes dividing over and over to create a sense of confusion by being lost in a self-created maze. It is pretty reminiscent of exploring the internet for the very first time in our childhoods.
Using fractals as the framework for the derivé, I created a series of clicks which produce lines as the user interacts with the button. Each interaction with the web space is a choice to click any of the plethora of buttons on the screen. This ensures that each visit to the space is completely unique in the path taken and the sequence of the links encountered. This makes for a highly repeatable experience. 
Creative decision process and Software use:
There were several components in making a successful interactive web space. These components were completed in different software.
Adobe Illustrator:
I started with compiling the lines and their layout in Adobe Illustrator. After creating vectors for all the elements, I exported the file in the (.svg) format. These Scalable Vector Graphic elements do not pixelate even if they’re displayed on a higher resolution screen. The only shortcoming of the export was that the elements were referenced in absolute terms and not relative terms.
This posed a problem with the relative buttons which were created later in JavaScript.
Atom:
Atom is a software used to code JavaScript for interactivity in HTML documents. I got help from a friend to install the interactive elements into a simple JS program. This helped me to be part of the development process and learn basic elements in JavaScript. 
Due to the absolute placement of the vector graphics in the (.svg) file, the code could not be changed radically enough to accommodate all orientations and browser sizes. I believe this shortcoming can be mitigated in the future by being mindful of exporting files and assets in the correct format.
Adobe Dreamweaver:
Dreamweaver is where the elements and the code come together to be compiled into a synchronous website. I decided to have a landing page to make it clear to the user that the website is supposed to be interacted with in full screen mode. 
The next step was to attach various outside elements to the buttons at the end of random paths. This included choosing various buttons and selecting the particular file/link that I wanted the user to see.
I really wanted the interaction to feel completely unsupervised and therefore chose absolutely random files on my computer; my project pictures, pdfs of various kinds of information and some web links directing the user to interesting websites. 

Learning and future use:
I fully intend to add colorful shapes and more interactivity to the website. 
I immensely enjoyed this project and the potential that these software hold. Although this project was only a glimpse to what HTML can do, I also got a sneak peek into Java Script and how it adds another layer of interactivity to the webpages.
I aspire to have a working knowledge of HTML and JS so that I can develop webpages, professionally or for leisure. 
Back to Top