Devam Ediyor

510111 Web Design for language learning site

Design project

A new design [url removed, login to view] a site practicing foreign languages.

The site is developed using python-django

UI is using javascript (jquery and jquery ui)

Design implementation requires using a simple HTML/CSS/ and image files (please refer to attachments)

Attached is an example of the HTML file.



[url removed, login to view]

List of lessons if languages are selected

Example lesson if languages are not selected


Here is where the users practice the lesson:

A lesson is made of a few exercises

Exercises can be of a different type

Here are a few examples

Vocabulary exercise:

[url removed, login to view]

Article with media - correlated text

[url removed, login to view]

[url removed, login to view]

Video exercise – with subtitles

[url removed, login to view]

quiz exercise

[url removed, login to view]

Complete sentence example

[url removed, login to view]

Match quiz

[url removed, login to view]

Reorder shuffled sentence

[url removed, login to view]

My vocabulary:

An accumulative vocabulary for user to practice

[url removed, login to view]

Create lesson:

[url removed, login to view]

This section allows users to edit content, review other people content and translate existing content from one language to another.

If you are interested in the project please go through the following steps.

Please login to the site using:



What do I expect in the new design?

Intuitive, clean design is my first preference as it is a site used for learning the student need to concentrate. Flashy design might be attractive for the first impression but not very helpful for concentration.

Facebook application

[url removed, login to view]

The site is intended for a face book application.

The Facebook application has almost identical features like the site – however it requires adjustment to feet into the size allocated for applications in Facebook site.

Handheld version

A smaller size of the site - practice part only - of the size of the common handheld device size.

The handheld device will have only the practice option (you can not create new lessons using the handheld device)

To view the handheld device version just connect to the site ([url removed, login to view]) using a handheld device or use Firefox with user agent switcher plug-in


I am attaching the base HTML file

This file is used all over the site it is a simple html file including some sections inside {{}}

Or {%%}

The designer should ignore this section.

Beceriler: Her şey Kabul, Web Sitesi Tasarımı

Daha fazlasını gör: where to practice web design, where to freelance web design, where to edit freelance, what is freelance design, what is a freelance web designer, what freelance website do, what do people freelance in, what do i need to freelance design, what do i need to freelance, what do i need to be web designer, web ui designer freelance, website ui freelance, website translate freelance, website switcher, website for web designer freelance, website for freelance designer, website design learning, web pages to do freelance, web pages freelance, web languages list, web freelance designer, web design ui, web design text, web design review, web design project list

İşveren Hakkında:
( 0 değerlendirme ) Moshav Komemiut d.n. Sde Gat, Israel

Proje NO: #2256040