MEMORY TREE
Designing and coding an interactive website based on the themes of a chosen poem.
|
|
|
|
Designing and coding an interactive website based on the themes of a chosen poem.
|
|
|
|
April, come she will
When streams are ripe and swelled with rain May, she will stay Resting in my arms again June, she'll change her tune In restless walks she'll prowl the night |
July, she will fly
And give no warning to her flight August, die she must The autumn winds blow chilly and cold September, I'll remember A love once new has now grown old |
Interactivity The tree is a GIF, with its leaves changing colour every second – from green+pink to green to orange to no leaves. This instantly conveys that the webpage has something to do with seasons. |
Graphical Elements I illustrated the tree GIF with different seasons along with the hearts around the page. These images together convey the love for the person and the ups and downs of their loss. |
Background and colours I have chosen a black background to set the tone for the website as this is a serious and valuable topic. |
Interactivity When you hover over the buttons, they change to the colour of the season associated with that mood. Happy turns yellow, sad turns blue, hopeful turns green and anxious turns dark orange. |
Graphical Elements The hearts on the side add a personal touch to an otherwise minimalist page. |
Background and colours I chose a light grey background as I want this page to be plain and the season pages more colourful. The buttons are black as this is a neutral colour and doesn’t overlap with any of the hover colours. |
Interactivity The call to action at the bottom gives the user an action to take. This is initially hidden, but revealed on hovering over it. |
Graphical Elements Seasonal illustrations are used to convey the mood. These images are textured to give them an organic feel. |
Background and colours I chose different coloured backgrounds that match the theme. I used my seasonal colour palette on the illustrations. |