Language & Progress

Foreign Language School

About project

School in new colors

Creating a website for a language school is always quite a challenge. This is mainly due to a very extensive offer including several foreign languages addressed to different audiences. The situation was similar in the case of Language & Progress, which operates in Germany and underwent a significant rebranding. Our task was to design a completely new website which would stand out from other schools. Therefore, we proposed an illustrated website using only original creations. The whole visual identity also gained a new character.

Client

language-progress logo

Lan­gu­age & Pro­gress is a lan­gu­age scho­ol ope­ra­ting in Frank­furt. It of­fers Po­lish, En­glish, Ita­lian, Spa­nish, Chi­ne­se, Ara­bic, Ja­pa­ne­se and of co­ur­se Ger­man.

Range of activities

animationanimation
illustrationillustration
Mokio CMSMokio CMS
RWDRWD
animationmaterials for social media
See online

Logo

The logo con­si­sts of a si­gnet and a lo­go­ty­pe as well as a note with in­for­ma­tion about the brand ac­ti­vi­ty. The si­gnet re­pre­sents a shape for­med by a com­bi­na­tion of a co­nver­sa­tion bub­ble, an eye and a round char­ging sym­bol.

The lo­go­ty­pe is the name of the scho­ol in ma­ju­scu­le, in a sans-serif font with cha­rac­te­ri­stic ro­un­ded let­ters. We have also used the sans-serif pat­tern for the ad­di­tion ”Fremd­spra­che­na­ka­de­mie”

etapy powstawania logo lp
warianty logo

Sign vertically and horizontally on a white background and in contrast

Illustrations

Site de­sign is uni­que be­cau­se of our di­stinc­ti­ve il­lu­stra­tions. All cre­ations were kept in the same style, thanks to which the site cre­ates a co­he­rent whole and bet­ter cat­ches the eye of users.

ilustracja

In illustrations we used consistently the same color palette as in other elements of identification.

Graphics for language courses

For each lan­gu­age co­ur­se we have pre­pa­red an il­lu­stra­tion re­fer­ring to a par­ti­cu­lar co­un­try. Apart from the com­mon­ly known ob­ject, we also used an ele­ment cha­rac­te­ri­stic for a given cul­tu­re. The gra­phics can be found not only in the main sec­tion with co­ur­ses, but also - in a lar­ger form - as the main ima­ges on in­di­vi­du­al sub­pa­ges.

Responsiveness

Phone, ta­blet, small lap­top - the new we­bsi­te is easi­ly di­splay­ed on mo­bi­le de­vi­ces. De­spi­te the fact that the scho­ol's offer is quite exten­si­ve, the user will easi­ly find the co­ur­se he is in­te­re­sted in even on a scre­en with a smal­ler re­so­lu­tion.

Opinions of course participants

Applied solutions and project features

  • Animacje na stronie

    Animations on the website

    Ani­ma­tion ele­ments used on the ho­me­pa­ge bring the site to life, but at the same time do not con­fu­se the user.

  • Obrazkowe submenu

    Image-based submenus

    Expan­da­ble menu part was en­ri­ched with small gra­phics re­fer­ring to par­ti­cu­lar co­un­tries.

  • Czytelna oferta

    Clear offer

    Each lan­gu­age has a se­pa­ra­te sub­pa­ge. Mo­re­over, the list of co­ur­ses has a form of ta­bles, so de­spi­te a lot of in­for­ma­tion, all of it is clear.

  • Blog

    Blog

    An im­por­tant ele­ment of the we­bsi­te is a blog run by the scho­ol's em­ploy­ees. We have di­vi­ded it into three ca­te­go­ries: news, Frank­furt, and events.

Language Progress logo i piękna panorama miasta