Hobby Horse Art + Design
Conceptual Flash-based Portfolio Website
Conceptual Flash-based Portfolio Website
The Hobby Horse brand and its accompanying website is one of my larger attempts at incorporating animation, interactivity, web and traditional design into a single project. The site is completely Flash-based, and was built with limited hand-coding, which works well with a portfolio style website.
I had a very clear concept for the branding of Hobby Horse Art + Design from the beginning. The term was taken from a favorite novel of mine – Laurence Sterne's Tristram Shandy – and developed into a logo that represents classic childhood imagination and creativity (qualities that I want to reverberate through all of my work).
![](https://cdn.myportfolio.com/8ff3ff427ffb71c52932de50dcd0f3f5/1755d8e458a94f044d60247c_rw_1200.png?h=11c1df5c9e8c5fd9c6d0f2e29a48b7d1)
– Hobby Horse Emblem –
![](https://cdn.myportfolio.com/8ff3ff427ffb71c52932de50dcd0f3f5/a483f73bc8015be96421e6e5_rw_1200.png?h=2b8c59dff9713c6d5b0189147a68266d)
– Hobby Horse Wordmark –
![](https://cdn.myportfolio.com/8ff3ff427ffb71c52932de50dcd0f3f5/c225d11a0ca1dc738f1cad75_rw_1200.png?h=4759723c46ab8989edfe702b410cd046)
– Hobby Horse Letterform –
The Flash site combines the branding style with a simple layout to present samples of identity, print and web design. Splash pages were used to introduce the website as well as offer a meaningful "literary" element.
![](https://cdn.myportfolio.com/8ff3ff427ffb71c52932de50dcd0f3f5/7d302acb9c6e6d1533221ead_rw_1920.jpg?h=fb10c755730d8e30484ac3235c12b6b1)
– Intro/Splash Page –
![](https://cdn.myportfolio.com/8ff3ff427ffb71c52932de50dcd0f3f5/654ef2250a106ef218f70ed8_rw_1920.jpg?h=c8543be02bd830bb346076a42d390ea6)
– Quote/Splash Page –
![](https://cdn.myportfolio.com/8ff3ff427ffb71c52932de50dcd0f3f5/bf5aff9a121e0e99691527ed_rw_1920.jpg?h=3e7c0e41582d9f7675b556364b9e6a4b)
– Philosophy/About Page –
![](https://cdn.myportfolio.com/8ff3ff427ffb71c52932de50dcd0f3f5/3ee7a27083495de4e38c9d15_rw_1920.jpg?h=30970eea999e67c1cef9af01260295a7)
– Aesthetics/Identity Presentation –
![](https://cdn.myportfolio.com/8ff3ff427ffb71c52932de50dcd0f3f5/2ebf76cdce164a7727a26f2e_rw_1920.jpg?h=d95651104c840d8dfa55631f97c9d090)
– Aesthetics/Print Presentation –
![](https://cdn.myportfolio.com/8ff3ff427ffb71c52932de50dcd0f3f5/983abbaa38e0430bfe534643_rw_1920.jpg?h=fc3934e271d074aa91426c44c45f9f60)
– In-Development Page –