Performance
Score: 97 /100How quickly content appears and how smoothly the website responds while loading.
Language school website
Bukal .
Languages, exams, translations.
One clear offering.
A language school website that brings courses, exams and translation services together. With an admin panel for updating the offer and forms tailored to different customer needs.
- Client
- Bukal
- Industry
- Language education and translation
- Scope
- UX/UI and frontend, Courses and exams, Payload CMS, Forms and enquiries
Different needs.
One school.
Courses for children, adults and businesses, alongside exams and translation services. The website brings the different parts of Bukal's offering together in one place.
Navy, yellow accents and distinctive illustrations create a consistent style. Separate routes lead visitors to a course, corporate training or a translation quote.
- UX/UI and frontend
- Courses and exams
- Payload CMS
- Forms and enquiries
Choose a course.
Explore the details.
Each course page brings together the information needed before speaking to the school: level, lesson arrangements, price and learning content.
-
Language and audience
The catalogue and dedicated service pages lead to classes for children, adults and businesses. Every course has its own description.
-
The essentials before getting in touch
Levels, group sizes, lesson duration and pricing are shown together. Visitors can then explore the teaching approach and answers to common questions.
-
The next step within reach
Course links lead to contact with the school. Visitors can ask about the offer and discuss lesson arrangements.
A dedicated route
for translation services.
A separate page presents translation services and leads to a quote request form. Customers select a service type, describe their requirements and can attach a document.
The enquiry is saved in the admin panel, with email notifications supporting the team's response.
The offer online.
The content under control.
Payload combines public content editing with tools for managing enquiries and recruitment.
-
Courses and exams
Descriptions, levels, prices and schedules are edited in the CMS. Drafts and preview let the team prepare changes before publishing.
-
Enquiries in one panel
Form submissions are saved with contact details and their source. The team can update the handling status of each enquiry.
-
Recruitment, too
Vacancies and applications are linked in the panel. Candidates can attach a CV, and the team receives a notification for each application.
Quality in practice.
Measured in performance, too.
We tested the website with Google PageSpeed Insights for loading performance, accessibility and essential technical quality.
Accessibility
Score: 96 /100Whether text, controls and image descriptions help people with different needs use the website.
Best practices
Score: 100 /100Whether the website avoids common technical issues and follows recommended web practices.
SEO
Score: 100 /100Whether search engines can read the website and understand the essentials of its content.
One consistent website.
Room for different services.
Courses, exams and translation services share a visual language, while each service has space for its own information and contact options.
The team can develop the content in the panel, using prepared layouts for desktop and mobile.
Project technologies
Interface
Next.js React TypeScript
School website and service pages.
Content and administration
PayloadCourses, exams, enquiries and recruitment.
Data
PostgreSQLContent and submissions managed through the CMS.
Have a project in mind?
Let's talk.
Need a website that presents your services and supports the day-to-day running of your business? Let's work out where to start.