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

UPDATE Voice Command Running Jacket Prototype – Phase 3 – using the functional prototype

New Update on my Voice Command Running Jacket project.  The first update being that the entire project has essentially turned into a “Voice Command Directional Apparatus” module.  I found this to be a better direction for the project as you can take the device and use it on almost anything that can sustain a balanced state while being shaken.   Objects like a helmet, a jacket, a shirt it really doesn’t matter where you put it as long as the voice recognition Arduino modules can pick up your voice which works from about 15ft away.

Before I begin with my prototype I want to show you some of the really great products and ideas out there already, so there is a basis for my project.  I hope what you’ll see is that each product has it’s advantages and disadvantages.  Mine would be literally hands free, and the ability to use it in conjunction with different kinds of objects and situations makes it more versatile.

FIRST PRODUCT COMPARISON:
This product has similarities but, relies on the functionality to be stuffed into a sweatshirt
Dr. Leah Buechley used this device to test out her Lilypad – an Arduino designed for wearables and e-textiles. In this use the Lilypad powers a set of left and right turn LEDs as well as power and switch indicator LEDs on the jacket.

http://lifehacker.com/5913591/create-a-bicycling-jacket-with-turn-signals

SECOND PRODUCT COMPARISON:
Seil Bag has been designed to display left and right signals, well actually various signals that the rider wants to display instead of using hand signals, it comes in the form of a backpack. There’s a small controller which can be used to transmit basic signals to LED display

http://www.tuvie.com/seil-bag-for-bike-riders-displays-turn-signals-to-inform-others/

 

MY PROJECT PROTOTYPE IN COMPARISON:

Video of me putting the Voice Command Directional Apparatus on a Columbia Fleece, and simulating night time running.

Video of my beautiful wife wearing the Voice Command Directional Apparatus on a Columbia Fleece and being my first test subject.  It took some convincing… but after calling me a dork a few times she agreed.

THE FUTURE OF THE PROJECT – PHASE 4

At this point I am going to start putting  refined versions of this project and a few variations of it in the Fall Milwaukee Gallery Night.  If you would like to see this project in person and have a drink with some exceptional people, stop down to Thirsty Boy in the thirdward.

I have also posted this project to quirky.com, Please vote on it.  If you haven’t used quirky.com before check it out, it is like Kickstarter but better.

 

HERE ARE MY MOLESKIN SKETCHES – Showing the now modular apparatus being used in other situations.

WP_20140717_001

 

 

New Technology – Coupled with Mobile App Development – Tony Stark IRON MAN – style

I was reading a Great GitHub post the other day for using the LeapMotion API.  I was immediately blown away by possibilities and future versions of current Mobile Apps I’m building or have built.

With a few modifications one can incorporate hands free navigation.  With a few gadgets like the 3M mobile projector, you have a very futuristic Tony Stark IRON MAN moments.

Think about mobile presentation apps, or apps that go out into a field for agriculture in which the person might not want to touch the screen because their hands are dirty or they have gloves on?

The great part is all of this is possible because the API for using this tech is actually downloadable and usable:

LEAP MOTION

https://developer.leapmotion.com/links

https://github.com/logotype/LeapMotionAS3

3M MOBILE PROJECTOR

http://solutions.3m.com/wps/portal/3M/en_US/MobileProductivity/Home/

GOOGLE VOICE COMMAND EXTENSION FOR AIR

http://myappsnippet.com/google-speech-api-air-native-extension/

https://npmjs.org/package/google-speech-api

WP_20130917_004

WP_20130917_006

???????????????????????????????????????????????????????????????????????????????????????????

 

When you look at the technology above all of it is currently out in the market place.  The items like the Glass Holographic display plate are pretty expensive, but the 3D glasses are not, so one could imagine substituting the Holographic glass technology with 3D glasses and a 3D TV.

I think the thing that strikes me most about these ideas are they are what Sci-Fi movies have expressed for decades but we have been unable to build, and if we could build them they were by large corporations throwing millions of dollars at the project.

With the links I have posted above, and a skillful Dev team you could build these projects in house for your clients on a case by case basis OR build them in a modular fashion and have for example that iPad app you built last year reconfigured to work with gesture based navigation or large format mobile projection.