Divine Charles · Fullstack Product EngineerLoading
000%
Getting things ready…

(W/04) · Employer chapter

The TutorByDesign site was built as a simple landing page that helps parents understand the tutoring offer and decide to get started.

01

The problem

Parents landed on a brand they did not know yet. They needed a plain story: who this is for, how tutoring feels, and what to do next.

02

The story

TutorByDesign pairs kids with patient tutors. Parents needed to trust that in a few scrolls. The site stays warm and simple: open with a strong hero, show what makes the sessions different, let other parents speak, answer the usual questions, then invite them to register.

03

What shipped

The live site follows that path. The hero sets the tone. About shows personalized learning next to one-size-fits-all lessons. Features walks through the offer. Testimonials share parent voices, including a short video. FAQ answers common doubts, and the CTA points people to register.

04

How it was built

The landing page was built in Next.js, React, Sass, and GSAP. Motion stays light so the story leads. SEO work helps parents find the brand in search and the page looks right when shared.

05

Outcome

  • Parents can follow one story from first look to register.
  • The site feels warm and clear on a phone.
  • SEO work helps parents find TutorByDesign and share a solid page.

(02) · Tools

Stack, and why

  • Next.jsA fast landing page that is easy to ship and keep online.
  • ReactClear sections for every part of the page.
  • SassCustom layout and type that fit the brand.
  • GSAPMotion that feels calm, not flashy.