Joel E. Colletti : UI/UX Designer & Front-End Developer

I am a high-energy, self-disciplined individual with very strong interpersonal skills. My professional design career has spanned over 17 years in UI/UX design, front-end development and instruction. I've managed an enormous amount of projects from virtually every major industry, in virtually every major production environment - from project quote through project launch and everything in between. I have worked in nearly every aspect of graphic, web, instructional, mobile, responsive, and new media design and front-end development. I've been in a senior level role for over 6 years now, and as a director for the last 2 in the corporate/finance enterprise-level globally deployed web and mobile app presentation layer. Please visit my portfolio: www.jcolletti.com/portfolio

Proficiencies

Technical:

Responsive Web Design, Mobile App Design, HTML 5, CSS 3, LESS, SASS, JavaScript, JQuery, JQuery UI, Custom Icon Font Creation, Interactive/Responsive SVG, ActionScript, XML, JSON, Telerik/Kendo UI, Bootstrap, Foundation, Angular, Ionic, XAML, Swagger UI, Sharepoint, WordPress, BlackBoard, DotNetNuke and more.

Software:

MS Visual Studio, MS TFS, MS Sharepoint, Git, Jira, Confluence, Source Tree, Sublime Text, Adobe Creative Cloud (Dreamweaver, Illustrator, Photoshop, InDesign, Experience Design, Flash/Animate, Fireworks)

Professional History

» PayQuicker LLC : Director of User Experience [February 2015 - January 2017]

PayQuicker is a rising star in the commission payment industry, allowing companies to instantly pay their distributors domestically and internationally. Because PayQuicker’s software platform is deployed globally - supporting a multitude of currencies and language translations – it presented some unique and rewarding challenges.

Over the last 2 years I was responsible for all requirement gathering, UX development, wire framing, story boarding, prototyping, creation of the UI specification documents, and the creation and ongoing maintenance of the presentational layer code (HTML, CSS, JS) using a variety of tools. The platform is built in an MVC.Net environment using REST API, oAuth, Azure, Bootstrap, Less, jQuery UI, KendoUI, Angular, Ionic and more.

In addition to the design and development of the user experience and interface, my graphic design background was leveraged in other areas including virtually every public-facing design asset – including all digital and print advertising, print collateral, trade show booth etc. - leading the implementation of a cohesive, polished brand for the company and it's products in all venues.

» Cazbah : Lead UI/UX Designer [August 2014 - February 2015]

Cazbah is a company which provides a “total internet marketing solution” to small-to-medium sized businesses, (websites, eCommerce, SEO, SEM, PPC, AdWords, Email campaigns, Drip marketing..). I’m the lead designer for all things customer facing in the production department – which is comprised of mostly new website builds. My deliverables are generally (but not limited to) engaging new clients to gather the requirements; wireframe a UX; storyboard when applicable; create high-fidelity design comprehensives; write all the HTML5 and CSS3 and JavaScript to construct the UI in WordPress.

» Xerox : Senior UI/UX Developer [June 2011 - May 2014]

UI/UX design and development for enterprise Managed Print Services (MPS) web and mobile applications. My primary role could probably be best described as engineering/reengineering the UX/UI of new/existing web and mobile applications to make them more intuitive, task driven and streamlined, creating business analytical dashboards and widgets. I typically would then code the UI layer which would then be handed over to SCRUM* Development teams consisting of C+ and/or ASP.Net application developers. My deliverables were primarily in the form of HTML, CSS, JavaScript, JQueryUI, PDF Comps/Storyboards, Wireframes, UI Specification Documents, and any/all supporting UI graphics fonts and icons. Files are created in many applications, but almost everything was managed (bug tracking, version control etc.) using Microsoft TFS.
*Xerox follows the agile development model using SCRUM teams.

» Wayne Finger Lakes BOCES : Lead Instructional Web Designer, Web Developer [July 2002 - March 2011]

Designed the look and feel of countless instructional design web utilities, web sites, micro-sites, instructional data reporting tools, and any supporting technical support print pieces. My primary job function for WFL-BOCES was creating a multitude of interactive e-Learning instructional design modules for both K-12 students and K-12 educator professional development. Because of my expertise in the other conventional mediums of graphic design, I’ve also delivered numerous print and brand collateral for the organization in the form of course catalogs, trade show booth designs, print advertisements, signage, logos, brochures, booklets and much more.

» Troy Web Consulting : Lead Web Designer, Adobe Certified Instructor™ [September 2003 - December 2008]

Troy Web Consulting is an Adobe Solutions Provider™ and Adobe Training Center™. In addition to providing classroom and on-site Adobe training, my role for them has almost exclusively been designing and building the UI and respective web page templates for their clients’ web sites and applications. This work typically consists of interfacing with a client from the very beginning to interpret the look and feel of their project within the scope of a predetermined budget then deliver all UI elements to the respective developer(s) who’ll handle the content. All Adobe Certified Training™ was contracted through Troy Web Consulting.

» Remote Site Training : Adobe Certified Instructor™ [May 2004 - November 2006]

Traveled to remote training facilities or “on-site” locations throughout the east coast to deliver Adobe certified curriculum and tailored software solutions using Adobe products. Responsibilities often included developing a tailored course curriculum, creating course material, providing applicable source files, project examples and follow-up online training resources.

» Global Crossing : Web Design Manager [August 1999 - May 2002]

At the time Global Crossing was the 3rd largest telecommunications company globally, I creating and managed the look and feel of their corporate intranet site. In addition to the design, my responsibilities would also include creating and supporting a set of templates distributed to the content contributors for use in over 300 sub-nets globally.

» Freelance Adobe Certified™ Designer, Developer & Instructor [Summer 1998 - Present]

For roughly 17 years now I’ve been working fervently as a freelance graphic and web designer. As a matter of fact virtually everything presented in my portfolio is commissioned work. Having never advertised, I’m also very proud to say that my freelance business has been completely acquired through my reputation alone. Becoming an Adobe Certified Designer, Developer & Instructor was also of my own directive. An attempt to list all of the types of projects I’ve worked on, budgets and time lines I’ve worked within, and the various team dynamics would be quite exhaustive. In addition to dozens of HTML, Flash, and hybrid websites, some of the more noteworthy projects of complexity would include: several flash-based, dynamically generated streaming media players; dynamically generated video cataloging interfaces; and a 2007 Rochester Business Journal “Best of the Web” Nomination. Due to privacy issues, most of the government and educational projects I’ve worked on cannot be made publicly available. I would enthusiastically discuss any number of these projects in detail with anyone interested.

Design & Development Approach

I’m a utilitarian by nature when it comes to interface design, creating an intuitive user interface is my primary goal. I believe strongly in best practices when writing code, consolidating redundancies, creating patterns for scalability etc. I believe an effective user interface should draw emphasis toward the content, not distract from it. Ideally the user interface experience should be as lightweight as possible and effortless to negotiate. The most common response I hear regarding my work as without question, “clean”.

Accreditation & Education

As some are gifted to play music, I believe I was born to design. Over the last 25+ years, I’ve worked in virtually every mainstream commercial and fine art medium. Although I originally went to school for graphic design there has been no greater source of learning for me than the knowledge I’ve gained through experience, a network of professional peers, and the internet. My portfolio and references (available upon request) will speak for themselves. That being said, I’ve studied formally in the following areas:

Adobe Certified Developer™
Adobe Certified Instructor™
Adobe Certified Designer™
AAS: Nursing @ Finger Lakes Community College - Canandaigua, New York
Graphic Design @ Daemen College - Amherst, New York

Personal

I believe that most people would describe me as being a charismatic, witty, generous and lighthearted person. Those who know me well will tell you that outside of career, my faith, family, fitness level and friendships take top priority in my life. I’ve made my home in Canandaigua, NY as a dedicated husband of almost eleven years and father of three small children. I enjoy strength training, cycling, nutrition and almost any form of exercise.