Start a project

FONE Coding Institute

A learning space for students and professionals, teaching AI, robotics, data science and web development.

Type
Web application
Field
Education
Year
2026
Built with
React
The FONE Coding Institute home page.
The FONE Coding Institute home page.

01

The job

The institute runs very different things under one name: holiday programmes for children, courses for adults changing careers, and systems and web work for schools and organisations. The site has to explain all of it without turning into a list of everything at once.

It also has to bring people in. “Apply to FONE” stays in reach on every page, and the home page ends with a clear route for people switching careers.

What it includes

  • Programmes and services, from robotics clubs to school management systems
  • Holiday programmes for children
  • A route for people switching careers
  • News and articles
  • A gallery
  • Applications and contact

The pages

  1. Home
  2. About
  3. Services
  4. Articles
  5. Gallery
  6. Contact

02

The design

The headline is set in Doto, a dot-matrix face, so “Learn. Build. Evolve.” reads like a display on a circuit board, over footage of a robotics build.

Crimson and gold come from the institute's crest and carry the page: crimson for the actions and the holiday problem, gold for the answer.

The home page tells one story by contrast: what other children do during the holidays, then what FONE children do, section against section.

Crimson#A32030
Gold#FBC02D
Near black#111111
White#FFFFFF
  • DotoThe headline
  • OrbitronSection titles
  • UrbanistText and navigation

03

Top to bottom

The home page, top to bottom.

The full FONE Coding Institute page, from top to bottom

04

On the page

Our motivation: why the institute exists.
Our motivation: why the institute exists.
Beyond education: robotics clubs, web development, school management and SACCO systems.
Beyond education: robotics clubs, web development, school management and SACCO systems.
What other kids do during the holidays…
What other kids do during the holidays…
…and what FONE kids do: coding, programming basics and real robotics projects.
…and what FONE kids do: coding, programming basics and real robotics projects.
News and articles.
News and articles.
Switch careers, don't start over: a structured path to career-ready skills.
Switch careers, don't start over: a structured path to career-ready skills.
Foundational skillsets for everyone.
Foundational skillsets for everyone.

05

Every page

About: the institute and its motivation.
About: the institute and its motivation.
Services: curriculum and corporate solutions.
Services: curriculum and corporate solutions.
Articles: news and insights.
Articles: news and insights.
The institute gallery.
The institute gallery.
Contact: location, email, phone and a message form.
Contact: location, email, phone and a message form.

06

In one hand

Most visitors arrive on a phone. The same site, laid out for a thumb and a small screen.

The FONE Coding Institute website on a phone, screen 1
The FONE Coding Institute website on a phone, screen 2
The FONE Coding Institute website on a phone, screen 3
Next projectEleskay

Your website isthe first meeting.Don’t arrive late.

Tell us what you’re trying to do. We’ll reply with questions, then a written scope and one fixed price.