Institute of Coding

The desktop homepage features a split-screen hero section with a man on a phone on the left and a woman smiling on a light teal background on the right. The top navigation bar includes links for Home, Find a course, About us, Work With Us, News & Resources, and Contact, alongside a low contrast toggle. Two prominent orange call-to-action buttons at the bottom right invite users to 'I want to find a course' or 'I want to find talent'.The mobile version uses a stacked vertical layout on a light teal background, starting with the Institute of Coding logo and the University of Bath partnership. A large portrait of a smiling woman is centered below the introductory text. The primary navigation is condensed into a hamburger menu at the bottom, and the two main calls to action are presented as full-width orange buttons at the bottom of the screen.

The Institute of Coding serves as a vital national bridge between education and industry, facilitating digital upskilling through a collaborative network of universities, employers, and charities. The platform is designed to serve a dual audience: learners seeking accessible digital education and employers looking to tap into a diverse, skilled talent pool. Its purpose is clearly defined by its mission to democratize tech education and foster inclusivity within the digital economy. Visually, the website employs a vibrant, high-energy aesthetic that breaks away from traditional, stuffy academic design. Utilizing a bold, typographic-heavy approach paired with a high-contrast palette of mint, deep teal, and energetic orange, the brand feels modern, approachable, and optimistic. The use of organic, wavy shapes and cutout-style photography creates a friendly, human-centric identity that effectively lowers the barrier to entry for those intimidated by the tech sector.

Industry

Design

Pages
Colors
Buckets
Palette
#F7FDFC
#26E6DE
#082D35
#F5D0C3
#625848
#F16F02

Technology

Caching
  • WP Rocket
CDN
  • Cloudflare
  • jsDelivr
Databases
  • MySQL
Hosting
Miscellaneous
  • HTTP/3
PaaS
Programming languages
Security
  • Cloudflare Bot Management
SEO
  • Yoast SEO
Tag managers
  • Google Tag Manager
WordPress plugins
  • WP Rocket
  • Yoast SEO
Pagespeed
Desktop
100
Performance
96
Accessibility
100
Best Practices
100
SEO
Mobile
65
Performance
96
Accessibility
100
Best Practices
100
SEO
Related websites
Advertisement

Websites on Display is an independent web design inspiration gallery and archive. All website designs, screenshots, logos, and trademarks featured on this platform remain the exclusive intellectual property of their respective original creators, agencies, and brands. If you are a copyright holder and wish to have your work credited, or removed from the archive, please contact us and we will promptly accommodate your request. Privacy Policy.