Web Design & Development Certificate Program (with UI/UX Fundamentals)

This program is currently not open for enrollment. Program approval/registration is in progress. Information is provided for informational purposes only and does not constitute an offer of enrollment. Please check our website later or contact the College for updates.

Web Design & Development Professional Certificate Program (with UI/UX Fundamentals)

Professional Certificate Program*
(Check Terms & Conditions – Important Academic Notice below)

Web Design & Development Certificate Program

(with UI/UX Fundamentals)

Program Overview

The Web Design & Development Certificate Program (with UI/UX Fundamentals) is an instructor-led professional program designed for adults who want to build practical web design and development skills while balancing work and family commitments.

Students learn to design and develop modern, user-centered websites using current web technologies and usability standards.

What This Program Offers

◍ Web design and front-end development fundamentals
◍ UI/UX principles for usability and accessibility
◍ Hands-on projects and portfolio development
◍ Instructor guidance and continuous feedback
◍ Online and in-class learning options

Learning Objectives

By the end of the program, students will be able to:

◍ Design responsive, user-friendly websites
◍ Apply UI/UX fundamentals to real projects
◍ Use web technologies and CMS tools effectively
◍ Plan and structure websites based on user needs
◍ Build a professional web design portfolio

Program Structure (Instructor-Led Model)

The program operates on a semester-based academic structure with scheduled intakes (Fall, Winter, and optional Spring/Summer).

Key features:

◍ Weekly 1-hour live instructor-led sessions (online or in-class)
◍ Structured curriculum delivered through an LMS
◍ Regular project submissions and formal instructor feedback
◍ Ongoing academic supervision and progress evaluation
◍ Clear learning milestones and completion standards

This model ensures consistent instructor engagement, academic rigor, and accountability for learning outcomes.

How E-Learning Works >>

Weekly Time Commitment

◍ 1 hour/week live instruction
◍ 2–3 hours/week independent work
◍ Total: 3–4 hours per week

Designed for adult learners with jobs and family responsibilities.

Professional Outcomes

Graduates are prepared to:

◍ Support businesses and organizations with web design solutions
◍ Apply UI/UX principles to improve digital experiences
◍ Contribute to web, marketing, and digital projects
◍ Launch freelance projects or continue professional development


More about program

Program Purpose & Industry Relevance

Web design and development play a critical role in modern business operations, education, public communication, and digital accessibility. Organizations across industries rely on well-structured, user-friendly, and accessible websites to communicate effectively, deliver services, and engage diverse audiences.

This program is designed to respond to current industry needs by preparing students to:

◍ Design and develop functional, responsive websites
◍ Apply UI/UX principles to improve usability and accessibility
◍ Structure digital content clearly and effectively
◍ Build and maintain professional web platforms aligned with industry standards

The curriculum reflects real-world practices and focuses on practical skills that are widely applicable across business, nonprofit, and educational environments.

How Our E-Learning System Works (LearnDash LMS)

◍ Our E-Learning system is powered by LearnDash, a secure and easy-to-use learning platform. Once enrolled, students receive personal login access to their online classroom, where all lessons, materials, and assignments are organized in one place.

◍ Students follow a structured learning path with step-by-step lessons that include videos, instructions, and hands-on tasks. Progress is saved automatically, allowing students to learn at their own pace while staying on track with the program schedule.

◍ Instructors monitor progress, review assignments, and provide feedback directly through the platform. Parents and students can clearly see completed lessons, upcoming tasks, and overall progress at any time.

◍ This system ensures organized learning, accountability, and continuous instructor support, creating a smooth and effective online learning experience.

Live Weekly Online Classes

◍ Students follow a guided learning path with step-by-step lessons, real projects, and instructor feedback, building skills progressively in a supportive learning environment.
◍ Students join weekly 60-minute live classes via a secure, easy-to-use online platform.
◍ Classes are interactive: students can ask questions, share screens, and collaborate with instructors and classmates in real time.
◍ This format ensures students stay engaged, supported, and motivated throughout their learning journey.

Small Class Sizes for Personalized Attention

◍ Every online class includes two qualified instructors for a maximum of 10 students, guaranteeing individualized attention for every learner.
◍ Instructors guide students through coding concepts, design techniques, and project challenges — step by step — so no student gets left behind.

Hands-On Projects & Real Portfolio

◍ Learning is rooted in doing: every student builds real websites and develops interactive web pages throughout the course.
◍ Students save and showcase their work in a digital portfolio, which becomes a valuable tool for future learning, college applications, and career exploration.

Feedback, Support & Collaboration

◍ Instructors provide real-time feedback during live sessions and ongoing support through messaging within the learning platform.
◍ Students also have opportunities to collaborate with peers, share ideas, and inspire one another — all in a safe, moderated online classroom.

Flexible, Accessible, and Inclusive

◍ This online format is perfect for families in remote communities, areas without local tech programs, or anyone who prefers learning from home.
◍ Students only need a computer and internet connection to participate — no travel, no commuting, and no barriers to quality technology education.

Workforce & Professional Skills Development

By providing structured, outcome-driven instruction, the program supports:

◍ Skill development for adults entering or advancing in digital roles
◍ Career transitions into web design and development fields
◍ Practical, job-ready technical competencies
◍ Ongoing professional growth in a technology-driven economy

The program emphasizes applied learning and professional standards to help students develop skills that can be used immediately in real-world settings.

Instructional Approach

The curriculum is built around project-based learning, allowing students to apply technical and design concepts to realistic web development challenges.

Instruction includes:

◍ Instructor-led guidance and mentoring
◍ Hands-on development assignments
◍ Iterative feedback and revision cycles
◍ Portfolio-focused assessment
◍ A final capstone project demonstrating applied skills

This approach supports skill retention, practical understanding, and professional readiness.

Learning Outcomes

Graduates of the program are able to:

◍ Design and build modern, responsive websites
◍ Apply UI/UX fundamentals to enhance user experience
◍ Use professional web tools and platforms effectively
◍ Communicate ideas clearly through digital interfaces
◍ Build and present a professional web development portfolio

These outcomes align with current industry expectations and employment requirements.

Faculty Oversight & Academic Support

Students are supported through direct instructor involvement, including:

◍ Curriculum delivery
◍ Project review and assessment
◍ Individualized feedback
◍ Academic progress monitoring

This ensures consistent instructional quality, measurable outcomes, and alignment with institutional standards.

Delivery Model

The program is delivered through a structured, semester-based academic model designed to support adult learners while maintaining strong instructional oversight and consistent learning outcomes.

The course operates on two main academic semesters per yearFall and Winter—with an optional accelerated Spring/Summer intake.

This structure aligns with North American post-secondary education standards and ensures continuity, academic accountability, and measurable student progress.

Available Delivery Formats

◍ In-Class Learning with LMS Support

(Available to students in New Brunswick, Canada)

Students attend live, instructor-led classes in person while using the Learning Management System (LMS) to access structured lessons, assignments, and project materials.

This blended delivery model provides:

◍ Direct faculty instruction and supervision
◍ Hands-on, guided practice in a classroom setting
◍ Digital organization of coursework through the LMS
◍ Ongoing instructor feedback and academic monitoring

This In-class learning is available in Saint John, NB Canada or Quispamsis, NB, Canada and follows the same curriculum and assessment standards as the online format.

Request Information

Online-Only Learning via LMS

Read more how E-Learning work >>

Students complete the full program through a structured LMS-based environment, progressing through weekly modules, guided assignments, and portfolio projects.

How E-Learning Works

◍ Access weekly lessons through the online LMS
◍ Participate in live video sessions with the instructor
◍ Download course materials and videos
◍ Submit design projects and receive feedback
◍ Engage in discussions and peer reviews

This model supports independent learning while maintaining consistent instructional standards and faculty involvement.

Request Information

Flexible Learning Pathways for Adult Learners

Recognizing the needs of working adults, the institution also offers a self-paced independent learning track under full academic oversight.

In this model:

◍ Students may begin at flexible start dates
◍ Coursework is completed through the LMS
◍ Projects are formally reviewed and assessed by faculty
◍ Optional one-on-one instructor consultations are available

This pathway maintains academic standards while expanding access to education for professionals with demanding schedules.

Request Information

Web Design & Development Certificate Program
(with UI/UX Fundamentals)

LearnDash Course Structure & Learning Objectives

COURSE LEVEL (LearnDash)

Course Title: Web Design & Development Certificate Program (with UI/UX Fundamentals)
Duration: 12 Months
Structure: 12 Modules → Weekly Lessons → Topics
Assessment: Project-based, instructor-reviewed
Outcome: Professional Certificate + Portfolio + Capstone Project

MODULE 1: Program Orientation & Digital Foundations

Weeks 1–4

Module Learning Objectives

By the end of this module, students will be able to:

◍ Navigate the LMS and follow academic workflows
◍ Understand how the web and internet technologies function
◍ Organize digital files using professional standards
◍ Plan a basic website structure and purpose

Lessons & Topics

Lesson 1: Program Orientation

◍ Topic: Program goals and expectations
◍ Topic: LMS navigation and communication tools

Lesson 2: Introduction to the Web

◍ Topic: How the internet works
◍ Topic: Domains, hosting, browsers, servers

Lesson 3: Digital Workflow & File Management

◍ Topic: File structures and naming conventions

◍ Topic: Version control basics

Lesson 4: Website Planning Basics

◍ Topic: Website purpose and audience
◍ Topic: Content outline and site structure

MODULE 2: HTML Fundamentals

Weeks 5–8

Module Learning Objectives

Students will:

◍ Write clean, structured HTML
◍ Apply semantic markup
◍ Create basic navigation and page layouts
◍ Build a functional single-page website

Lessons & Topics

Lesson 5: HTML Structure

◍ Topic: HTML tags and elements
◍ Topic: Page structure

Lesson 6: Semantic HTML & Accessibility

◍ Topic: Semantic tags
◍ Topic: Accessibility fundamentals

Lesson 7: Media & Navigation

◍ Topic: Images and links
◍ Topic: Navigation menus

Lesson 8: HTML Project

◍ Topic: Single-page website build
◍ Topic: Instructor feedback and revision

MODULE 3: CSS Fundamentals & Layout

Weeks 9–12

Module Learning Objectives

Students will:

◍ Style web pages using CSS
◍ Create layouts with modern CSS techniques
◍ Design responsive pages
◍ Apply visual hierarchy through styling

Lessons & Topics

Lesson 9: CSS Basics

◍ Topic: Selectors, colors, fonts
◍ Topic: Spacing and alignment

Lesson 10: Layout Techniques

◍ Topic: Flexbox fundamentals
◍ Topic: Page structure

Lesson 11: Responsive Design

◍ Topic: Breakpoints
◍ Topic: Mobile-first design

Lesson 12: CSS Project

◍ Topic: Styled multi-section webpage
◍ Topic: Review and refinement

MODULE 4: UI Design Principles

Weeks 13–16

Module Learning Objectives

Students will:

◍ Apply UI design principles to web interfaces
◍ Create consistent visual systems
◍ Develop wireframes and UI prototypes

Lessons & Topics

Lesson 13: UI Fundamentals

◍ Topic: Visual hierarchy
◍ Topic: Spacing and consistency

Lesson 14: UI Systems

◍ Topic: Color systems
◍ Topic: Typography systems

Lesson 15: Wireframing

◍ Topic: Low-fidelity wireframes
◍ Topic: Layout planning

Lesson 16: UI Project

◍ Topic: Homepage UI design
◍ Topic: Instructor critique

MODULE 5: UX Fundamentals

Weeks 17–20

Module Learning Objectives

Students will:

◍ Apply user-centered design principles
◍ Conduct basic user research
◍ Design logical information architecture
◍ Evaluate usability

Lessons & Topics

Lesson 17: UX Principles

◍ Topic: User needs and goals
◍ Topic: Personas

Lesson 18: Information Architecture

◍ Topic: Site maps
◍ Topic: Content structure

Lesson 19: Usability Testing

◍ Topic: UX evaluation methods
◍ Topic: Usability improvements

Lesson 20: UX Case Study

◍ Topic: UX project documentation
◍ Topic: Review and feedback

MODULE 6: WordPress & CMS Development

Weeks 21–24

Module Learning Objectives

Students will:

◍ Use WordPress as a CMS
◍ Customize themes and layouts
◍ Add functionality with plugins
◍ Build a CMS-based website

Lessons & Topics

Lesson 21: WordPress Basics

◍ Topic: CMS concepts
◍ Topic: Dashboard overview

Lesson 22: Themes & Customization

◍ Topic: Theme selection
◍ Topic: Customization tools

Lesson 23: Plugins & Features

◍ Topic: Plugin management
◍ Topic: Site functionality

Lesson 24: CMS Project

◍ Topic: WordPress website build
◍ Topic: Instructor review

MODULE 7: Advanced Web Design & UX Integration

Weeks 25–28

Module Learning Objectives

Students will:

◍ Integrate UI and UX principles into development
◍ Improve usability and consistency
◍ Refine user experience

Lessons & Topics

◍ Lesson: UX/UI integration
◍ Lesson: Usability improvements
◍ Lesson: Design refinement
◍ Lesson: Advanced design project

MODULE 8: Website Performance & SEO Basics

Weeks 29–32

Module Learning Objectives

Students will:

◍ Optimize website performance
◍ Apply SEO fundamentals
◍ Improve accessibility and loading speed

Lessons & Topics

◍ Lesson: Performance optimization
◍ Lesson: SEO fundamentals
◍ Lesson: Accessibility improvements
◍ Lesson: Optimization project

MODULE 9: E-Commerce & Interactive Features

Weeks 33–36

Module Learning Objectives

Students will:

◍ Build interactive website elements
◍ Understand basic e-commerce workflows
◍Implement forms and user interactions

Lessons & Topics

◍ Lesson: Forms and interactivity
◍ Lesson: E-commerce basics
◍ Lesson: User interaction design
◍ Lesson: Interactive project

MODULE 10: Professional Practice & Client Workflow

Weeks 37–40

Module Learning Objectives

Students will:

◍ Work with clients professionally
◍ Manage revisions and feedback
◍ Document design decisions

Lessons & Topics

◍ Lesson: Client communication
◍ Lesson: Project documentation
◍ Lesson: Revision workflows
◍Lesson: Client-style project

MODULE 11: Portfolio Development

Weeks 41–44

Module Learning Objectives

Students will:

◍ Build a professional portfolio
◍ Write design case studies
◍Present work clearly and professionally

Lessons & Topics

◍ Lesson: Portfolio strategy
◍ Lesson: Case study writing
◍ Lesson: Portfolio refinement
◍Lesson: Instructor portfolio review

MODULE 12: Capstone Project

Weeks 45–48

Module Learning Objectives

Students will:

◍ Plan and execute a full web project
◍Apply UI, UX, and development skills
◍ Demonstrate professional readiness

Lessons & Topics

◍ Lesson: Capstone proposal
◍ Lesson: Project development
◍ Lesson: Final refinement
◍ Lesson: Capstone presentation

Tuition & Payment Options

This program is currently not open for enrollment. Program approval/registration is in progress. Information is provided for informational purposes only and does not constitute an offer of enrollment. Please check our website later or contact the College for updates.


Academic Calendar & Registration

The program accepts new students twice per year:

◍ Fall Semester
◍ Winter Semester
◍ Optional Spring/Summer semester may be offered as an accelerated intake.

Choose Your Preferred Delivery Format

During registration, students may select the delivery format that best fits their lifestyle and learning preferences:

In-Class Learning with LMS Support

Online-Only Learning via LMS

Flexible Learning Pathways 

All formats:

◍ Follow the same curriculum
◍ Include direct instructor guidance
◍ Use the same assessment standards
◍ Lead to the same professional certificate and portfolio outcomes

To register for the course, please click on a button below

 

 

 

 

We use cookies in order to give you the best possible experience on our website. By continuing to use this site, you agree to our use of cookies.
Accept
Reject