Michael Mclaughlin

Michael Mclaughlin

UI

UX

WCPR

UI/UX Designer - Developer

THE FOLLOWING PORTFOLIO HAS BEEN DESIGNED AND DEVELOPED BY

MICHAEL MCLAUGHLIN

VISUAL DESIGNER, USER EXPERIENCE DESIGNER, FRONT-END DEVELOPER, DOG LOVER

UI UX

USER INTERFACE USER EXPERIENCE

HTML5   CSS3   JavaScript   jQuery   AJAX   JSON   JSONP   ACESSIBILITY EVALUATION

Branding and logo design, wireframing and designing mobile interfaces for the android market, wireframing/designing/developing responsive web/mobile interfaces. I've taken final designs to front–end development for web apps using HTML5, CSS3, JavaScript, jQuery, JSON, JSONP and AJAX for connection to RESTful services using promises. I have developed jQuery components with the Kendo UI front-end framework and designed/developed custom living styleguide references.


I have conceptualized, designed, developed the interactive prototype and migrated the approved design and code into the Drupal 8 cms for the AMD.com, global, intial landing page.


I have designed, wireframed and developed the prototype for Texas.gov's 2015 portal which placed 5th in the nation in the Center for Digital Media's best of web award.


I have designed, wireframed and developed the prototype for Texas.gov's 2014 portal which placed 4th in the nation in the Center for Digital Media's best of web award.


Section 508 and WCAG accessibility evaluation and retrofit of websites and applications.

THIS PORTFOLIO IS PROTECTED BY MY PITBULL "MONKEY" AND MY CATTLE DOG "RILEY"

I went to school at Rowan University outside of Philadelphia, Pennsylvania in the 90's to persue a Bachelor's degree in fine and studio arts. In 2013, I completed a degree in Web and Interactive digital media design and development. I'm constantly looking for ways to improve upon web and mobile experiences through learning new coding languages, design principles and User Experience philososphy.

AMD.com Website

MICHAEL MCLAUGHLIN PRESENTS A GLOBAL WEBSITE LANDING PAGE 

"AMD.COM"

CONCEPTUALIZATION   UI DESIGN   UX DESIGN

FRONT–END DEVELOPMENT WITH   HTML5   CSS3 TRANSITIONS & ANIMATIONS   jQuery

I was hired by AMD for a 1 month contract to conceptualize, design and develop the initial, globally viewed landing page associated with the debut of the Ryzen cpu campaign. I conceptualized and designed the initial landing page mobile responsive layout, created all the 2 dimentional mockups, and, developed the Initial landing page in February 2017. I used Sublime Text 3 to develop the live interactive mock-up using HTML5, advanced CSS3 including transitions and animations, and, jQuery for the interactivity. Once approved, I migrated the code into Drupal 8 using the Atom IDE. I also modified the existing .twig files within Drupal to accommodate the new code and video backgrounds. I used a paralax background video composition to create the story of the new RYZEN cpu for AMD.

THIS CAMPAIGN IS NO LONGER AVAILABLE FOR VIEWING

GO TO WWW.AMD.COM MOCK-UP TO VIEW THE INTERACTIVE MOCK-UP

Dan Vukcevich Portfolio Website

MICHAEL MCLAUGHLIN PRESENTS A PORTFOLIO WEBSITE 

"DANVUKCEVICH.COM"

UI DESIGN   UX DESIGN   WIREFRAMING

FRONT–END DEVELOPMENT WITH   HTML5   CSS3   jQuery   AJAX   PHP

I designed the mobile responsive layout, created all the wireframes with 2 dimentional mockups and developed the commercial site in February 2016. I used balsamiq for the wireframing and sublime text for the IDE. I wanted to keep the site very clean and simple because the focus of the site is to showcase the different demo reels that the client has created.

THIS WEBSITE IS APPROVED FOR ALL AUDIENCES BY WWW.DANVUKCEVICH.COM

Texas.gov 2015 Main Portal Website

MICHAEL MCLAUGHLIN PRESENTS A STATE PORTAL WEBSITE 

"TEXAS.GOV 2015"

VISUAL DESIGN   UI DESIGN   UX DESIGN   WIREFRAMING

PROTOTYPE DEVELOPED WITH   HTML5   CSS3   jQuery  

"BEST OF WEB" 5TH PLACE AWARD WINNER

I designed the mobile responsive layout, created all the wireframes with 2 dimentional mockups, created all the visual design elements and created all the assets for the 2015 Texas.gov state of Texas main portal. I used balsamiq for the wireframing and sublime text for the IDE. This 2015 re-design won 5th place nationally for the Center for Digital Media's "Best of Web" competition, in the State E-government category.

THIS WEBSITE IS APPROVED FOR ALL AUDIENCES BY WWW.TEXAS.GOV

Texas.gov 2014 Main Portal Website

MICHAEL MCLAUGHLIN PRESENTS A STATE PORTAL WEBSITE 

"TEXAS.GOV 2014"

VISUAL DESIGN   UI DESIGN   UX DESIGN   WIREFRAMING

"BEST OF WEB" 4TH PLACE AWARD WINNER

I designed the mobile responsive layout, created all the wireframes with 2 dimentional mockups, created all the visual design elements and created all the assets for the 2014 Texas.gov state of Texas main portal. This 2014 re-design won 4th place nationally for the Center for Digital Media's "Best of Web" competition, in the State E-government category.

THIS WEBSITE IS NO LONGER AVAILABLE FOR VIEWING

GO TO WWW.TEXAS.GOV TO SEE THE 2015 VERSION

Work In Texas.com Website

MICHAEL MCLAUGHLIN PRESENTS A STATE AGENCY WEBSITE 

"WORKINTEXAS.COM"

HTML5   CSS3

UI RE–DESIGN   RESPONSIVE DESIGN RETROFITTING

I designed the interfaces with the Adobe Creative Suite and developed a responsive mobile presence by retrofitting their current static website in 2012. I used HTML5 and CSS3 for the code retrofitting.

THIS WEBSITE IS APPROVED FOR ALL AUDIENCES BY WWW.WORKINTEXAS.COM