1. Revise four poems (previously written poems) and design their digital versions.
  2. Write two new poems and design their digital versions.
  3. Code the basic functionality of the poems.
  4. Code the design of poems.
  5. Write the accompanying text to project (the text on this site).
  6. Design and code the website to host the poems.


To complete this project I used the following software programs:

  • Notepad++ (code in HTML, CSS, and JavaScript languages)
  • Adobe Photoshop (create and edit images)
  • Adobe Illustrator (create and edit images)
  • Audacity (record audio for "Marriage Feint")
  • Adobe After Effects (create "Marriage Feint" animations)
  • Adobe Premiere (finalize "Marriage Feint" video)

Software I used for this project

software logos

Method by Poem:

My Daughter's a Child

After I revised and designed this poem, I had to make it function properly. I used Draggable and Droppable jQuery (library of JavaScript code) to make the puzzle pieces snap to the correct locations in the puzzle. I also added FullPage jQuery for a single scrolling effect; when a user tries to scroll, they jump down to the next section.

To finish the poem's design, I created the completed puzzles for each of the sections in Adobe Photoshop. Then I cut them up by stanza, so each puzzle piece is a stanza.

Marriage Feint

When I designed this poem, I created a storyboard, a sketched representation of each frame of the video. Then I drew and traced each of the images in Adobe Illustrator. Next, I recorded my voice saying the poem lines, both the full lines and the single sounds from the lines heard as an echo in the video.

Nolan Ritter, a VCT video student, animated the images I created in Adobe After Effects. He helped compile the animations and audio in Adobe Premiere for the final video.

Through the Lens

Once I saw parallax scrolling, I decided to design one of my new poems using it. This effect occurs when elements on a page move at different speeds as the user scrolls, normally with the foreground moving faster than the background. I used ScrollMe jQuery to help images and text animate as a user scrolls through this poem.

Each of the images I drew or traced in Adobe Illustrator. There I added the poem's text onto the images.


Once I had the idea behind this poem, I implemented the form functionality, which required no special jQuery. However, I researched online for code examples of the JavaScript that would cause a corresponding image to show when a radio button was clicked. The result is that the reader can choose from four images per category to view.

I designed each image using Adobe Illustrator and/or Photoshop.

"My Daughter's a Child" basic functionality

My Daughter's a Child basic functionality

"Marriage Feint" storyboard page one

Marriage Feint storyboard page one

"Through the Lens" portion of HTML code

Through the Lens portion of HTML code

"Branding" mind category image

Branding mind category image


More than plain text on a screen, digital poetry is a performance and an engagement with a reader/user through text, images, videos, audio, animation, and/or game-like structures. As our technology has advanced, so has this genre evolved, now including a spectrum of sub-genres like multimedia and interactive poetry.

To explore the capabilities and value of digital poetry, I created six digital poems that capture part of the spectrum. Two I adapted from poems I’ve written previously. Two I wrote and designed for the screen simultaneously. Then I reflected on the process for both, considering how the experience might have any ramifications on my traditional writing process and more ways to integrate an art form like poetry with other disciplines.

Contact the Author