client

The Prussian Community in Lithuania

role

UI DESIGN
FRONT-END DEVELOPMENT
BACK-END DEVELOPMENT

timeline

2016

bila-home

The Context

The Prussian Community in Lithuania provides assets to learn revived the Prussian language. 

The idea behind this particular service Bilā (means language) was to create a fun and interactive way to learn the Prussian language. 

Logo

Bilā means language in Prussian, the name is intended to be a trigger to remember a Prussian word. As you remember, the main goal of the service is to teach Prussian.

The logo presents a combination of simplicity and memorability. White letters and green accents for dot above i and macron above ā. These accents weren't accidental as the Prussian language has short and long vowels.  

userflow

The landing page has a nice home page with a hero image and a call-to-action button for registration. 

There are different ways to learn a language - visualizing things, memorizing, reading, listening. All these ways work differently for each person that is why part of the website works after registration: memorize includes different levels and repetition, demo works without registration. Visualizing aka flashcards, reading, listening all are available after registration. 

The project was translated into German, English, Lithuanian, Latvian, Polish and Russian language. Each language has the same content.

bila-userflow2

technology

After the userflow and main idea were defined, it was time to choose the right technology. 

Laravel framework was the best choice because of Blade, simplicity, and popularity. Also, it includes pre-built authentication controllers.
Laravel Socialite was used for authentication through social networks (Github, Google, Facebook, Twitter). 
Laravel 5 Feeds was used to get RSS feed from the Prussian newspaper. It appears on the user dashboard after signing in. 
Wirdeīns API was used to get translations of each word for Read and Listen sections. 

Front-end is based on jQuery and Bootstrap.

bila-technology-03

colors

#ffffff

#edeff1

#16a085

#2f4154

bila-register-1
bila-signin-1
bila-aboutus-1

before you sign in

Not surprisingly but only four pages are available before signing in.

They are register page, sign in page, about the project page, memorize demo page (only first level is available).

memorize

Memorize page shows the current progress of the user, they are basic levels. For each level, there are around 20 phrases. The idea is to learn the language in the context. 

visualize

Flashcards for learning. Random order. 

bila-visualize-1

read

Read section where every word is clickable and could be translated thanks to Wirdeīns API 

listen

Memorize page shows the current progress of the user, they are basic levels. For each level, there are around 20 phrases. The idea is to learn the language in the context. 

Other Works

Āustabawingi tautāProject type

AQblueYour air, your style

BottegaHearty Neapolitan pizzas in Beijing

La LezioneLearn the Italian way

BlockflixCreate. Share. Earn. Watch without ads

El BarrioFiesta siesta tequila repeat

BilāPrūsiska bilā, stwi be teinū

DarumaStart your Japanese experience here

ArserArt multiples. Since 1974

Salon20Beauty experience like no other

Romowe RikoitoMagic Prussian journey

LaibaBrining the bar to you

KomandaeCommerce sollution

KūlgrindaProject type