. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
High-Fidelity Prototype Web Demo
High-Fidelity Prototype Web Demo
Situation: I had successfully patented a video kaleidoscope, [patent #7399083—kaleidoscope for attaching to a video monitor], and created a crude prototype that was designed to fit on Apple’s first video iPod, but I was having a hard time getting traction with manufacturers because of rumors about a full-screen, touch-screen device. When the iPod touch and iPhone 1 came out, I knew I had to pursue a touch screen kaleidoscopic video player. In order to accomplish that, I would need to located a developer partner or I would have to raise the money to hire developers.
Task: I determined that a demonstration of the features of the app would be the best use of my time. It would require temporary branding and a website demo that would specifically show how the app might be branded and represented on the web, but more importantly how the app worked, with video demonstrations that included a “finger touching the screen” and that screen reacting with future effects that had yet to be developed.
Action: I started importing music videos and colorful commercials into Final Cut Pro [FCP], which was the editing platform I had access to at the time. I had to learn FCP to edit videos, and I started created mirrored effects onto music videos to demonstrate the future app. I then imported those videos into Keynote, where I could apply simple animation effects and added the “finger" that represented touching the screen. I then exported QuickTime videos from Keynote and reimported to FCP to finalize and then export as flash videos.
Results: Raised 75K and successfully developed and launched the app, which achieved and maintained “Top 10 Percent” status among free iOS apps.
link to demo: KaleidoVision Prototype Demo
kaleidovision high-fidelity prototype demo - screen capture
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Identity & Brand DNA
The video kaleidoscope’s red, green and blue brand DNA is inspired by video displays' additive RGB color model.
logomark, logotype and brand DNA, as seen on the app’s splash screen and web masthead. I created the background, brand DNA, with an abstract digital photo I took a few years prior.
above: the logomark, as seen on the app icon, was designed to say the app is 'eye candy'
the logotype is an outlined version of futura bold with the modified round ‘o’ to fit the linework in the eyeball.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
KaleidoVision vs Nike — Multiplicity Demo
One of my best friends, Rohitash Rao, was directing several Nike spots around the time I was preparing demos for KaleidoVision. The next couple of clips show you pretty well what the basic version of the app is capable of. If it's not perfectly obvious, the pink finger represents you touching the screen.
KaleidoVision vs Nike Multiplicity
00:30 demo
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
iTunes
iTunes is a digital storefront; an app’s images and writing are the window dressing. The app icon and the screen shots give most users their first impression of the app. Then the copywriting and user's reviews help make the sale. On top of designing literally everything for KaleidoVision, I write all of the copy as well.
iTunes is a digital storefront; an app’s images and writing are the window dressing. The app icon and the screen shots give most users their first impression of the app. Then the copywriting and user's reviews help make the sale. On top of designing literally everything for KaleidoVision, I write all of the copy as well.
kaleidovision on iTunes - screen capture
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Web Design
KaleidoVision’s website is a simple, ultra-low-cost, wordpress introduction to the product. It was designed to support the app in its infancy while we assess the market’s interest in the concept.
I designed and produced the site, created the assets, wrote every word and creative directed a wordpress developer through the production. Unfortunately the site is no longer online.
kaleidovision web design landing page - screen capture