ReBranding The Harris Tweed Digital Experience – Bringing an Old Brand Into The New World

I love everything that has to do with Harris Tweed, so it was with great pleasure and old school inspiration that I tackled this project. The main design goal was to make something as traditional as the Harris Tweed Brand seem right in a modern User Experience. I went with a pretty basic UI layout using big blocks of single strip, 4 up, 2 column blocks. The look is very minimal so the focus is less on the page design and more on letting the grittiness and textures of the tweed seep into view. The bright colors of the buttons are meant to be over powering attracting the eye through out the UX almost like climbing spikes helping you navigate through the long scrolling page. The type has characteristics of a digital magazine layout with large titles covering classic Harris Tweed script, mixed with a Helvetica Condensed with only about 3 variations of smaller point sizes.

The page has persistent navigation that would scroll with the user, being a quick means to navigate up and down the long page style.

DESKTOP + TABLET + DIGITAL MAGAZINE:
HarrisTweed_Interface_Desktop_Final

PERSISTENT NAV
HarrisTweed_Interface-Persistent_Nav

MOBILE
HarrisTweed_InterfaceMobile

Digital Publication/Magazine – Banner Ad With Choose Your Own Adventure

With the recent news about Adobe DPS folio platform becoming free, and the fact that this holiday season the only advertisements we saw on TV were for tablets of every size, shape, Os, and color it is no wonder that Digital Magazines are going to become a hit in 2014-15.  The animation capabilities of Adobe Edge have really take HTML5 UI and interaction to a whole new level.  Not to mention that you can embed Edge projects into folio files.

HERE ARE SOME REALLY GOOD LINKS FOR LEARNING MORE ABOUT DIGITAL PUBLICATIONS AND PLATFORMS:

adding Edge animations to Folio:

http://www.adobe.com/devnet/digitalpublishingsuite/articles/enhancing-your-dps-folios-with-edge-animations.html

Adobe DPS platform showcase:

http://dpsgallery.adobe.com/#/main

Google Play Digital Magazines:

https://play.google.com/store/apps/details?id=com.google.android.apps.magazines&hl=en

With all the hype I wanted to build a Banner that had some really interesting features, like “Choose Your Own Adventure”.  The idea isn’t new… meaning that people have built interactive choose your own adventures before, but where I think this idea stands out is that it would be in a magazine type layout.  So if you could imagine being on page 5 and seeing an ad in which you are interacting with something like a chair.  You then continue on reading the magazine and you land on page 20, where the ad has built upon your experience from page five but now it shows the chair being sat on by someone…. Again nothing new designer have done thing like this before in Print and on the web… but again it is the context of a digital magazine.

HERE ARE MY MOLESKIN SKETCHES

WP_20131227_005

WP_20131227_003

WP_20131227_004