Skip to content
Work

Explicações Demonstration project

Nota — good grades are method, not luck

A notebook-modernism site for a tutoring centre in Coimbra: a plan builder that outputs a weekly timetable and a mono-type monthly receipt, a live countdown board for the 2027 national exams, and an interactive mock of the monthly report parents receive — highlighter swipes, ruled paper and red-pen circles included.

Preview of Nota — good grades are method, not luck

feitura.pt/demo/nota — Live

A study centre in Coimbra sells to parents and serves teenagers: small-group and one-to-one tutoring in Maths, Physics & Chemistry and Portuguese, years 5 to 12, with an exam-season machine for the national papers. Enrolment ran on 40-minute phone calls and paper schedules. The site had to do the call's work — clear prices, a plan with a timetable and a locked monthly fee, proof that parents stay informed — while looking smart enough that no fifteen-year-old is embarrassed to be seen there.

What's inside

  • Notebook-modernism design system: ruled-paper backgrounds, highlighter-yellow swipes, ink blue and a red-pen accent — zero childish clipart
  • Four-choice plan builder — school year, adaptive subjects (PhysChem from year 7, exam prep in years 9/11/12 only), goal and format
  • Deterministic weekly timetable generator that places sessions Monday to Saturday without conflicts, hatching school hours and closed slots
  • Mono-type monthly receipt with per-subject lines, group vs one-to-one rates, a live sibling-discount toggle and an exam-intensive add-on
  • Fake enrol flow ending in a what-happens-next timeline: free 45-minute diagnostic, written plan, trial first week
  • Exam countdown board for the 2027 national papers — current-date-aware day counters, deterministic intensive places left, past papers marked done
  • One-click cross-link: 'prepare this paper' pre-fills the plan builder with the right year, subject and goal
  • Interactive mock of the monthly parent report: grade sparklines with an animated red-pen circle, attendance dots and the tutor's margin note in annotation type
  • Bilingual PT/EN copy, WCAG-minded focus states, reduced motion, 44 px touch targets and a keyboard-friendly accordion FAQ

Build log

  1. Art direction — paper/ink/highlighter tokens, ruled-line and margin-note studies, red-pen circle SVG and the wordmark
  2. Plan builder steps with adaptive rules: subject availability by year, exam-prep gating, Maria's one-click example
  3. Deterministic timetable placement engine and the mono receipt — rates, sibling discount, intensive add-on, enrol flow
  4. Exam countdown board: date-aware counters, deterministic places left and the pre-fill link into the plan builder
  5. Parent report mock — grade sparklines, animated red-pen circle, attendance dots and three students' worth of honest copy
  6. Tutors, results strip, testimonials, FAQ, footer, tablet/desktop recomposition and the accessibility pass

Stack

  • Laravel
  • Vue.js
  • Inertia
  • Tailwind CSS
  • TypeScript

Lighthouse

  • 98

    Performance

  • 98

    Accessibility

  • 100

    Best practices

  • 100

    SEO

Want something like this for your business?

Start a project like this

Ready when you are

Tell us what you need. Get a realistic estimate in two minutes.

Get an estimateA fast, personal reply — from the engineer.
feitura

Custom websites and web software, engineered end-to-end by senior hands.

Greater Lisbon (Sintra), Portugal — working worldwide

Our guarantees

  • A personal reply to every inquiry — from the engineer, not a bot
  • Fixed-scope quote before any payment
  • You watch the real build take shape in your portal — no big-reveal surprises
  • You own 100% of the code on final payment

Contact

[email protected]
© 2026 FeituraPrivacyTermsfeito. — made in Portugal