Helios Education Foundation

Helios Education Foundation approached ACM with a vision to modernize their website and celebrate 20 years of impact. The goal was to enhance the user experience while maintaining the foundation's educational values and mission.

The primary challenge: design a commemorative page for their 20th anniversary that would carry the milestone narrative — while keeping the rest of the site flexible enough for staff to update going forward. The site also had to read well on every device.

• 01
  20th anniversary pageA dedicated milestone page with custom animations, engaging visuals, and multiple layout options so the team could pick the treatment that best represented their work. Interactive animations, custom layouts, anniversary-focused design elements.
• 02
  Customizable content blocksA block system that lets staff update sections without touching code — anniversary stories, partner spotlights, program updates.
• 03
  Responsive rebuildA full responsive design refresh — desktop, tablet, mobile — with modern UI, intuitive navigation, and enhanced readability.
• 04
  Impact at the centerThe site holds the foundation's headline numbers in one place: 41,000+ scholarships, 2M+ students supported, 500,000+ education professionals.

• Frontend
  Modern web stackA responsive frontend designed for content longevity, not just launch.
• Content
  Block-based authoringEditor-friendly blocks. Staff updates the site, not us, for routine changes.
• Performance
  Core Web Vitals firstBuilt to load fast on every connection — the foundation's audience is national.