Online School Education Abroad
Описание
The project is an educational platform with elements of e-Commerce and tour modules to enable booking vouchers for education abroad.
It is developed on CMS WordPress, with a range of custom solutions, including a filter on VUE.JS.
Zaza School in figures
years of teaching
experience
students completed
courses
foreign languages
educational programs
About the project
When developing the features of testing new students and synchronisation with the client’s custom CRM system were taken into account.
ZazaSchool has a regular staff of teachers providing educational services, and experts forming tours and accompanying students who go to study abroad.
Target audience
The target audience of ZazaSchool is extensive, since the company’s clients are people who want to improve their skills. They have a great choice – more than a hundred of courses are available on the site.
The users are likely interested in improving their language skills for employment, passing international exams, travelling or having an educational trip abroad.
The project programs are developed for:
-
children 7+
-
teenagers 13+
-
adults 18+
-
students 50+
Language programs are available for any level – from Beginner to Advanced.
Site image
Technical specification
Developing an LMS system, a system of course catalogues, as well as an electronic storefront of educational tours.
The work of the staff is organised in such a way that it is possible to carry out educational activities for students from anywhere in the world.
First block
The first frame of the home page contains a multi-form. Its task is redirecting a lead to one of 2 main sales funnels – booking online courses or study tours abroad.
There are two forms within this section:
1. The left green form is developed for choosing an online course, where a pop-up window appears when clicking and allows you to select either a language or subject.
2. The right, blue form is aimed at those who are looking for educational programs abroad. When choosing a country or language, users are redirected to another form, where additional data is required.
-
duration
-
by price
-
travel budget
-
country
-
city
-
language
When clicking the “Advanced search”, additional fields appear:
-
type of school
-
type of course
-
number of lessons per week
-
age group
-
type of accommodation
After entering the parameters, a personal list of offers is formed.
Below the block with forms, there is a frame with benefits, discount offers and a “Start now” button, which takes users to the “Learn online” landing page when clicked, and transfers them to a frame with a list of individual lessons and a filter.
Users are able to add the package of lessons into the shopping cart and pay for the order within this interface.
Shopping cart
The shopping cart is implemented separately from the checkout. Users can change the set of goods, delete or add the required number of products. After confirming and clicking on “Checkout”, users go to checkout.
Checkout
This page has the following fields to fill in:
-
name
-
country
-
region
-
city / town
-
address
-
postcode
-
phone
-
email
-
payment method
-
CAPTCHA (Completely Automated Public Turing
test to tell Computers and Humans Apart)
The list of selected products with the total amount is duplicated separately, with no possibility to edit.
To make payment more convenient, a lot of payment methods and the following payment gateways were connected:
-
Alfa Bank acquiring (credit cards, Apple Pay, Google Pay)
-
PayPal
-
Alfa-click
-
Qiwi Wallet
-
Webmoney
-
Sberbank Online
-
Yandex Checkout
-
Tinkoff Bank acquiring
Subjects selection
This module is a filter, and it duplicates the lead magnet.
This is an interactive module for selecting items in the form of a diagram. When choosing a subject, the button “Book a course” transfers users to the filters of the selected attribute on the “Online education” page.
Information blocks
These blocks contain information about the project, interaction format between school and students, and users’ purposes.
- Certified teachers
- All learning materials included
- 24/7 online course
- Purpose of studying
- Destination and duration
- Any age group and language level
Corporate frame
This section provides information about:
-
Team
-
Story of success
-
HR
-
Certification by the school
Teachers
The catalogue where all the teachers appear was developed, and a special filter was created.
The selection is based on the following parameters:
Languages or subjects:
-
Portuguese
-
Italian
-
Chinese
-
Japanese
-
Hebrew
-
Turkish
-
Korean
-
Norwegian
-
Maths
-
History
-
Literature
-
English
-
French
-
Russian
-
Arabic
-
German
-
Spanish
Native / Non-native teacher
Course types:
-
General English
-
Business course
-
Speaking classes
-
Course for children
-
SFE* / USE*
-
IELTS / TOEFL
*SFE – State Final Examination
*USE – Unified State Examination
Mobile version
50% of traffic to the site are mobile devices and tablets, with special care was worked out the adaptability of all templates on the project.
Teacher’s profile
Teacher’s profile is a separately developed template for each Zaza teacher.
There is a teacher’s profile picture, name, area of expertise, category and video on the page.
It is possible to sign up for a trial lesson with a particular teacher.
Multilingual website
Since the client provides services all over the world, a website was done multilingual. Within the framework of this project the following languages were added:
-
Russian
-
English
-
German
-
French
-
Arabic
-
Portuguese
-
Spanish
Quizzes
A blogging system for publishing quizzes was also implemented. There is a sidebar with a list of quizzes on the right of the page. They are constantly updated and created for different topics. Users are asked to enter their emails to get the test result at the end of quizzes.
Reviews
This page contains reviews in several formats.
1. Reviews uploaded using Instagram API. When clicking on a review, a PopUp window appears with an Instagram feed.
2. Reviews added using the admin panel. This frame provides adding video and text reviews on the left side.
Header
Header contains the company logo, switches between the main website sections and language versions.
A two-level navigation bar was implemented. The second level provides navigation inside the current page and is initially hidden. This functionality is implemented on the “STUDY ONLINE” page. When clicking “cost”, users move to a specific section within the selected page.
Footer
Footer contains secondary pages, links to social networks, and a logo without text symbols.
Website styles
-
#83C000
-
#C2DA6E
-
#048DCB
-
#47B9EC
-
#FFFFFF
Website elements
Typography
-
Headings and normal text styles
Lato
- Aa
- Bb
- Cc
- Dd
- Ee
- Ff
- Gg
- Hh
- Ii
- Jj
- Kk
- Ll
- Mm
- Nn
- Oo
- Pp
- Rr
- Ss
- Tt
- Uu
- Vv
- Ww
- Xx
- Yy
- Zz
We implement projects of
any complexity
We are ready to discuss your project, create a strategy for its implementation and form an individual offer. Have some questions? Just leave a request and we will contact you soon.
OnePix team always thoroughly study the details of each project. We do our best to provide the clients with high quality service and meet the deadlines. Check out our recent projects. We are pleased to work with you and answer all the questions.
Wholesale catalogue on
engineering equipment supply
Booking and selling tickets
on river cruises
Online School
Education Abroad
Regional news
aggregator
Online music
store
Business quarter
corporate website
Online store of yarn and
accessories for needlework
Corporate wholesale catalogue on pumping stations and utilities supply
