I helped design and code The Poetry Hour

Tags —
  • Rebranding

  • Responsive

Roles —
  • Lead Designer

  • Front-end developer

Indulging into the world of poetry can be quite daunting especially for an audience with increasingly short web-attention. At This Place we came up with a fresh way to introduce poetry for a new audience - through Memes. In other words, a hand-picked poem verse pasted onto an image. With the idea of it being shared online

overview
homepage

The home page is adorned with a content slider, featuring a random poetry verse matched with Memes that correspond with the verse displayed. It's a smart way to show what the website is about at a glance. Reading poetry or explore memes.

Home page
poem-page

The poem page was designed to achieve two things

  • Reading poetry
  • Creating Memes

The user may create a Meme by either selecting the text, or be guided into creating a meme by clicking the create Meme button, which will automatically select the first verse.

Poem page
meme-creator

The user can create their own Memes through the website with the ability to customise the font, text colour, font size, and text position.

meme creator color svg

The website does some minor hand holding in terms of Meme image aesthetics to ensure the Memes look pleasant. For instance the user may only choose colours that suit the average colour of the image that the user has chosen.

Meme creator
mobile-meme
narrators

Another big part of the website is the famed narrators. Celebrities and artists read their favourite poems out loud recorded on video or audio.

Narrators
search

Every corner of the website is searchable. The search results are divided into it's respective content types.

Search
styleguide
iconography

The iconography set for poetry was created to be as legible as possible from a size of 16x16 pixels and sometimes smaller. That meant that each icon had to be thoughtfully crafted on a 16x16 pixel grid to avoid rendering issues on lower-resolution screens

Iconography