UX can be a limiting concept. Although usually user driven, digital experiences can transcend a user experience, especially outside the context of a website or an app. Participant Experience, though more vague semantically, includes those passively engaged. In a world of UX driven design, users are the driver, and that's all that needs to be designed in single user apps. With a more open-ended experience design approach, the screen is no longer a limitation. From apps that remotely control home automation to custom built interactive environments in marketing campaigns, the user is the driver, but that concept can be blurred, and the participant can be the user, the driver, or a bystander and still be engaged. In a physical interactive space, engagement isn't necessarily user-centric, and UI doesn't have to be either. Similar to UX design, the holy grail standard is the intended behavior of the user so it's goals are parallel, however Participant Experience is also responsible for a grander spectacle and the interactions beyond the immediate.
My passion is design, my tool is code. I have a split career as a UX developer and a SVG & 2D web graphics animator. I've taught graduate level interaction design at Pratt and have experience with OpenFrameworks with just enough C++ knowledge to build an app with the code libraries available. Currently I'm learning Cinder and have found it to be essentially the same as OpenFrameworks, but better documentation and platform support.
Who is Eric?
Front End Developer / Animator
J.P. Morgan Chase & Co.
Full Time Employee
Jan 2016 – July 2018
New York, NY
Our group, Core Digital, is a new internal design agency at JPMC. My work varied from building microsites, contributing to larger sites to building interactive infographics. I built several high profile projects such as Jamie Dimon's Annual Report website, front-end dev for much of the JPMC careers site, and the framework for the JPMorgan.com 2018 rebuild. Core Digital was formed in late 2015 and I was recruited internally as one of the original team members.read more
UX Developer / Animator
Corporate Investment Bank
May 2011 – Dec 2015
New York, NY
Mar 2011 – Dec 2015
New York, NY
Jan 2011 – Dec 2015
14th St. campus, NY, NY
I taught courses in interaction design in the Graduate Communications Design Dept. Primarily my students were very green with code, but between their existing skills with inVision prototypes and my code examples, often students found they loved the code. Several of my students work at fantastic design firms in the city specializing in hybrid design/development roles. Responsibilities also included several rounds of critiques during the semester. I also taught one semester of Motion Graphics in the undergraduate COMD on the Brooklyn Campus in Spring 2011.
Missouri State University
In the Fall of 2010 I left NYC to teach at my Alma mater for one semester totalling 5 sections of undergraduate courses.
3 sections: Animation 1, This is the first course offered for Animation majors. This course taught animation fundementals using After Effects. This might be my favorite class I've ever taught because the students were all entering the first class for their chosen major so they were excited to learn and were fully invested.
2 Sections: Intro to Digital Media Arts, this was an open ended intro course for interactive and digital media. Primariy I introduced students to the worlds of interaction design, web animation with small projects that were acheivable by beginners. For instance I introduced OpenFrameworks very early in the semester to show the possibilities and the grander vision of interaction design beyond the web, but the primary goal for the course was to introduce them to the tools and the concepts and not necessarily to get them to try to learn entire development languages.
Jr Front-End Developer / Animator
May 2009 - Aug 2010
New York, NY
CS Designworks is a small design studio in Midtown with primarily corporate and real estate clients. I helped build pages in an existing framwork for Cushman & Wakefield's website as well and After Effects animations and other microsites for other clients, firms and corporate office buildings. At CSD I built a flash banner ad for One World Trade Center before the building was finished, not much to brag about but was the highest profile work I had to date. I left my role here to accept a temporary teaching position at Missouri State University.read more
Cranbrook Academy of Art
M.F.A. | 2D Design
2005 – 2007
Bloomfield Hills, MI
Missouri State University
B.F.A. | Animation / Sculpture
1999 – 2005
Awards & Achievements
Biannual Faculty Art Exhibition
MSU Art & Design Exhibition Center
Another kinetic sculpture Landscape Machine was included in the MSU Faculty Art Exhibition. The piece was mounted to the ceiling in two parts, one side that mounted a fixed height cable, and another side 12ft away that moved a cable mount up and down, allowing a wheel with a video projector to freely roll left or right. I used OpenFrameworks and a video camera to then capture the movements of this free-rolling projector so I could play video based on the projector's left/right proximity. The video is of a traditional outdoor landscape (with a a few digital augmentations) and the OF software simpily slid the video left and right to make the video to appear to shine a hole through the wall.read more
MSU Centennial Art Exhibition
Springfield Art Museum
My kinetic sculpture The Relationship Between Free-Wheeled and Determined Actions was chosen to be included in the MSU Centennial Art Exhibition Art Exhibition for Missouri State University. The piece hung in the center of a room with 20ft ceilings and it spins a bicycle wheel at a constant pace causing an attached bowling ball to drop and shake the machine, which in-turn caused a loosly attached wheel at the far end to flip, or spin somewhat irregularly and unpredictably.read more
Ranked top 30 in the 1650 Freestyle
NCAA Division I Men's Swimming
Boy Scouts of America
Lee's Summit, MO
- Custom nav architecture built in 3D CSS coordinates
- User initiated animations are GSAP or pure CSS
- ERICBINTNER.COM subtractive color logo built in canvas with js
- three.js WebGL (desktop site) modified from these sources
WebGL Clouds on Experiments from Google
WebGL Aurora forked from this broken CodePen
- This site contains many features that push the boundaries of browser graphics – some browser rendering differences are likely to occur.
- Likewise, I do not have *all the devices and browsers* and the QA process includes *only my hardware*, therefore (as of this writing) expect bugs in Android and Windows.
- This site lightly uses jQuery as I needed a site built ASAP (I built this in just over 2 months). I realize how and where many aspects of constructing the DOM in my usage can leverage a virtual DOM such as in React.js, especially for larger, more scalable projects than this.
People I want to thank:
Vonda Yarberry: Missouri State, Animation Professor Elliot Earls: Cranbrook, 2D Design Artist In Residence Andrew Prinz: Artist/Musician, Mahogany (band) Cheryl Molnar: Painter, J.P. Morgan Graphic Designer Santiago Piedrafita: Pratt, Grad COMD Chairperson
Brain Eno Golan Levin Cyrak Mike Bostock Pipilotti Rist Michel Gondry Guy Debord That challenging Radiohead website released at the same time as Kid A.