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.
Content Guide
Content Guide
Initial Site Map
Initial Site Map
Refined Site Map
Refined Site Map
Integration Diagram
Integration Diagram
API Management Diagram
API Management Diagram
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.
SELECTED PAGE DESIGNS
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.
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.
ohi-landing-page-macbook
ohi-landing-page-macbook
ohi-landing-page-ipad
ohi-landing-page-ipad
ohi-landing-page-iphone
ohi-landing-page-iphone
page-animations
page-animations
Parallax-Render-ipad
Parallax-Render-ipad
Landing Pages
Landing Pages
form-flow
form-flow
ohi-landing-page-iconography
