Web Design & Development for Language Schools

Working process

JetStyle took over the design,

JetStyle took over the design, and Spherical worked on layout and programming.

Smiling woman in sunglasses holding a phone on a beach with ocean waves in the background and a sidebar menu for Confident German online language school.

Screenshot of a webpage's HTML source code containing links, div elements, and content in Russian about German language courses and social media links.

Confident German online language school website showing a bearded man reading a newspaper, with text offering business German courses and a call-to-action button to book a free trial.

and Spherical worked on layout and programming.

Three circular speech bubbles with the flags of Germany, the United Kingdom, and Russia inside them.

Inside our multi-national team, we communicated in three different languages at the same time: we spoke with Spherical in Russian, Spherical with Vera – in German, and all together – in English.

The school’s former website was outdated in terms of functionality and design, but at Vera’s request, we have kept the colour palette.

Rectangular color swatch with hex code #E25F5F in white text on a muted red background.

Color swatch displaying the hex code #F3F3F3 on a light gray background.

Rectangular teal color swatch with hex code #10ACB7 in white text.

The same colour combination was used for the new brand logo.

Home page

We made navigation as simple as possible. The menu block is fixed on the left side of the screen.

The main element on the home page is a large motivational slider with messages to the main segments of the target audience: entrepreneurs, immigrants, and students.

Smiling bearded man talking on a phone with overlay text promoting Confident German online language school and a kindness quote by William Arthur Ward.

Smiling woman wearing sunglasses with beach background and text promoting Confident German online language school and services.

Confident German online language school menu with navigation links About, Testimonials, Teachers, Courses, Prices, FAQ, Contact, language selector, and social media icons.

Smiling man with a beard and mustache talking on a smartphone, wearing a suit and tie.

Bearded man in sunglasses and suit reading a business newspaper while sitting outdoors.

Smiling woman wearing sunglasses and a floral shirt holding a smartphone at the beach with the sea in the background.

The new site is available in 5 languages.

We have selected the main font that looks nice in all languages – in Latin and Cyrillic scripts. And we prepared the design of the English version of the website.

Spherical adapted our design for French, German, Italian and Russian languages.

Mobile interface with a side menu including Log In button and language dropdown showing English, French, German, Italian, and Russian options.

Menu displaying language options: In English, En Français, Auf Deutsch, In italiano, По-русски.

Graphic showing examples of typographic ligatures including ffi, fi, fl, ff, and ffi, with sample texts in English and French.

Promotional graphic for 'Confident German' language course with text in Italian, French, and German, alongside a blue-tinted image of classical German architecture.

Font weight variations of the Raleway typeface displayed over a photo of a smiling woman with sunglasses by the sea.

Sheet displaying upper and lowercase English alphabets, numbers in red, and Cyrillic characters on a dark teal background.

A man with a beard smiling while talking on the phone overlaid with the quote, 'A warm smile is the universal language of kindness.'

Instructors

The face of the teacher is the face of the school. We have added large photos of Vera and her colleagues so that each student could see a real and competent instructor in the school’s team.

Portrait of Anna Badler, a woman with straight light brown hair and green eyes, wearing a black blazer.

Front view of a closed white laptop computer on a white background.

Close-up of a woman with short dark hair, light complexion, green eyes, and a nose piercing, standing against a textured beige wall.

Smiling woman with curly black hair wearing a black top against a green textured background.

Close-up of a smiling woman with brown hair standing in front of green foliage.

Smiling young woman with long brown hair against a textured white wall.

Courses

There are 4 different language courses at Confident German. It only takes one click to sign up for a free trial lesson.

Sign up form

We added Skype ID, the current level of German language and the purpose of learning to the traditional sign up form so that the school could immediately assign the student a suitable teacher in terms of level and specialization.

Skype ID

Level of German

White five-pointed star inside a red speech bubble shape.

Learning goals

Personal account

In the personal account, users can: see a brief summary of their learning process.

Select a convenient time for a class.

Online schedule interface showing teacher options Anna Badler, Vera Frühauf, and Stephanie Eichelberger; calendar week of 19-25 June 2017 with available lesson times; user Natasha Gallagher has 12 prepaid lessons and next lesson with Anna Badler on 21 June at 14:00.

A solid rectangular deep red bar with a slight shadow on a transparent background.

Dialog box with a checkmark icon and text stating 'You have successfully booked a class' along with a teal Dismiss button.

Independently edit their schedule.

Select a convenient time for a class.

Schedule interface from Confident German showing teacher Anna Badler with a weekly calendar from June 19 to 25, 2017, highlighting available lesson times in blue and booked slots in red.

Red rounded rectangular button with dark shadow on a white background.

And pay for the classes – for the whole course or for a single lesson, whichever is more convenient. The entire payment history is also stored there.

Mobile screen of Confident German billing with prepaid lessons balance 12, option to pay for single 30-minute lesson at 20 euros, and billing history of lessons with Anna Badler.

User billing dashboard showing prepaid lessons, payment option for a 30-minute lesson at 20 euros, billing history with lesson dates, times, teachers, statuses, and remaining lesson balance, and upcoming lesson details for Natasha Gallagher scheduled for June 21 at 14:00 with teacher Anna Badler.

Pricing table listing lesson packs and a reactivation option: 10 lessons for 189 euros, 20 lessons for 355 euros, 30 lessons for 519 euros, and reactivation for 99 euros.

Mobile version

The site is adaptive, it has a mobile version.

Smiling man with beard talking on the phone, overlaid with text about Confident German online language school and a quote about a warm smile.

Smiling man with beard talking on a phone beside text 'Confident German Online language school & services' and a quote about kindness by William Arthur Ward.

Results

We have done everything possible to reduce the barriers in communication between teachers and students of the Confident German school, and to make the process simple and convenient.

Person using a laptop for a video call showing a smiling woman on the screen.

Testimonials

Portrait of a person with short brown hair looking at the camera against a beige textured background.

Vera Frühauf

CEO & Founder, Confident German

Die Begründerin von Confident German

JetStyle designed and implemented my wishes and needs in terms of the website’s look and functionality perfectly. I am impressed with the professionalism and creativity they showed while working with me on the project. I am often asked about the new site they did for me, and I get only positive feedback. I can’t recommend JetStyle enough! Thanks so much!

JetStyle hat meine Wünsche und Bedürfnisse in Bezug auf Design und Funktionalität hervorragend geplant und umgesetzt. Ich bin begeistert von der Professionalität und Kreativität, mit der ich beraten und begleitet wurde. Oft werde ich auf die neue Webseite angesprochen und bekomme nur positives Feedback. Ich kann JetStyle absolut weiterempfehlen! Herzlichen Dank!

Two teal left-pointing angle quotation marks.

Portrait of a middle-aged man with short dark hair, glasses, and a beige jacket over a white collared shirt, against a leafy background.

Mikhail Vartanyan

CEO, Spherical

When we started this project, we had previous experience working with JetStyle on both web and desktop development. By that moment, we already had our favourite JetStyle specialists, we've done enough arguing (nothing really serious) and get used to each other. The work on this project for the Confident German school therefore went smoothly: the design was made on time and both Spherical and the client were pleased with the result. JetStyle was also very helpful and efficient when working with our front-end developers and programmers. The communication in three languages (JetStyle works in Russian, Spherical – in Russian and in English inside the team, and in German with clients from Germany) functioned well, without any issues. Most of all, we like the impressive flexibility of JetStyle, which peacefully coexists with uncompromising attitude to quality. It’s easy to rely on such a partner and you don’t have to constantly check whether they aren’t cutting the wrong corners behind your back.

When we started this project, we had a previous experience working with JetStyle at both web and desktop development. By that moment, we already had our favourite JetStyle specialists, we had enough time to argue (for not the most significant reasons) and get used to each other.

Hide text