Raz Tutoring
BrownbrickA 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