UIUX John's Portfolio Loading

Loading Portfolio
Advance Learning – Microsoft Designer/ Developer/ Animator
  •   Designing and Developing computer Based Training Software for Microsoft
  • Generating in-depth online procedures for new employees
  • Troubleshoot and editing of finished interactive CD –ROM’ s
  • Creation and design of interface solutions
  • Designing and Programming computer applications using Illustrator, Dreamweaver and Flash
  • Maintaining and documenting processes and procedures
  • Supervising the design and development of new applications
Oceanwide Media UX/UI + Web/Business Strategist (Self Employed)
  • Consulting with clients to analyze and develop their online business strategies.
  • Executing the approved concepts and creating websites/ print material/ interactive media
  • Troubleshooting and resolving various web and digital media issues.
  • Designing and Programming computer applications using Illustrator, Dreamweaver and Flash
  • Maintaining and documenting processes and procedures
  • Supervising the design and development of new applications
  • Meeting with clients and end users to assist them with program and computer issues
  • Formulating solutions to complex design problems
New York City - Department of Information Technology and Telecommunication (DOITT) UI/UX Web Design and Multimedia Consultant (Similar to ACS but with broader scope that included all New York City Agencies)
  • Responsible for Site Architecture and User Experience (UX)
  • Create Graphical User Interfaces (UI) for various projects including an award winning (New York City Excellent in Technology) interactive media project
  • Initiates, Manages and is responsible for ACS’s Creative Direction
  • Manage Interactive Multimedia and Website projects
  • Work closely with the Press Office and Senior Management
  • Integrating Content Management Systems such as Expressionengine, WordPress and Drupal
  • Creating and designing email campaigns using iContact and Adobe BC
  • Manages both Intranet and Internet sites
  • Key role in Development and Approval of Web Related Projects
  • Monitor, Measure and Benchmark key metrics using Webtrends and Google Analytics
  • Research of new web practices and technologies which include Search Engine Optimization (SEO), Social Media Integration and Mobile Technology
  • Presentation of new concepts to The Commissioner and Senior Management
  • Logo Creation for various departments and projects
  • Researching, working and integrating prevalent standards, including: HTML5, CSS3, JQuery, JavaScript, PHP and Flash, along with other Web technologies.
New York City - Administration for
Children’s Services (ACS)
Sr. Multimedia Designer, Web, UI and UX Manager (Webmaster)
  • Responsible for Brand Creation, Site Architecture and User Experience (UX)
  • Create Graphical User Interfaces (UI) for various projects including an award winning (New York City Excellent in Technology) interactive media project
  • Initiates, Manages and is responsible for ACS’s Creative Direction
  • Manage Interactive Multimedia and Website projects
  • Work closely with the Press Office and Senior Management
  • Integrating Content Management Systems such as Expressionengine, WordPress and Drupal
  • Creating and designing email campaigns using iContact and Adobe BC
  • Manages both Intranet and Internet sites
  • Key role in Development and Approval of Web Related Projects
  • Monitor, Measure and Benchmark key metrics using Webtrends and Google Analytics
  • Research of new web practices and technologies which include Search Engine Optimization (SEO), Social Media Integration and Mobile Technology
  • Presentation of new concepts to The Commissioner and Senior Management
  • Logo Creation for various departments and projects
  • Researching, working and integrating prevalent standards, including: HTML5, CSS3, JQuery, JavaScript, PHP and Flash, along with other Web technologies.
DDI - Development Dimensions International UX/UI Design + Mobile/Web Strategist
  • Researching New Technology, Software and/or Services to address marketing issues and advancements.
  • Evaluate and recommend digital solutions and remain current or ahead of technology and marketing trends.
  • Create Graphical User Interfaces (UI) and map User Experiences (UX) for web and mobile environments.
  • Liaising between Marketing, Communications and Demand Generation Departments to identify solutions, advise on workflows, software and methodology between all departments.
  • Coach Teams and Divisions both within the United States and Internationally on UI/UX Best Practices.
  • Creating flow diagrams, wireframes and working concepts based on personas, research and analysis.
  • Integrating Brand and User Experience (UX) using Content Management Systems such as Kentico, WordPress, SharePoint and Kaltura.
  • Help implement Web and Behaviour Analytics and provide insights on Customer Digital Behaviours.
  • Researching, working and integrating prevalent Web Standards, including: HTML5, CSS3, JQuery, JavaScript, along with other Web and Marketing Technologies.
  • Create DDI’s Digital, Web and Mobile strategy.
  • Creating digital assets and experiences for DG (Demand Generation) and testing variations for best CTR.
  • Research of new web practices and technologies which include Search Engine Optimization (SEO), SEM (Search Engine Marketing), Social Media Integration and Mobile Technology.

About

I am an award winning, UI-UX, mobile and multimedia designer, with digital and web management experience. I am currently the UI-UX designer for DDI - Development Dimensions International (voted one of the best workplaces in the United States four times) and previously managed the internet and intranet for the largest municipal childcare agency in the country ACS
(Administration for Children’s Services).

I currently manage the user experience and design user interfaces for DDI's Web, Demand Generation and Marketing and Communications teams.
I research, advice and created the digital mobile app strategy for marketing and mobile web strategy for DDI.

Before I moved to Pittsburgh I worked for the city of New York. I managed the intranet and internet sites for the largest municipal childcare agency in the country, NYC ACS (Administration for Children’s Services). ACS it is also one of New York City's largest government city agencies. I created the official brand for ACS and managed the agencies internet and intranet sites, which I also created, designed and built. I also created the Brand and Website Design for Joe Simon (Creator of Captain America).

I manage, create and design multiple interactive website projects from concept, design, build, testing to completion, training and hand off. I am a team player and have worked with a variety of Clients, Senior Managers, Commissioners, Senior VP's and CEO's, ensuring my websites are up to date, informative and keeping pace with new technologies.

I have over 16 years of Creative Multimedia Design experience, having previously worked as a Web Design Consultant for New York City Government, an Animator for Microsoft and a Graphic Designer/Layout Specialist for an
Entertainment Newspaper.

AwardNew York City Excellence in Technology - Green IT Award AwardDevelopment Dimensions International DDI - Team HeroZ Award Thanked by NYC Mayor I was thanked by New York City Mayor Michael Bloomberg for the work I carried out after the attacks on September 11th 2001.
...

UI/UX-Web-Experience

UI/UX

I am an award winning (New York City Excellence in Technology) UI/UX Design Manager with over sixteen years experience and a college degree in communication design. I currently work as the lead UIUX web designer for DDI - Development Dimensions International (voted one of the best workplaces in the United States four times) and previously built, managed and created the UIUX for the largest municipal childcare agency in the United States ACS (Administration for Children’s Services) for both their intranet and internet. Using modern front-end technologies and code I create, high-level and detailed mockups, storyboards and prototypes to effectively communicate interaction, architecture and design ideas . I then transform these wireframes into finished robust, comprehensive and intuitive interfaces for Websites and mobile applications.

Responsive Web

I participate in the full lifecycle design and development of Websites and applications.This includes creating mockups and wireframes, consulting with project stakeholders and creating responsive mobile friendly (mobile first) websites along with creating and implementing user experiences and user interfaces for native applications. With progressive enhancement and graceful degradation in mind I design, develop (HTML5, CSS3, JavaScript) and test across multiple browsers, platforms, and devices, including smartphones and tablets. I use analytics Google Analytics and heat mapping software (CrazyEgg) to review live assets and improve the user experience based on this data.

Managment

I have over 16 years of Creative Multimedia Design experience. I currently manage the user experience and design user interfaces for DDI - Development Dimensions International (voted one of the best workplaces in the United States four times). I previously worked as a Web Design Consultant for New York City Government, an Animator for Microsoft and was the senior manager (webmaster) for the largest municipal childcare agency in the country, ACS (Administration for Children’s Services). I was managed The New York City Office of Emergency Management (OEM) Tracking Database after 9/11. I was elected and served as Agency representative to OEM and I was personally thanked by New York City Mayor Michael Bloomberg for the work I carried out after the attacks on September 11th 2001.

Branding

I have worked on large scale projects ranging from animating and designing for Microsoft to creating the brand for ACS (Administration for Children’s Services) the largest municipal childcare agency in the country. I have created and designed everything from international websites, demand generation assets including landing pages and action oriented email campaigns to official police ID badges. I also created the brand and creative direction for Joe Simon (Creator of Captain America). I manage the creative development of Global Branding and guide the look, feel and tone for entire campaigns, including but not limited to websites, interactive presentations, microsites, etc. I help define creative strategy and Ensure brand identity guidelines are adhered to for consistency. I have also developed strategic initiatives and solutions for complex brand challenges.

Portfolio

Whether you need dynamic custom designed Websites, E-Commerce solutions or creative Brand strategies, you have found a talented, innovative, Multimedia Designer with experience and vision.

Contact

I would love to hear from you. Please use the form below to contact me. I will get back to you as soon as possible

* Required

Captcha Image


Client:

New York City - The Administration for Children’s Services ACS

Situation:

I was assigned and given the responsibility to rebrand the largest municipal childcare agency in the country, ACS (Administration for Children’s Services). The agency wanted to update it’s public image and rebrand itself. Everything from desktop screensavers, intranet and internet to employee and police ID badges had to get redesigned.

Task:

I coordinated meeting with major stakeholders in the agency, e.g. art director, creative director, deputy commissioners and even the commissioner himself to gain a better understanding and insight into the core values of the new brand. All communication material both physical and digital needed to be redesigned and launched simultaneously.

Action:

Building on that core information from stakeholders I envisioned the art direction and design for the new ACS brand. Our senior team of creatives and I made sure we were using the same tools (Dreamweaver, Photoshop, Illustrator, InDesign, QuarkXpress etc.) and knew what our obligations and timeframe was in designing for the new brand.

Result:

The Administration for Children’s Services launched our new brand that was mobile friendly and used colorful images and vibrant colors to help set the tone for the agency. The new brand and especially the new website was well received throughout the agency and I was personally thanked by Mayor Bloomberg for my pivotal role in the rebranding.

Site elements:

Custom branding and web design

Custom Drupal Development

Brand management


Objectives:

To establish an official brand for the agency while at the same time adhere to strict New York City style guidelines.


Tools:

Illustrator

Photoshop

Dreamweaver

Intranet Wire
Intranet Wire
Intranet Wire
Intranet Wire
Intranet Wire
ACS Brand
...
...
...
Client:

DDI - Development Dimensions International

Situation:

DDI was in the middle of a major web redesign and needed to make sure the new site was mobile focused and mobile friendly.

Task:

Having already built several websites and mobile responsive sites, I was tasked to make sure the newly designed site was mobile ready and to design the UI/UX to be responsive and sometimes customized for mobile.

Action:

I helped integrate bootstrap into our Kentico CMS and created a series of UIUX wireframes to secure approval from the project stakeholders. I then designed the actual user interface and helped guide the user experience for the new website. As the project progressed we felt we could control the responsive elements without the need for bootstrap so I created custom web parts and code that targeted mobile.

Result:

Traffic to the site has increased by 70% and there are almost 1 million visitors annually. After its successful launch I was selected to join DDI’s core mobile strategy team and gave advice and recommendations about UIUX best practices for all DDI’s mobile properties.

Site elements:

Custom Branding and Web Design

Custom Kentico Development

UIUX Management


Objectives:

One of my first tasks after joining DDI was to make its newly designed mobile friendly. Having already built several web sites on the bootstrap framework, I helped integrate bootstrap into our Kentico CMS and created a series of UIUX wireframes to secure approval from the project stakeholders. I then designed the user interface and helped guide the user experience for the new website. I was also selected to join DDI’s core mobile strategy team and gave advice and recommendations about UIUX best practices for all DDI’s mobile properties.


Tools:

Balsamiq

Illustrator

Photoshop

Dreamweaver

...
...
DDI Web and Mobile
DDI Web and Mobile
DDI Web and Mobile
DDI Web and Mobile
DDI Web and Mobile
...
...
Client:

DDI - Development Dimensions International - Assessment centers.org

Situation:

The DDI assessment center website needed a new brand identity and the site had to be made mobile friendly.

Task:

I was assigned the task of building the new mobile friendly site and to manage the new brand identity that needed to be created for the site.

Action:

I implemented the Bootstrap framework as the foundation to build on and created a series of high level UI UX wireframes to secure approval from the creative director, brand director and webmaster.

Result:

After the new site was launched the website traffic increased by 87.5% and mobile traffic increased by 808%. I was thanked personally by DDI’s CEO Bill Byham for the new website design and he was especially pleased with its new mobile friendly functionality and ease of use. After the launch of the newly designed response website I joined DDI’s core mobile strategy team and am currently involved in the mobile strategy and direction of thee company.

Site elements:

Custom Branding and Web Design

Custom Kentico Development

UIUX Management


Tools:

Balsamiq

Illustrator

Photoshop

Dreamweaver

Assessment Center Website
Assessment Center Website
Assessment Center Website
Assessment Center Website
Client:

DDI - Development Dimensions International - LeaderChip Apps

Elements:

Mobile Strategy

Custom branding and design implementation


Details:

I am a member of DDIs user experience team and I am also a member of DD’s core mobile strategy team where I advise and influence the best UIUX practices for DDI going forward. Exploring new ways to expand DDIs mobile presence and communicate more effectively with the millennial demographic our team created the strategy and direction for a new app “leaderchip” to be created. This“leaderchip” app is now available in the Apple and Google Play stores.


ACS Brand
...
...
...
Client:

DDI - Development Dimensions International - LeaderChip App

Situation:
DDI was exploring ways to expand it’s reach and attract more millennial users and at the same time bring a useful tool to the app stores.
Task:
The team built a mobile application aimed at new leaders and managers. It would help guide them in their new roles and advise them on various paths and situations with the aid of a robotic assistant named LeaderChip.
Action:
As a member of DDI’s core mobile team I contributed to the mobile strategy and helped guide the progression of the app from concept to placement into the app stores.
Result:
This“leaderchip” app is now available in the Apple and Google Play stores. DDI now has two apps that are available in both stores. These help engage clients, promote brand and open up new communication channels for DDI.
LeaderChip App Path
LeaderChip App Favorites
LeaderChip App Favorites
LeaderChip App Path
LeaderChip App Path

Download the LeaderchipSM app

Google Play
App Store

Available on both Android and Apple devices, you can download the app by going to the App Store or Google Play and type in "Leaderchip." 

Client:

DDI - Development Dimensions International - LeadNext App

Elements:

-Mobile Strategy

-Custom UIUX

-Custom branding and design implementation


Details:

I am a member of DDIs user experience team and I am also a member of DD’s core mobile strategy team where I advise and influence the best UIUX practices for DDI going forward. Exploring new ways to expand DDIs mobile presence and communicate more effectively with the millennial demographic our team created the strategy and direction for a new app “leaderchip” to be created. This“leaderchip” app is now available in the Apple and Google Play stores.


LeaderChip App Path
LeaderChip App Favorites
LeaderChip App Favorites
LeaderChip App Path
LeaderChip App Path
LeaderChip App Path

Download the Lead Next SM app

Google Play
App Store

Available on both Android and Apple devices, you can download the app by going to the App Store or Google Play and type in "Lead Next " 

Client:

DDI - Development Dimensions International - LeadNext App

Elements:

-Mobile Strategy

-Custom UIUX

-Custom branding and design implementation


Details:

I am a member of DDIs user experience team and I am also a member of DD’s core mobile strategy team where I advise and influence the best UIUX practices for DDI going forward. Exploring new ways to expand DDIs mobile presence and communicate more effectively with the millennial demographic our team created the strategy and direction for a new app “leaderchip” to be created. This“leaderchip” app is now available in the Apple and Google Play stores.


ACS Intranet Wire
ACS All Wire
ACS Brand
...
...
...
Client:

DDI China - Development Dimensions International - m.China

DDI China needed their own site designed and developed because the great digital wall.

DDI China mobile site

This m.site was launched behind the great digital wall.

Client:

New York City ACS - Intranet

Elements:

Jquery

Custom Web Design

Drupal Development

XHTML/CSS/HTML


Details:

New York City ACS wanted to redesign it's intranet with a stylish, modern look and the emphasis on ease of use. It also wanted a content management system implemented to help deputy commissioners update and publish content to their own divisions. The original site can be viewed here to the bottom right. The middle image is a proposal and the image on the left is the final live site.


ACS Brand
ACS Brand
...
...
Client

The GRASP Life Foundation

Objectives:
To create and establish a unique brand in the area of suicide prevention in Ireland. To create a website that offed the user immediate access to Suicide Prevention, Bereavement and Support information.
...
Site elements:
Custom branding and web design Responsive Design Custom Branding across platforms Logo creation and Printed material
Client:

Simon Comics (Captain America)

With a Hollywood movie about to launch, Jim Simon (Son of Joe Simon) wanted a complete visual revamp of the company's site. He also wanted a memorable brand created.

...

This all had to be approved by not only himself but by his father Joe Simon who created Captain America.

Irelandsbeat - Portfolio

Additional Sites

With over 18 years of expierence I have a wealth of examples. Many of these are still available on my old site.

...

If you want to see more examples or just want to see the old site, please go to my old portfolio site: Irelandsbeat/Portfolio