web-based tool

One Hour Innovator

Responsible for all UI/UX design, motion graphic design, and animation. Collaborated with two web developers for back and front-end coding.

Back-end coded in .NET, front-end coded in Angular.

Adobe After Effects x Adobe Illustrator x Adobe Media Encoder x Adobe Photoshop x Element 3D x InVision

2015

01
IDENTIFY THE NEED
THE PROBLEM

Many people have ideas, but do not know how to make them a reality. Enterprise Development Group wanted a way to give the guidance and knowledge found in their consultation service and speaking engagements to more entrepeneurs than they are currently limited to.

THE SOLUTION

A web-based application that guides users step-by-step through the idea generation process, and gives them the tools necessary to make their idea a reality. The web tool would include all the information and instruction found in an EDG workshop in the form of survey-like questions, tips, and instructional videos.

02
INFORMATION ARCHITECTURE
SITE MAPPING

Next, we created an initial site map based on our content flowchart. After some client feedback and user research, we flushed out the intial site map into a more refined site map which we used as the basis for wireframing.

03
DESIGN SOLUTIONS
WIREFRAMING

Based on the site map, we created two different wireframe concepts which we tested and gathered feedback on.

UI DESIGN

After deciding on a concept based on user testing, I was tasked with creating the look and feel of the UI as well as all asset creation.

04
PROTOTYPING x TESTING

Once the static designs had gone through many rounds of revisions, I created several motion mockups and an Invision prototype for testing purposes.

INITIAL MOTION MOCKUP
Play Video
LIVE VERSION
Play Video
05
BUILD x RELEASE

Final assets were created and I worked very closely with a developer team to turn One Hour Innovator into a reality.

NEXT STEPS

Following the initial release, we plan to gather feedback from users and make updates in order to further refine the user experience. We also have several features we’d like to implement in the future including: a companion mobile app, Kickstarter integration, permissions/collaboration features, and more.

Marketing Collateral

I was also responsible for creating all One Hour Innovator related marketing collateral, Including a promotional video, emails, and a landing page.

Promotional Video

Winner of gold Silicon Valley Addy award

Play Video