I created this interactive poetry board with three other students as part of my Software Engineering class. We designed and implemented the website for Dr. Emily Carr, a professional poet.
Website
Click here to experience the website!
Code
The code for this project is available on GitHub
This project was created with Angular JS, using TypeScript, HTML, and JavaScript. It is hosted on GitHub pages.
My groupmates and I used the Agile methodology to create this project. Each person chose tasks suited to their skills. I focused primarily on design, coding, and user-testing.
Concept of Website
The Crossword Poem is a form of poetry invented by Dr. Emily Carr. In our implementation, the user clicks clues that intrigue them. The corresponding word shows on the crossword grid. The clue gets added to a unique user-generated poem, which the user can save or print.
Design of Website
This project was initially meant to be displayed on a projector at the Electronic Literature Organization Conference and Media Festival. When the conference was made remote due to Covid-19, we had to modify Dr. Carr’s design to fit on a single computer screen. I designed 11 mock-ups with different design considerations, such as the number of columns, appearance of buttons, position of scrollbars, etc. Below are three of the mockups I created.
I incorporated feedback from my teammates, my classmates, and Dr. Carr to create the final design.
Other Contributions
I contributed to background research, coding features of the website, and documentation.
I conducted three user tests, which involved filming interactions, anonymizing data, and communicating results.