Back to projects
2024 ·

Raz Tutoring

Brownbrick

A bold marketing site for a small online tutoring business, built in a few weeks on my own Svelte component kit, with the start of a dashboard for tutors and students.

About this project

Raz Tutoring is the website for a small online tutoring business. It's a marketing site with a bold design, meant to win a parent's trust before they ever book a session.

Over a few weeks I built it in SvelteKit and Tailwind from a design: the home page, services, about, contact, and resources pages, plus the start of a dashboard for tutors and students. I started from my own component starter kit, so the buttons, modals, menus, forms, and layouts were already there and the time went into the pages themselves.

Starting from a component kit I already had meant the work went into the pages, not into building buttons again.

Pages that sell

The home page opens with a collage hero: tutoring photos alongside small floating cards for "growth indicators" and "pro tutors". After that comes a grid of tutoring services, from subject focus and skill building to learning analysis, test prep, and mentoring, with a clear call to action on every screen. The about page adds a Splide carousel, the services page uses the same dark navy and orange palette, and the contact page has a simple enquiry form over a photo background.

Room to grow

The project also has a dashboard section with bar and pie chart components for tracking progress, and server-side Supabase sessions set up in a SvelteKit hook for future sign-in. Those parts were still in progress when the project paused, so this one is mainly a record of the front-of-house design work.

At a glance

  • — Marketing site: home, services, about, contact
  • — Built on my own kit of Svelte components
  • — Dashboard charts with ApexCharts
  • — Splide carousel on the about page