ThinkingKap Learning

ThinkingKap Learning homepage
ThinkingKap Learning homepage


Emily has been an amazing resource for our small business. In addition to her technical expertise, she leverages her artistic skills to provide contemporary, functional, and aesthetically pleasing graphic design. After many years of working together, she remains a valuable and trusted resource for anything “web-related” where I need help, explanation, or advice. 10 out of 10 – would recommend!

Tim Buteyn, ThinkingKap Learning

Project Overview

I partnered with Tim Buteyn of ThinkingKap Learning to transform his eLearning development company’s web presence, first in 2017 while at Pilot Digital and again in 2024 for a comprehensive modernization.

The Challenge: After seven years, the original custom WordPress site had become difficult to manage. WordPress had evolved to Full Site Editing, and the custom field-driven site was no longer user-friendly for content updates.

The Solution: We implemented a hybrid theme approach, fully compatible with WordPress block editor while maintaining the custom design elements that reflect ThinkingKap’s unique brand.

  • Eliminated 66+ accessibility errors on the homepage alone
  • Modernized site architecture for WordPress Full Site Editing compatibility
  • Improved content management through block editor integration
  • Enhanced user experience with interactive design elements

Technical Implementation

WordPress Development:

  • Custom hybrid theme development
  • Full Site Editing compatibility
  • Advanced Custom Fields integration
  • Block editor optimization

Accessibility & Performance:

  • WCAG 2.1 AA compliance testing
  • Color contrast optimization
  • Semantic HTML structure
  • Mobile-responsive design

* Accessibility improvements and site performance are ongoing projects.

Project Details

Launch / Update

2018, 2024


Website

thinkingkaplearning.com


  • Custom WordPress design and development
  • Accessibility testing
  • Content strategy
  • Art direction
  • Logo design for “Interactive Conversations”
  • Copy editing
  • Photo editing
  • Project management
  • WordPress Site Care (ongoing)

Tools

  • WordPress
  • CSS
  • PHP

Design Strategy

Brand Development

Working from the existing print brand guide, we refined typography choices and tested color contrast ratios for WCAG compliance. The iconography system was redesigned to be more distinctive and less literal, better representing ThinkingKap’s services.

Interactive User Experience

The static “core principles” list was transformed into engaging, interactive “Keys to Impactful Learning” with hover states that add visual interest while maintaining accessibility standards.

Keys to Impactful Learning interactive

Content Architecture

Service pages received comprehensive improvements including:

  • Consistent calls-to-action throughout each page
  • Clear heading hierarchy for better SEO and accessibility
  • Dedicated “Approach” sections explaining methodology
  • Related case studies for improved site engagement
  • FAQ sections addressing common client questions

Case study presentation was completely revamped with work carousels, prominent client testimonials, and carefully selected project imagery.

Before and after: Interactive Conversations

Original Interactive Conversations
Interactive Conversations service page, c. 2018
Interactive Conversations service page, is a dark-mode design with inset images and print-inspired layout.
Interactive Conversations, c. 2024