Eric D. Fields

Software Engineer (UX & front-end)

EricFields

Boston, MA

I am a web developer with an expertise in user experience and front-end development. I love developing tools and experiences for the web and mobile devices, always focusing on clean and consistent UI and keeping the user goals in focus, but I also enjoy taking liberties to add whimsy and delight when possible.

I am looking for opportunities where I can help shape web solutions from conception or an early or experimental stage, but spend the majority of my time developing alongside a small team using progressive tools to build something awesome. This awesome thing (or things) should be future-friendly, accommodating for touch-screens and myriad device sizes and capabilities.

I focus on front-end technologies that allow for quick iteration and modularity: semantic HTML, turbo-charged CSS with SCSS/SASS and Compass, responsive design, and JavaScript boosted with jQuery, Underscore, Backbone et al. I also have experience with "full-stack" development with Ruby on Rails, working with relational databases and LAMP environment, as well as implementing, customizing and extending open-source content management systems such as Drupal and WordPress.

I have worked closely with clients and teams throughout the project lifecycle and am proficient with discovery exercises including creating user profiles and scenarios, wireframes, workflow diagrams and visual design.

Away from the keyboard, I enjoy coffee, cooking, mixology and our Australian Shepherd/Great Pyrenees pup, Maggie.

Experience

  • User Experience Director
    Salem, MA
    Aug 2011 - Present
    HipHost

    Duties
    ------------------------------------------------------------------------------
    ● Architected the template and stylesheet conventions used to build the front-end experience
    ● Full-stack MVC development in Ruby on Rails
    ● Designed both the consumer-facing marketplace portal and the toolkit for hosts to create new tours, communicate with guests, track earnings and promote their tour
    ● A/B testing and event-driven analytics research
    ● Iterate through the design challenges of new features and site enhancements
    ● Lead user-testing sessions with tour guides and consumers

    Toolbox
    ------------------------------------------------------------------------------
    ● Ruby on Rails
    ● HTML/Haml
    ● CSS/SCSS/Sass
    ● JavaScript/jQuery
    ● Twitter Bootstrap
    ● git
    ● Sublime Text 2
    ● Adobe Fireworks
    ● Sketch

    Highlights
    ------------------------------------------------------------------------------
    HipHost is a marketplace for tours and activities provided by locals. I worked directly with the CTO as a dynamic team of two to develop the entirety of HipHost.com. I guided the visual direction of the site from the pre-launch stage and continually tweaked, refined and refactored the codebase over the course of a year. I increased our ability to deliver bug-fixes and improvements by adopting SASS and Compass to author modular style components that could easily be used and re-used throughout the site.

  • Senior User Experience Developer
    Boston, MA
    Feb 2010 - May 2011
    Optaros

    Duties
    ------------------------------------------------------------------------------
    ● Engage directly with clients during blueprint project planning phase, exploring user profiles and scenarios, wireframing, and prototyping of core project experiences.
    ● Actively maintain the in-house prototyping framework used for kick-starting new prototypes by incorporating the latest web frameworks and toolsets
    ● Front-end development of projects during solution assembly phase, routinely including the open source Drupal CMS, custom Drupal module creation, and custom Drupal theming.

    Clients
    ------------------------------------------------------------------------------
    ● 38 Studios (http://reckoningthegame.com)
    ● MIH Group (http://36boutiques.com)
    ● Harte Hanks (http://pennysaverusa.com & TBD)

    Toolbox
    ------------------------------------------------------------------------------
    ● Fireworks
    ● HTML
    ● CSS, SASS, Compass
    ● JavaScript
    ● jQuery
    ● jQTouch
    ● jQuery Mobile
    ● Drupal
    ● PHP
    ● Subversion

  • Engineer
    Charlestown, MA
    Sep 2009 - Feb 2010
    Spring Partners

    Duties
    ------------------------------------------------------------------------------
    ● Designing and implementing user experience enhancements to the web-based Springpad life-management application.
    ● Coordinating half my cycles with the marketing department to strategize, design and develop landing pages, email templates, and the recently completed a redesign of our home page.

    Toolbox
    ------------------------------------------------------------------------------
    ● Fireworks
    ● HTML
    ● CSS
    ● jQuery
    ● MooTools
    ● JSP
    ● Google Web Toolkit (abstracted to XML-based presentation framework)

    Highlights
    ------------------------------------------------------------------------------
    ● The most advanced RIA I've yet to work on.
    ● Well-oiled production cycle based on frequent iterative improvements and a strong quality assurance routine.
    ● Collaborative culture across all levels of the company

  • Front-end Web Developer (freelance)
    Boston, MA
    Jan 2009 - Jun 2009
    WGBH

    Duties
    ------------------------------------------------------------------------------
    ● Prototyping layout and design concepts in a static, HTML-based wireframe
    ● Identifying development requirements as they relate to both the client administrative needs and end-user experience, communicating those needs to colleagues working on the Flash video player and Drupal backend.
    ● Developing a foundational Drupal skin to be passed on to their in-house designer

    Toolbox
    ------------------------------------------------------------------------------
    ● Fireworks
    ● HTML
    ● CSS
    ● jQuery
    ● PHP
    ● Drupal 6

  • Web Developer (freelance)
    Boston, MA
    Apr 2009 - Aug 2009
    CAPA International Education

    Services Provided
    ------------------------------------------------------------------------------
    ● Designed and developed landing pages tailored to a college audience
    ● Used WordPress as a microsite management tool, providing a common CMS across many small multi-page sites they would implement for specific schools
    ● Designed a new company site to address the needs of their primary audience — college students seeking study abroad programs — as well as parents and college administrators. Ingested and reorganized existing content into Drupal and developed the template.

    Toolbox
    ------------------------------------------------------------------------------
    ● HTML
    ● CSS
    ● jQuery
    ● Drupal 6

  • Web Designer & Developer (freelance)
    New York, NY
    Apr 2008 - Apr 2009
    Audience Rewards

    Duties
    ------------------------------------------------------------------------------
    ● Ongoing design and front-end development work on their consumer home page, working with a Minnesota-based agency in a ColdFusion environment

    Toolbox
    ------------------------------------------------------------------------------
    ● Fireworks
    ● HTML
    ● CSS
    ● ColdFusion
    ● Subversion

  • Web Designer
    Waltham, MA
    Apr 2007 - Apr 2008
    I'm in!

    Duties
    ------------------------------------------------------------------------------
    ● Redesign home page to feature more of our unique content, partner offers, misc. widgets
    ● Provide wireframes and UI briefs for new features
    ● Code new features in a custom Javascript framework based on Prototype.js
    ● Redesign end-user portal (layout, UI, icons)
    ● Design and markup partner self-service portal

    Toolbox
    ------------------------------------------------------------------------------
    ● Photoshop
    ● Fireworks
    ● HTML
    ● CSS
    ● JavaScript
    ● Prototype.js
    ● JSP
    ● Subversion

    Highlights
    ------------------------------------------------------------------------------
    ● First time deeply dedicated to developing a rich internet application.
    ● Took ownership of overall product look and feel.
    ● Advanced Javascript proficiency, creating reusable objects, mastering Prootype.js framework, and developing an understanding of practical AJAX.
    ● Played an instrumental role in brainstorming, wireframing, designing and and developing a B2B application.

  • Senior Web Production Specialist

    Jan 2006 - Apr 2007
    College Publisher

    Duties
    ------------------------------------------------------------------------------
    ● Develop presentation layer for templates for school newspaper designs
    ● Implement presentation layer into custom College Publisher templating language
    ● Provide custom designs for high-traffic schools
    ● Design and develop features to the College Publisher CMS
    ● Phone and email support for our users

    Toolbox
    ------------------------------------------------------------------------------
    ● Photoshop
    ● HTML
    ● CSS
    ● JavaScript
    ● Prototype.js
    ● WordPress
    ● ColdFusion + Mach-II
    ● custom CP markup
    ● Subversion

    Highlights
    ------------------------------------------------------------------------------
    Summer 2006 was used to brainstorm and implement much-needed improvements to our image-handling tool. I provided UI design and direction and delivered the following specs for team review.

Education

  • B.A. New Media, marketing minor
    Boston, MA
    Sep 2003 - Apr 2007
    Emerson College

    My New Media concentration at Emerson exposed me to a rich array of media creation techniques across various disciplines: video and audio production and editing, 2-D and 3-D animation, and web development. The marketing minor provided experience in public speaking, pitching, analytical thinking, market research and general idea strategizing.