The Learn to Code sign-up page, with its four-field trial form

Learn to Code

Learn to Code needed its paid trial to close on one screen: the pitch, the price, the form, nothing to scroll. I built the four fields to validate on submit and then live as you type, each error opening in place.

  • Front-End Engineering / Design Implementation
  • Next.js / TypeScript / Tailwind CSS
Visit Website, Learn to Code

Project Background

Learn to Code teaches by putting you next to experienced developers while they work, and the trial sign-up had to do its whole job on one screen: the promise on the left, the price and the form on the right. They came with a coral field, an indigo price banner, a green call to action and their own wording for every error state, so the validation had to be theirs rather than the browser's. Scope ran from 375 up, and the form had to be as workable by keyboard and screen reader as by mouse. It ships as a static export at 100 across all four Lighthouse categories.

Static Previews

Learn to Code static preview 1
Learn to Code static preview 2

Interested in doing a project together?

Contact Me