top of page

Arthur's Adventures

Brief

In this assignment, I was asked to design and implement a single-page website using HTML, CSS, and original photographic and image assets. The webpage will be about a collection of 8 small objects that I photographed. The objects must share a common theme. The webpage will also present fictional text information about each of the objects in the collection.

Backstory for Arthur's Adventures

Arthur was a background character from the mobile/PC game “Unicycle Escape” (A project previously created and can be viewed here). Day-in, day-out, Arthur’s only job was to feature as a banker in the introduction sequence of a bank robbery, played on the screens of millions! Never anything more or anything less, Arthur was unable to venture outside of this repetitive loop, where he was disregarded, unseen and hidden in the darkest corners of glass screens. Unknown to the world, Arthur began to develop feelings, thoughts, dreams and desires – He wanted to listen to music, feel the sun on his pixelated skin, immerse himself in books and games, cook and try foods that he had seen so many of his players indulge in – Most importantly however, Arthur wanted to Adventure. One day, Arthur’s mundane life altered dramatically, as Arthur was sitting behind his usual desk at work, he heard a loud bang, the floor started shaking and his world began to crumble... all of a sudden, Arthur found himself sitting outside of the glass screen that once contained him

8 Collection Images

cereal.jpeg

After

cereal.jpeg

Before

reading.jpeg

After

reading.jpeg

Before

vinyl.jpeg

After

vinyl.jpeg

Before

cooking.jpeg

After

cooking.jpeg

Before

gaming.jpeg

After

gaming.jpeg

Before

computer.jpeg

After

computer_edited.jpg

Before

guitar.jpeg

After

guitar_edited.jpg

Before

meditating.jpeg

After

meditating.jpeg

Before

Website Demo

Programs & Programming Languages

Adobe_Photoshop_CC_icon.svg.png

Adobe Photoshop

HTML5_logo_and_wordmark.svg.png

HTML

CSS3_logo_and_wordmark.svg.png

CSS

Visit Website

For optimal and intended web layout, please view the website in 1920 x 1080

Download Documentation

The project documentation outlines the process of the project development, including issues, challenges and solutions across all softwares.

bottom of page