UX/UI Web Designer and Website Support Specialist with 30+ years

Location:

Nepean, ON, Canada

Salary:

55.000 per year.

Posted:

March 17, 2026

Contact this candidate

Resume:

NAME: Kodi Lavergne

LANGUAGE: English

Clearance: Secret Level II

SUMMARY OF QUALIFICATIONS

n (Mr. Lavergne) Lavergne is a Website Support Specialist and UX/UI Web Designer with a specialization in Usability Design with over 30 years of experience in the Information Technology (IT) sector.

Throughout his career he has gained tremendous experience in UX/UI/AD Development using a variety of software and techniques to create Wire Frames, Story Boards, Sandbox, etc., Visual Source Save and CMS such as Interwoven (Team Foundation Server), Drupal, Drupal. He has experience with Presentation Tools for Flow Charts, Mock-ups, Functional prototypes in testing environments, AZURE RP 9, PowerPoint, Word, and a variety of Graphic software like Corel, Adobe Suite of Tools 3D Studio, and AutoCAD. Work Plans and Test cases set on Excel.

Usage of LMS Software such as Saba, and LMS 365.

AREAS OF EXPERTISE

Design Disciplines

Web Design

Web Development

User Experience

User Interface

Research

Information Architecture

Illustration

Animation

Graphic Arts

Fine Arts

Industry (Project-based)

Government

Healthcare

Defense

Telecoms

Education

Science (CSA)

Professional Certifications

UX Design Fundamentals, Interaction Design Foundation (2017)

Adult Education for eLearning Learning Tree (2015)

eLearning fundamentals Learning Tree (2015)

W3C Certification: HTML, CSS, JavaScript, Angular JS, Node.js, React. (2020)

AAACT Certification

AODA Certification

Hardware and Operating Systems

Operating Systems – Mac OS, iOS, Android, Windows, Linux, Unix.

Hardware – Interactive Displays, Mobile Devices (Smartphones, Tablets, Phablets), Desktops and Laptops, What’s Large? Touchscreens, Coms Consoles (DND)

EDUCATION

Graphic Technologist, AGFA, Belgium (1993).

Graphic and Fine Arts, Algonquin College (1986).

Architectural Technologist, Algonquin College (1982).

Software

Adobe Creative Suite – Photoshop, Illustrator, InDesign, XD, After Effects, Premiere Pro, Dreamweaver, Acrobat DC, Fresco, Audition, and UXP Developer tools.

Design & Prototyping Tools – Sketch, Axure 9.0, Invasion, Figma, Adobe XD. Principle (academic)

Design Ops – Zeplin (academic) Microsoft Project.

Note: Any Technological Communications Project is envisioned by a stake/shareholder that fulfills their needs. PMP, guide and organize hire and fire. Client Executive, HR… IT.

Contractors build and test with the stakeholders/shareholders. Till a time within budget, the stake/shareholder accepts the results—generally, good working relationships and communications in a team with a common goal.

Productivity & Office Tools – Microsoft Suite (Word, Excel, PowerPoint, Access, Teams, Zoom, Net meeting, Skype),

Google Suite (Docs, Sheets, Slides), (Academic Knowledge)

Accessibility tools

Wave, Juicy, CSS HTML Validator, Acrobat Pro, Word, Pac, Jaws, NVDA, WAI-Aria, Roles.

Methods and techniques

User Experience Design

User Interface Design

User Experience Testing

Wireframing

Mock-ups/Prototyping

Persona Building (Part of the process to define your users but this can change based on the direction of the product or demographic).

Workflows/Journey Mapping

Client Interviews

Quality Assurance Specialist

Certified Web Accessibility Specialist

AAACT, AODA

Team Building

Business Analyst

Researcher

Agile Methodologies

Full Stack Development

Site Mapping

Information Management

Adult learning for the internet

Corporate Management

Accessible Documentation (Word, PDF)

Honest and to the point.

Learning Management Software

Saba

LMS 365

Interwoven

Created own in PHP for the Heart institute

Adobe Experience Manager

Software engineering tools

Program Management Tools – DevOPS, JIRA, Microsoft Project.

Positive time management built on Scrum sessions.

Foundational Web Development – HTML PHP, ASP, Dynamic HTML & CSS and Angular

Modern JavaScript Development – React,

Vue, (Chrome only) Nodejs, TypeScript, Angular JS

Some Java

Learning Python for Dynamic charting techniques.

Note on LMS and Course development

Client: Nortel Networks

Course and Simulator for Provisioning a Passport 4000 and 15000 routers and switches

Course on Frame relay

Course on ATM

PNNI course

Client: Training Innovations ADGA

22 Courses over 5 years.

Lidar Radar, Side Scan sonar, Mobile Command security, CMHC being a better manager, Meteorological Services of Canada,

French Catholic School Board, Airbus, Stats Canada, Textile Human Resource Council, AMTRAK, Dupont, Environment Canada, Chicago Light rail transport. Airport Security, De-icing Aircraft, How Vitamin B prevents blindness in African Nations.

Elections Canada New elections processes. Census Canda, Canadian Coast Guard. Others are classified.

SAMPLES: www.kmplenterprises.com /portfolio/eLearning portfolio/Multimedia

PROFESSIONAL EXPERIENCE

247 Big G

July 31, 2023 - Current

Client: 6975801 Canada Inc

3D Printing/ scanning

Laser etching

CNC

Costume Design and development for Theater and Cosplay

Graphic Arts

Multimedia Development. Comic Development and animation.

Web Development, Content Development, Database Development, Content Management and Learning Tutorials.

Web Architect, Analyst, WCAG Auditor, Developer

May 1, 2023 - July 31, 2023

Client: Immigration and Citizenship (IRCC)

Web analyst, WCAG 2.1 Audit and document creation that supports their product lines and assists management, content development, web design and development, and video archives development to meet Bill C-81. Documents created are detailed analytics for Planning, Training, Management Overview,

Tasks to analyze data record all information, Build, PowerPoint, Word, Excel,

Build training documentation for staff, hold workshops with staff, and hire people for user testing.

Offer info sessions and lunch and learns.

Systems: HTML, SharePoint, .net 3rd party vendors, Drupal 9, Bootstrap, CSS, JavaScript

Principles: Web Architecture, Conversions of older applications, New Mythologies, New Processes.

Create Documentation on the new process of conversion of older applications to new standards

To meet the requirements of the Members of Parliament for meetings. They are passing bills, Arguments, and legislation.

Build user experience documentation with Blind users.

Environment: HTML5 CSS3 LESS/SASS JavaScript, Java Angular SharePoint DevOps

Web Architect, Analyst, WCAG Auditor, Developer

Nov. 2022 – March 31, 2023

Client: House of Commons

Tasks to analyze data record all information, Build, PowerPoint, Word, Excel,

Build training documentation for staff, hold workshops with staff, and hire people for user testing.

Offer info sessions and lunch and learns.

Systems: HTML, SharePoint, .net 3rd party vendors, Bootstrap, CSS, JavaScript

Principles: Web Architecture, Conversions of older applications, New Methodologies, New Processes.

Create LMS for Documentation on the new process of conversion of older applications to new standards.

To meet the requirements of the Members of Parliament for meetings. We are passing bills, Arguments, and legislation.

Build user experience documentation with Blind users.

Environment: HTML5 CSS3 LESS/SASS JavaScript, jQuery, SharePoint DevOps

Web Architect Analyst, WCAG Auditor, Developer, and Documentation

Nov. 2022 – March 31, 2023

Client: Department of Justice.

Determine the IT infrastructure, User experience needs, and What software choices are available.

Journey mapping for Application Process

Build Training Aides, Planning Documents, and a new hiring process for Developers to be onboarded quicker and have the skill set to meet the ongoing updates to the DOJ.

Environment: HTML5 CSS3 React Angular, JSON, XML, JavaScript, jQuery

Web Architect, ArcGIS React-JavaScript-TypeScript Developer

May 2022 – October 31, 2022

Client: Canadian Joint Operations Command (CJOC)

Content Classified.

Reference:

[10:58 AM] Skuce LCdr L@CJOC HQ@Defence365

Kodi, thank you for your service, the conversation today, your commitment to working on unlocking more of the products that came from your hard work, and your professionalism. We appreciate you helping CJOC and us as individuals to learn and improve. I'm also sad about the end, and I hope we will cross paths again either through CJOC or elsewhere as we continue working in DND. Sincerely, Leah.

Responsibilities:

Branded and Built a new SharePoint Website for CJOC Elevated - Analytics

Built ARC GIS Charting solutions for Gantt charts, React, Angular, Enterprise Builder, TypeScript, and JavaScript.

Started with Angular but used React worked better with the ARC GIS software.

Applications, Visual Studio for React and Angular, CSS, HTML5 presentation layer, ArcGIS export data to XML and JSON to populate the React, and Angular base construction.

Build Journey mapping for Application usage and processes

Build a custom LMS in the SharePoint site for the Group Integrated Analytics and CJOC HQ.

Web Architect/WCAG Auditor

June 2022 – October- 2022

Client: Transport Canada

Information Architect Restructuring the 3rd party vendors who made the sites and applications not to Canada.ca or WCAG standards.

Sites and applications covered Angular 7, and considering migrating to Angular 9, React current version CSS, HTML5, and Bootstrap base in Canada.ca themes.

Revision to the GIT environment using Visual Studio for uploads and downloads. Building Development streams for the Transport staff supplied keyword commands for the GIT.

LMS365 is used to identify user cases for the process for My GCKey.

Environnement: Drupal 8, HTML5 CSS3, SASS, JavaScript, JQuery, GIT Anguler 7

Web Architect, UI/UX & Info. Accessibility Auditor

Nov 2021 – Feb 2022 (4 months)

Client: Court Administration Service (CAS)

Build Custom WCAG templates for the courts.

CAS Due to a recent Law Suite The organization has reviewed the sites the host for:

Tax Court of Canada, Federal Court, Federal Court of Appeal, and Court Martial Appeal.

Assessed existing sites and monitored the failures.

Build 4 Prototypes with new branding based on the GCWeb look and feel.

in a .net environment with CAS custom CMS/LMS.

Custom Accessible Word and PDF templates for the Courts.

Participated in the planning and execution of the ROT (redundant, outdated, or trivial) process for the websites of the Department, this included documenting User Interface Design/ Interaction Specifications in the form of Standards and Guidelines Documents, Style Guides, and detailed design documents.

Ensuring the UX process considers User-centric designs as well as principles to collect user requirements.

Researched and identified problems on the existing web application to uncover the relationship between the user model and business process, then redesigned and validated workflows and user interfaces through iterations.

Advised and guided the developer on required interface configurations to support usability.

Offer client Workflow/ Wireframe Docs and show mockups and wireframes for the original layout for the new design.

This was Achieved by using Adobe Suite of Tools (Adobe XD. Photoshop, Illustrator)

Additional Mockups were done in Invision/Axure RP to show specifics on certain pages of the project.

Image placement, font text type, Navigational controls, and special interactions with galleries and video controllers.

Development was completed in both official languages.

User Types: Anyone needing court services.

User numbers: The site was used internationally accessible by all universities, Law Students, Lawyers, and Judges accused of a crime, or appealing a previous court decision.

Environment: Word. Net, TFS, XML, HTML5, JavaScript, Adobe XD, Acrobat Pro, Acrobat DC, Invision, Sketch, Axure 9.0.

Web Architect, UI/UX & Info. Web Architect Accessibility Auditor

Mar 2021 – Aug 2021 (6 months)

Client: Canadian Institute for Health Information (CIHI)

Project: It started as an audit of just documentation of the process and methodology of the UX department.

Analyzing their part of the process and was their content was accurate in academia.

Mr. Lavergne saw a real flaw in the UI part of the organization of the final deliverable of the information at the time that changes regularly. The final pages failed to meet their departmental guidelines. Mr. Lavergne decided to solve these irregularities by noticing key failures and documentation and testing proved that this was the case. Now their site matches the inner process of the UX department.

Using Figma Axure9,0 and Adobe XD to review CIHI’s work process layout and methodologies of the UX department making subtle changes to meet a correct standard. Invision with Sketch used on specialty pages and components.

Mr. Lavergne acted as an advisor and auditor of process, policy during project cycles, and relations of UX teams and developers. This included:

Designing and UX/UI developing storyboards (low-fidelity and high-fidelity UI prototypes) and Information Architecture Maps and iteratively redesigned the prototypes based on usability testing and feedback.

Using Figma Axure 9.0 and Adobe XD to review CIHI’s work process layout and methodologies of the UX department making subtle changes to meet a correct standard. Invision with Sketch used on specialty pages and components.

Overall final versions were decided on Adobe Xd and Axure for the prototype.

Building Custom Drupal theme for future projects.

LMS 365 library of procedures and methodologies

Journey Mapping client usages

Ensuring the UX process considers User-centric designs as well as principles to collect user requirements.

Advised and guided the developer on required interface configurations to support usability.

Offer client Workflow/ Wireframe Docs and show mockups and wireframes for the original layout for the new design.

This was Achieved by using Adobe Suite of Tools (Adobe XD. Photoshop, Illustrator)

Additional Mockups were done in Invision/Axure RP to show specifics on certain pages of the project.

Image placement, font text type, Navigational controls, and special interactions with galleries and video controllers.

Development was completed in both official languages.

User Types: They varied from Students, Nurses, Physicians, Pharmacists other academics.

User numbers: The site was used internationally accessible by all universities, Doctors, Medical Professionals, and Scholars so the metric would be substantial.

Environment: Word PowerPoint, Adobe XD, Acrobat Pro, Acrobat DC, Invision, Sketch, Axure 9.0, Drupal Twig adjustments in PHP/Drupal 7. Review Angular Projects to confirm they are accessible.

Web Architect, UX/UI Design Consultant/Developer

Nov 2020 – October - 2021

Client: The Office of the Superintendent of Financial Institutions (OSFI)

Project: The objective of this project is the conversion of Word Documents/UI to Dynamic Accessible PDF Documents/UI, the creation of best practices documents, the updating of the core site to Canada.ca look and feel and assessing heuristics. Offering UX workflows based on the new Canada.ca look and feel.

Mr. Lavergne’s responsibilities include:

User-based design evaluations

Designing and developing storyboards (low-fidelity and high-fidelity UI prototypes) and Information Architecture Maps and iteratively redesigned the prototypes based on usability testing and feedback.

Building custom PHP themes for Drupal.

To ensure the newly updated documents follow specific techniques to create a user-centric experience.

Advised and guided the developer on required interface configurations to support usability.

Development completed in both official languages.

Review their single-page applications in Angular 9 to verify meet Canada and WCAG standards.

Build Mock-ups in Adobe XD for new PDF documents and new Web pages with a Canadian look and feel. These in turn are converted to the final version in Adobe Acrobat Pro and HTML editors.

Information Architecture viewing their Security protocols.

UX/UI Design Consultant working on this digital service project to the conversion of Word Documents/UI to Dynamic Accessible PDF Documents/UI, creation of best practices documents, updating of the core site to Canada.ca look and feel, and assessing heuristics. Offering UX workflows based on the new Canada.ca look and feel.

Journey mapping Client and process interactions.

User Types: These pages are for a variety of users such as Banking institutions Executive Branch, Government policy creators, and General access to specific individuals outside the government internationally.

User numbers: Thousands of users across multiple geographies users classified.

Environment: Adobe XD, Acrobat Pro, Acrobat DC, Invision, Sketch, Axure 9.0, Word, and PowerPoint.

HTML, CSS, JavaScript Drupal Bootstrap GCWeb/WET Theme.

Web Architect, UX/UI Designer, and Web Developer

Jan 2020 – Mar 2020 (3 months)

Client: Treasury Board of Canada Secretariat

Project: TBS was enhancing Sign-in Canada, the authentication service for external, public-facing services so that it can accept trusted digital identities from provincial and territorial governments. The Sign-in Canada project’s goal was to make it easier for people to log into the 100 federal portals using a range of external and internal authentications for a variety of services. Mr. Lavergne’s Responsibilities include:

Built application pages for application to meet and exceed Canadian Web Standards for GOC Public facing pages (Pages were WET 4.01, WCAG 2.1, and responsive compliant)

UX/UI Designer working on this digital service project to enhance the Sign-in Canada authentication service for Canadian citizens.

To follow GOC user-centric techniques to meet the user requirements.

Conducting heuristic and end-to-end user-based design evaluations.

Creating mock-ups (Adobe XD), wireframes, and working prototypes to illustrate user interfaces and workflows based on use cases.

Journey mapping client interactions and processes.

Developing in Gluu Content Management System.

Working with TBS clients to develop and Modify New Websites.

Design a mobile-ready User interface.

User Word to define the changes to the new page development.

Building pages in both official languages.

Finalizing HTML accessible and GOC-approved page design.

User Types: Canadians are made of all sorts of people some educated some not so much from some getting access to their personal data Social, Medical, Security, and finance.

User numbers: The estimated number of users is hundreds of thousands of Canadian citizens yearly.

Environment: HTML5, CSS, JavaScript (Canada.ca Template), Adobe XD, Gluu, and Future Angular 9 usage for the Application.

Web Architect, UX/UI Designer

Oct 2019 - May 2020 (8 months)

Client: Department of National Defense (DLCI)

Project: A reassignment from the conclusion early of the project at CJOC. Building a similar navigational control for DLCI that was scalable to meet a particular device used in field operations dimensions classified. Mr. Lavergne made several variations of mockups for civilian and military command the mockups were built live in Bootstrap master pages used in the SharePoint environment. This control was on the premise of mega menus that showed all military operations by division internationally. There was a management component on the page based on certain information individuals could secretly edit content classified.

Mr. Lavergne was engaged to create a new interface for DLCI and the Army in general. DLCI was using an archaic version of their site based on 10-year technology that was not supported and he was tasked to design a new interface that was mobile-ready. Responsibilities included:

Designed all parts of the User Interface of DLCI Intranet and Whole of Army web applications based on Task Analysis and Business Use Cases (Model-driven approach) by W3C standards and UX standards with a UCD

(user-centred design) and RWD (responsive web design) approach.

Worked in SharePoint Content Management System creating a new website. Create and modify images and Graphics this was done in Adobe Creative Suite (Adobe AD, Photoshop, Illustrator).

Resizing, Colour correction, Cropping, Icon creation Special transitional buttons for navigation.

With Figma/Sketch to create sketches, Mock-ups, wireframes, workflow diagrams, high-fidelity comps, and application assets. This original was created with Axure RP to show workflow and Information for users of military command structure. Image selection, duration of image changes, and time duration.

Designing Invision/Axure RP and developing storyboards (low-fidelity and high-fidelity UI prototypes) and Information Architecture Maps and iteratively redesigned the prototypes based on usability testing and feedback. Concluded in an HTML version for presentation to Senior Staff.

Develop a small LMS for the process of the development of the application for onboarding and technical specification for future developers.

To test techniques and processes for a proper user-centric specific design to meet the military’s requirements.

Advised and guided the developer on required interface configurations to support usability.

Created the Mock-up Design using Invision/Axure RP for final HTML and CSS for DLCI Intranet to be hosted in SharePoint Remaster of Whole of Army Sites across Canada allowing for compliance with WCAG and GOC web standards.

Journey Mapping for client services and processes.

Development completed in both official languages.

User Types: note – All divisions of Canadian Soldiery ground and special forces Generals to private’s access need to know only for orders and designations.

User numbers: note – 5 divisions 25,000 per division.

Environment: SharePoint Designer, Figma Axure RP, Sketch, Adobe Creative Suite (Adobe XD, Photoshop, Illustrator), HTML5, CSS3, jQuery, JavaScript, Ajax, JSON, XML API components. GIT repository updates with Visual Studio.

Web Architect, UX/UI Designer, and Web Developer

Apr 2019 – Sept 2019 (6 months)

Client: Department of National Defense (CJOC)

Project: Mr. Lavergne was introduced to Major Dany Zalal and Derick Hillmer Based on a short meeting I was tasked to build 3 separate mockups of the main interface in 10 days each very distinctive and unique. Based on a meeting for Usability, Accessibility, and Creativity based on a modern heuristic approach for information officers and their staff. Key members of CJOC offered their knowledge and experience to

Of information based on their specific needs to achieve their missions.

My first of three presentations was chosen to represent CJOC. This was to replace a simple org chart graphic that represented this very prestigious organization. Mr. Lavergne made it into a work of art representing the best in military principles and honor. Using all sorts of JavaScript and jQuery with video to represent all service members. That was scalable and easy to update. Mr. Lavergne received a civilian-military commendation for his efforts to see the CJOC award.

Mr. Lavergne was responsible for:

•Designed and developed CJOC’s intranet User Interface based on business use cases for the application's design, layout, and features. Developed, changed, updated, and maintained templates, logo, Color schemes, font styles, design mock-ups and elements, images, menu: navigation style, and animation). Layout (sitemap: additional pages requested, layout consistency, header, content, and footer). Features (content feeds, content/image sliders, and rotators: animation type, layout, mobile site, forms). And new website content using HTML, HTML5, XHTML / CSS, JavaScript, and jQuery.

•Preparing and concluding secondary research and primary user research using qualitative and quantitative research methods to build client-centric services. This followed the command structure on specific needs per department.

•Designed and developed storyboards (low-fidelity and high-fidelity UI prototypes) and Information Architecture Maps and iteratively redesigned the prototypes based on usability testing and feedback.

•Translated user stories into functional low and high-fidelity prototypes/mockups and design layouts.

•Collaborate with clients to uncover aspects of the user model and their relationship to the UI and business process to create clean interfaces and simple, intuitive user interactions and experiences.

•Developed wireframes using CSS, HTML5, jQuery, JavaScript SharePoint, and Angular 8.

•Build a custom theme for the Drupal sites.

•Reviewed the Angular applications to meet WCAG standards.

•Developed mockups in Figma to show workflow image placement navigational flow, for presentation to the Senior staff.

•Created a custom HTML5 interface, three demo versions, and two templates with 3 different navigation controls. One navigation was on Hover, the second was on click and the third was a collapsible left navigation.

•Had weekly meetings with clients and stakeholders to gather and validate user requirements and web design requirements.

•As part of the UX research, documented user interface designs and developed User Studies by conducting interviews and developing documentation.

•Created functional requirements/specifications such as prototypes and Mock-ups. Created UI Demo Files for each section of the Development for Font types of Colors Mega menus Footer design Left accordion menus.

•As part of the research on the website for information on best practices, analyzed CJOC’s Intranet to see the fundamentals of the previous group’s attempt at the creation of IM (Information Management) operations. Provided technical advice on website needs and created a completely different way of offering coms, a variety of departments dealing with thousands of troops in mission operations delivery of critical information to Command and Deputy Command in theatres of operations for Naval, Air, and Ground forces in a combination of one or all departments. Coordinated website development with other technical groups.

•Prepared and assessed web content and documents for web publishing, such as MS PowerPoint, MS Word with Mpegs, PNG jpg for IM operations, and Battle Rhythm, Converted MS Word Documents to HTML5 based on the design process and made sure the HTML5 met Government of Canada Web Standards. Verified the accuracy and completeness of web pages. A variety of QA processes and testing was done. Tested converted documents against Government of Canada Web Standards ensuring compliance with Web Content Accessibility Guidelines (WCAG 2.0) and leveraging HTML5 and Accessible Rich Internet Applications (WAI-ARIA) to further enhance accessibility.

•Creation of site components prototypes in Adobe Xd/Axure RP Invision was partially used for presentation Adobe Xd worked better in their SharePoint environment for the Senior IM Officers.

These consisted of Transitions in data revealed, Navigation, Image placement interaction components for Mouse over, or on-click results, and video controllers.

•Followed levels of understanding of site navigation and content delivery for individuals who suffered mental issues from Down Syndrome to Alzheimer’s and stroke victims.

•Made the site accessible for individuals with physical issues from lack of use of limbs or prosthetics to quadriplegics (Steven Hawking) and for individuals with visual issues, including making the site compatible with Brail

Contact this candidate