I created this narrative website to showcase and explain the process by which I wrote and later recorded a short story at Freestyle Academy with corresponding music and artwork. We began in English by writing a short "flash fiction", which was limited to 750 words. The story required an obvious conflict, resolution, and character development without forcing the reader to extend their imagination too far by setting a plausible scene which required very little background information. After approval from our english teacher, as digital media students we then used our story to inspire three musical tracks, the process of which is explained under "Music" on this site. I then meshed the music with a recording of me reading my short story using Pro Tools to create an audio book of sorts, which can be listened to under "Audio Book". In addition to the digital media productions inspired by the story, I designed an imaginary character with animal qualities in Adobe Illustrator to represent the protagonist, which can be seen under "Illustration".

This is a screenshot of the HTML code for this website done in Adobe Dreamweaver.

Screenshot of Dreamweaver Panel

The story which is displayed on this site is the second of two stories I turned in to my English teacher. The first story I created was about a dying taxidermist who had undergone multiple plastic surgeries, and did not lend itself to music production. Because I was unable to cerate corresponding productions to accompany my story in Digital Media and Design, I wrote a second story about a little boy living alone in an office. He experiences two distinct conflicts within the short story, and the resolution of the story is clear but leaves questions to be asked.

This is my short story which was written in my English class:

"Office Boy"

A loud scraping noise was emitted as Albert dragged his wooden stool across the linoleum floor of the break room. The sound seemed to emphasize the faint but constant buzzing of the cold fluorescent lights, meant to dissipate the sounds of clicking keyboards and grinding teeth. Albert propped the stool against the counter and climbed its three steps. He stretched his small frame to its capacity and managed to reach the knobs of the upper level cupboard, wresting it open to expose boxes and boxes of tea. Albert liked the Peppermint tea because its box had a colorful illustration of a snowman, but he reached instead for the beige box containing English Breakfast, as requested by Mr. Astley. Albert couldn’t read yet, but the office workers helped him out by describing the tea boxes to him, and after a few weeks he got to know which teas were favorites of the workers.

As Albert continued scraping around the tiny room, he heard the echoing taps of two high heeled shoes approaching. Albert’s heartbeat sped up and his cheeks flushed a bright pink. Before waiting to find out if the unfamiliar shoes were attached to a state worker, Albert scurried through the door in the opposite direction of the click-click sound and sprinted quietly through the cubicles to reach the familiar storage closet near the elevator. He struggled slightly to pull open the heavy door and then ducked behind it, turning on the light hurriedly. He breathed a sigh of relief and settled into his makeshift bed of mopheads and towelettes, clutching to his chest the whimsical man-shaped plastic tape dispenser that he had snuck out of an abandoned office in the third floor. It was cold at first, but after a few minutes it warmed up to match Albert’s body temperature.

Albert squeezed his eyes closed, his mind flashing to the cup of English Breakfast that was rapidly growing colder in the break room. How could he expect Mr. Astley and the others to keep turning a blind eye to his inhabitancy of the office if he was not fulfilling his duties? But soon his fear of those piercing shoes overshadowed his workplace anxiety, and he remained snuggled up in his closet, clutching the tape dispenser to his chest. As Albert began to drift off into his midday nap, he was suddenly startled awake when he felt the floor tremble beneath him, and seconds later a large box of paper fell on his foot, bending the ankle painfully. The shelves surrounding Albert remained in place, secured firmly to the wall with various brackets, but precarious items rained down over Albert’s small body, cutting and bruising him as he struggled to curl into a ball. Albert’s mind went completely blank, and he imagined only the color of those fluorescent lights, bright and safe and constant…

Albert felt a strong hand on his shoulder, and slowly opened his eyes to see the worn face of Dolton, the janitor, staring down at him with concern. He shook his head to clear the overpowering dizziness and forced a faint smile to let Dolton know he was okay, despite the sharp pain in his ribs and ankle. Dolton’s nervous frown softened, and he quickly got to work removing the scattered office supplies covering Albert. Albert sat up slowly, noticing that the pain in his ankle had greatly diminished, and as he regained clarity he glanced out of the open closet door to see – sharp black stiletto heels! Albert’s heart sped up and with flustered awkwardness he stood up too quickly, his vision spinning as a result. After regaining his balance he managed to move his eyes up from the shoes, over the black jeans, over the blazer, finally resting on the motherly face of Mrs. Hewitt, the building manager. Albert sighed and his shoulders fell in relief. Mrs. Hewitt handed him an apple, and Dolton drew him into a warm embrace. As Albert opened his arms to accept the hug, he dropped the tape dispenser that he hadn’t noticed he’d been holding. He quickly picked it up and wrapped himself as far around Dolton as he could, clutching the tape man tightly in his right hand.


In Design, we used inspiration from our short stories to create a comic character

Brainstorming rough sketch and characteristics
Brainstorming rough sketch and characteristics

To start the process of making a comic character to represent the protagonist of my story, we began in design by creating a list that correlated to character traits to animals that stereotypically represent these traits, such as timid correlating to a mouse. After writing thislist, we then drew a few sketches that implemented body parts from different animmals to best represent the traits of our character. I decided on a mouse with parrot wings, and chose to dress him in overalls. We also decided on the setting and perspective which would best accompany our story and character, and I decided on a birds eye view of my chracter standing on top of a skyscraper.

Posed models for my character
Posed models for my character

Explanation of photos you tookExplanation of photos you tookExplanation of photos you tookExplanation of photos you tookExplanation of photos you tookExplanation of photos you tookExplanation of photos you tookExplanation of photos you tookExplanation of photos you tookExplanation of photos you tookExplanation of photos you tookExplanation of photos you tookExplanation of photos you tookExplanation of photos you tookExplanation of photos you tookExplanation of photos you tookExplanation of photos you tookExplanation of photos you tookExplanation of photos you tookExplanation of photos you tookExplanation of photos you took

Final Illustration for Albert character
Final Illustration for Albert character

This is my final illustration for this design project. It was done using Adobe Illustrator. Since drawing the sketches, I changed my design to have my character flying over


One aspect of the digital media enhancement to our stories was to create three short music tracks to embed in our voice recordings for a more dramatic listening experience. These tracks were created using virtual instruments in Pro Tools or live instruments in the Freestyle music studio such as the guitar, bass, drums, and piano. Because I am not a practiced musician, I chose to create all of my music virtually. The inital track is intended to be the theme song to my character, and is very simple and upbeat because my character is a young and innocent child.

My second track is for the climax of the story, after Albert's inital fear of being discovered by a state worker which leads him to run into the closet where he lives in which he experiences a violent earthquake. Because I repeat the observation that Albert's heart beat sped up twice in the story, I wanted to make a sound effect of a beating heart increasing in pace, and I did this using a bass plugin and manually increasing it's pace somewhat irregularly using the keyboard. The music then diverges into a chaotic clashing rhythm which is meant to represent the feeling of having objects fall during a tumultuous earthquake and connect the listener more to the character in my story.

The final short song that I made for my narrative story is a calmer, idyllic track that is meant to sound peaceful and resolute.

This is a combined EDM track made by all of the students in the digital media class. I contributed eight bars to the track, in which I played a segment from 'mary Had a Little Lamb". I created my track using Reason software to mix and create the differnet sounds.

Audio Book

This is the result of the combination of my recorded story and the music I created to accompany it, done in Pro Tools.