
Coaching
- CSS
- Angular
- Django
I was lead front end developer for the personal Coaching product at Weight Watchers - a product that connects subscribers with weight loss coaches via email messaging, phone sessions, text, and customized action plans tailored for the member. I managed the UI for both the Coach experience and the Member experience, all built using Angular on top of the Python-based Django framework.
The coach-facing experience includes a dashboard calendar of upcoming sessions, a member profile view, a messaging/email page, a profile form page with image uploader, and a session manager page for tracking phone calls and generating action plans.
The member-facing experience includes dashboard views for upcoming sessions, recent action plan activity, messaging, and advanced searching and booking tools. Fully optimized for both desktop and mobile devices.
One of the more complex features of the project was the integration of Teletechs telephone service streaming widget, allowing Coaches and Members to connect securely over the phone via a web interface.
A responsive site built for organizationalist Lisa Slater. The clean svg graphics and css animations were perfect for conveying placement and reorganization. Logo work done by Denis Darch. View the site here.
Sessions College needed to revamp their old flash-based color calculator tool and bring it up to date with new standards. I rebuilt it from the ground up with JavaScript and added all sorts of cool new features. The tool is similar to that of many color wheels that exist out there including the Adobe Kuler color wheel. There is one key difference however that sets it apart: Instead of being constrained by one starting color, you can begin developing themes from two or three colors at a time, allowing you to explore ways to branch off of one at a time or all at once.
Sessions did an article about the tool and a bit about my development of it. Check out the actual working tool here.
Full site development for hat maker Tracy Watts, developed for their online store on Facebook. All the other stores we built at Zindigo relied heavily on the PHP templating framework they lived on. However with Tracey Watts we wanted a slicker user experience so almost everything is AJAX. That includes getting store products, product details, press articles, video content, etc.
The site also features an early iteration of my jQuery plugin Flip Carousel, which is a content carousel that uses a card flipping effect to toggle through items.
This project was for the author of the Johnny Hiro comic book series, Fred Chao. In collaboration with film director Ballard C. Boyd we created this short commercial piece to promote the book.
Characters were all animated frame by frame based on drawings from the artist. I was also responsible for the compositing, effects, sounds, as well as soundtrack.
Johnny Hiro from Ethan Herr on Vimeo.
Our favorite character "Lobo Man" (short for labotomy man) stars in this commercial for Sessions College. It demonstrates that traditional education will not turn you into a genius while modern day online education most definitely will. This video also won the Graphic Design USA In-House award for 2012.
I was responsible for the art direction, the art and animation, and the sound design.
Sessions "Lobo Man" commercial from Ethan Herr on Vimeo.
This little app I built on one long weekend when I was trying to think of the best way for my daughter to practice math. With the help of some sculpey, a small set, and an iPad animation app, I meticulously filmed each reaction as a small movie that was then transfered to a sprite sheet.
Check out the game here.
Front to back development for the real estate tech search/management platform Reonomy. Relies on multiple services, primarily Elastic Search as the search provider, Flask as the app backend, and an Angular frontend. There is also a lot of dependence on and customization done to Google Maps as the primary interaction is centered around map behavior.
The marketing site uses Wordpress as an admin CMS tool only, and is a simple Flask app that utilizes custom fields and the Wordpress API for its content. Responsible for the entire UI, using only Less and plain old JS.
My animation reel as an example of some of my animation and motion graphics work.
Ethan Herr's Motion Reel from Ethan Herr on Vimeo.
My name is Ethan Herr. I'm a front end engineer and general digital stuff mover-arounder. I code, I animate, I make videos, I make websites, I make apps, I make music. I don't drink coffee, but enjoy a good cup of maté.
I try to keep my resume up to date... or, well, at least I did up until 2016 or so.
Truth be told, I'm a recovering Jazz musican and closet composer, and have a collection of recordings that fully indulges this alter-ego. I am passionate about all things artistic, and am certain I will remain conflicted about how best to express this throughout my years. But from day to day, I am obsessed with the minutiae of temporal experience. The way a melody is phrased, the way an element responds to interaction, the way a story draws you in, and the way you can communicate through seemingly familiar means while gradually and quietly dissolving layers of convention, so that at the right moment, that slightly odd or unexpected thing just hits home, awakening some new level of understanding. And if all goes well, you inspire the viewer attempt to achieve something just beyond their own understanding too.
So here's the rub. Due to overflowing spam, and too much work, I'm not allowing contacts through this site. Please find me through a more "human-centric" means.