Back to projects
Web Development

Empowered Career Training – Ohio State-Funded Courses

A fast, accessible Hugo website connecting Ohio residents with free, state-funded training programs — built for clarity, conversion, and trust.

Empowered Career Training 2025 Solo Developer & Designer
View Live Site
Empowered Career Training – Ohio State-Funded Courses

Empowered Career Training – Ohio State-Funded Courses

Empowered Career Training connects Ohio residents with free, state-funded training programs in high-demand fields — from cloud computing and AI to healthcare and IT support. The challenge was building a website that not only explains how government funding works but actually convinces people to take the next step.

The result is a trust-first Hugo site that demystifies workforce funding, presents courses in a clear catalogue, and guides Ohio residents from “am I eligible?” to “I’m enrolled” with minimal friction.

Empowered Career Training website preview

Empowered Career Training – built with Hugo

The Challenge

State-funded training is a great deal, but it comes with a communication problem:

  • Scepticism — “free training” sounds too good to be true; the site had to build credibility from the first scroll
  • Complex eligibility — funding depends on residency, income, employment status, and course fit; visitors needed a clear picture without getting lost in bureaucracy
  • Multiple audiences — unemployed adults looking to reskill, employed workers seeking advancement, and career changers all land on the same site with different needs
  • Course catalogue — diverse offerings across AI, cloud, healthcare, IT, and workplace safety each needed clear presentation with prerequisites and outcomes
  • Coming soon inventory — many courses were listed before they were live; the site had to handle “coming soon” content gracefully without frustrating visitors

The Approach

Content Architecture

The site is built around a simple funnel: discover → learn → enrol. Every page serves one of those three goals.

SectionPurpose
HomeValue proposition, popular courses, how funding works, FAQs
CoursesFull catalogue with filtering by category
Course (single)Details, prerequisites, outcomes, enrolment CTA
FAQTrust-building answers to common objections
RegisterEnrolment form and eligibility confirmation
Terms & PrivacyLegal compliance and transparency

Design Philosophy

The design walks a careful line between trustworthy and energetic. Government funding feels bureaucratic — the design had to feel anything but:

  • Clean, modern aesthetic with a blue-teal gradient that feels professional without being cold
  • Warm photography of real students collaborating to humanise the funding process
  • Star ratings on courses to build social proof and signal quality
  • Clear progress indicators — visitors always know where they are in the enrolment journey
  • Prominent “free” messaging — the core value proposition is reinforced throughout without feeling pushy
  • FAQ-first trust building — common objections are addressed openly before visitors even ask
  • Mobile-optimised enrolment — many visitors will register from their phones

Technical Implementation

Built with Hugo for speed, security, and simple content management:

  • Course catalogue with category taxonomy — courses are tagged by field (AI, cloud, healthcare, etc.) for easy browsing
  • Modular course pages — each course uses a shared template; adding a new course is creating one markdown file
  • “Coming soon” state handling — upcoming courses display enrolment interest forms instead of full registration
  • FAQ structured data — FAQ schema for rich search results and voice assistant answers
  • Registration flow — multi-step enrolment form with eligibility validation
  • Responsive layout — tested across devices to ensure the registration flow works everywhere

SEO & Performance

  • Strong local SEO for “Ohio state-funded courses” and related search terms
  • FAQ schema for enhanced search results
  • Open Graph and Twitter card meta tags for course sharing
  • Course pages optimised for long-tail search queries
  • Sitemap and clean URL hierarchy
  • Fast static delivery with CDN caching

Highlights

  • Clear funding explanation — the home page immediately answers “how is this free?” with a straightforward breakdown of Ohio workforce funding
  • Social proof integration — course star ratings and review counts build trust at the point of decision
  • Coming soon management — pre-launch courses capture interest and email leads without disappointing visitors
  • Category-based browsing — visitors can filter courses by field, making it easy to find relevant training
  • FAQ as conversion tool — common objections (eligibility, employment status, online study) are answered openly, reducing hesitation
  • Mobile-first registration — the entire enrolment flow is optimised for phone users

Tech Stack

  • Hugo — static site generator for performance and security
  • HTML/CSS — semantic code with CSS custom properties
  • Vanilla JavaScript — form validation, filtering, and UI enhancements
  • Static hosting with CDN — global delivery with instant cache invalidation
  • Serverless form handling — for registration and contact submissions

My Role

  • Discovery & strategy — user research on workforce training seekers, funnel mapping from awareness to enrolment
  • Visual design — full UI design, colour palette, typography, and responsive layout system
  • Front-end development — Hugo theme customisation, course catalogue template, registration flow
  • Content architecture — structured course information for maximum clarity; wrote FAQ content to address common funding objections
  • SEO & performance — local keyword strategy, schema markup, Lighthouse optimisation
  • Analytics & conversion tracking — enrolment funnel monitoring with event tracking

Roadmap & Future Plans

The site launched as a v1 focused on the core discovery-to-enrolment funnel. Planned enhancements include:

Phase 2 — Personalised Recommendations

  • Skills assessment quiz that recommends courses based on background and goals
  • Personalised eligibility checker with real-time funding confirmation
  • Saved courses and application progress tracking

Phase 3 — Alumni & Outcomes

  • Graduate success stories and testimonial collection
  • Job placement tracking and outcome reporting
  • Employer partner directory showing hiring companies

Phase 4 — Community Features

  • Student discussion forums for each course
  • Study group matching based on course and location
  • Mentor connection programme with industry professionals

Phase 5 — Platform Expansion

  • Multi-state funding support beyond Ohio
  • Employer-sponsored training pathways
  • Corporate partnership dashboard for workforce development teams

The modular Hugo architecture makes it straightforward to add each phase as standalone features. Empowered Career Training can expand based on enrollee feedback and funding programme growth.

Live Site

Visit: https://www.empoweredcareertraining.com/