Loading

Matthew McShane

UX/UI Designer & Front-End Developer

 About

Who I Am

I am a Visual Designer, UX/UI Designer and Front-End Web Developer from Montpelier, Vermont. I graduated from Rensselaer Polytechnic Institute (RPI) with a B.S. in Communication and a concentration in Graphic Design. However, my journey and experience with Web Design and Development began well before college, starting with a beginner course at my high school. Since then, design and development for the web, and occasionally even print, has been my main hobby and one true passion. I have been learning the capabilities and nuances of the Adobe Creative Suite software for over a decade. During this time, thanks to the help of many tutorials and long hours, I have also become quite proficient with HTML, CSS, JavaScript and a number of other web languages. I currently work as a Senior UX/UI Designer and Front End Developer for Zixi in Waltham, Massachusetts.

What I Do

I create unique, usable and professional websites and applications using best practice accessibility and the latest web standards. I work extensively with HTML5, CSS3, JavaScript, jQuery and a number of content management systems, including Wordpress, Drupal, Joomla!, and Silverstripe. I also have experience with application development, mobile app design, responsive web design, search engine optimization (SEO), and pretty much anything else web related. Along with my web design experience, I also have experience working with various forms of print media, such as: collateral (logos, stationery, brochures), publication (newspaper and magazine advertising, publication design) and outdoor (billboards, signage, posters).

 Resume

Experience

Waltham, MA Mar 2019 - Now

Senior UX/UI Designer and Front End Developer

Zixi

Lead redesign of ZEN Master, a live video orchestration and telemetry control plane application, with a goal of improving application performance, usability, visual design and overall appearance. Primary front-end developer during migration of original AngularJS application to a more modern version of Angular. Responsible for planning, designing and developing new features using HTML, CSS3, SCSS, Bootstrap, JavaScript, Angular and Node JS. Create, iterate and collect internal and user feedback on UX/UI designs, low/high-fidelity wireframes, and interactive prototypes. Establish UX/UI best practices, design systems, pattern libraries and style guides to create a coherent visual experience. Work collaboratively within an Agile development environment with various stakeholders across product management, engineering, support, sales and marketing.

Boston, MA Sep 2015 - Mar 2019

UX/UI Designer 2

ConvergeHEALTH by Deloitte

Created and maintained user personas, user journey maps, site maps, low-fidelity wireframes, high-fidelity mockups, data visualizations and prototypes. Brought user-centered design methods to digital solutions from concept to launch, while also accommodating business needs and technical requirements. Established and promoted design guidelines, best practices and standards. Front-end development utilizing HTML5, CSS3 and JavaScript leveraging the Bootstrap framework and Angular. Responsible for cross-browser compatibility, responsiveness and accessibility of web-based applications.

Charlestown, MA Nov 2014 - Sep 2015

UX/UI Designer

Six Red Marbles

Participated in all phases of the product development life cycle, including product ideation and definition, UX design, UI development, user research and acceptance testing. Produced low and high fidelity wireframes for internal and client reviews. Created functional prototypes and interactive experiences for web and mobile environments. Collaborated cross-discipline with product managers and engineers to ensure designs were scalable and feasible.

Boston, MA Jul 2013 – Nov 2014

Product Designer

meQuilibrium

Provided UX/UI deliverables, wireframes and mockups for web and mobile applications. Developed HTML/CSS prototypes and created digital assets. Responsible for brand guidelines and look/feel of web and mobile applications. Assisted with QA and user testing of product features. Designed print materials, collateral pieces and banners for product launches and trade shows.

Newton, MA Jun 2011 – Jul 2013

Visual Designer & Project Manager

FlightView

Designed airport mobile websites and flight information displays. Assisted in the production of air traffic maps, flight path maps and weather displays. Responsible for user experience design and interface development of web, mobile and tablet applications. Communicated directly with clients regarding project requirements, timelines, wireframes and mockup. Produced wireframes and specifications for the development team. Designed web advertisements, print materials and collateral pieces.

Albany, NY Jan 2010 – Dec 2010

Web Technical Support Associate

Capital Communications Federal Credit Union

Designed, built and tested HTML, CSS and JavaScript based websites. Assisted in the development and implementation of Joomla! powered websites. Produced JavaScript driven website banners, advertisements and information tables.

Troy, NY Jun 2008 – Dec 2008

Web Design Intern

Office of the New York State Attorney General

Assisted in the development of the Attorney General’s website. Responsible for website updates and posting press releases. Created interactive NYS flash maps and websites for various initiatives.

Troy, NY Jun 2007 – Sep 2007

Web Student Worker

Rensselaer Polytechnic Institute (RPI)

Developed WebCT and Blackboard course websites. Posted updates to course materials and created custom HTML pages. Produced graphics and animations for websites and conferences.

Education

Troy, NY Sep 2005 – May 2009

Bachelor of Science in Communication

Rensselaer Polytechnic Institute (RPI)
  • Concentration: Graphic Design
  • Cumulative GPA: 3.68/4.00
  • Honors: Cum Laude, Dean’s List, Rensselaer Society of Engineers (RSE)

Development

Advanced Knowledge
  • Bootstrap
  • CSS3
  • Foundation
  • HTML5
  • Wordpress
Intermediate Knowledge
  • Angular
  • JavaScript
  • jQuery
  • SASS
  • TypeScript
Basic Knowledge
  • ActionScript
  • MySQL
  • PHP

Skills

  • Data Visualization
  • Graphic Design
  • Information Architecture
  • Infographic Design
  • Interaction Design
  • Journey Mapping
  • Mobile App Design
  • Print Design
  • Product Development
  • Project Management
  • Rapid Prototyping
  • Responsive Design
  • Visual Design
  • Web Development
  • Wireframing

Tools

  • Adobe Illustrator
  • Adobe InDesign
  • Adobe Photoshop
  • Axure RP
  • Git
  • IntelliJ IDEA
  • Microsoft Office
  • OmniGraffle
  • Sourcetree

 Portfolio

Digital

Android App

FlightView

User interface design created for the FlightView phone and tablet Android apps.

Product Video

FlightView

Flash video designed to display FlightView products at industry tradeshows. Best viewed at 1920x1080, use the arrow keys to move between slides.

iPhone App

FlightView

Concept user interface design created for the FlightView iPhone app.

Android App Ads

FlightView

Web and mobile ads designed to promote the FlightView Android app.

Identity & Website Concept

XL Lawncare

Concept logo set and website designed for a lawn care and maintenance business located in Albany, NY.

Identity

Kill Hit Studios

Logo designed for Kill Hit Studios.

Print

Holiday Infographic

meQuilibrium

Holiday infographic created for meQuilibrium.

Poster

meQuilibrium

Series of personality type posters designed for a meQuilibrium ad campaign.

Table Tents

meQuilibrium

Series of Table Tents designed for a meQuilibrium ad campaign.

Infographic 2013

FlightView

Infographic for the 2013 FlightView Traveler Survey, which polled 3,186 people on the purchasing habits of today's mobile traveler.

Identity & Signage

Frear Park

Logo set, signage system and flyer created for the Frear Park Municipal Golf Course in Troy, New York.

Infographic 2012

FlightView

Infographic for the 2012 FlightView Flyer Survey, which polled 2,600+ travelers on what they want on-the-go while in-the-air.

Business Card

FlightView

Business card design created for FlightView.

Poster & Infographic

The Rise of Modern Humans

Poster explaining the migration and rapid population growth of the human species.

Graphic Standards Manual

Fresh Air

Identity package, stationery set and graphic standards manual designed based on a mock airline company called "Fresh Air."

Identity & Stationery

Make Your Mark

Identity package and stationery set designed based on a mock t-shirt and hat company called "Make Your Mark."

 Contact

Information

Matthew McShane