Веб-сайт для WEB Тренажер - Разговорный английский

WEB Тренажер - Разговорный английский

http://speakeng.training

Создание дизайна динамического интерактивного веб сайта, который представляет собой набор упражнений для изучающих английский язык.

Дизайны базовых страниц (4 страницы, с промежуточными изменениями). 1. Главная (заставка) 2. Меню 3. Упражнения 4. Справка

Главную страницу желательно представить в формате «landing page», при котором пользователь может получить максимум информации на одной странице

Обязательно использование типографики и проработанных стилей (красивые шрифт (freeware – по возможности), расположение, выбор гарнитуры, кегля, стили – цитат, выделений, маркеров списка, теги Н1-Н4 и так далее)

Интуитивно-понятный интерфейс, использование пиктограмм вместо надписей и букв. Максимально подумать именно над UX-решением.

Все иконки, схемы и графические элементы сайта должны быть выполнены в едином стиле для всех разделов и элементов сайта.
Функциональность, оригинальность (креативность) дизайна, простота в части того, что бы сам дизайн не отвлекал от процесса обучения.
Желательно сместиться в сторону плоского дизайна.

Целевая аудитория люди от школьников 10 лет до пенсионеров за 60 лет.

Расположение/компоновка элементов на странице указаны исключительно для понимания функционала. Сама компоновка и расположение и оформление полностью на усмотрение дизайнера.

Результатом работы должен стать Отзывчивый (responsive) дизайн (понимается как шаблон который будет эффективно тянуться для любых разрешений экрана от 320 до 1600 (1. Делаем под максимально резиновую вёрстку. Всё что может быть резиновым - должно им быть, включая изображения. 2. Желательно понимать где в будущем расставлять брекпоинты, не по "популярным" разрешениям экрана, а в соответствии с дизайном!)

Отзывчивая верстка определяет, как будут выглядеть элементы сайта на разных устройствах, однако эти элементы не скрываются/не заменяются другими, и их поведение, равно как и выполняемые ими функции, не меняется. (http://www.liquidapsive.com/) (понятийный аппарат взял от с этой статьи https://hoster.kz/company/blog/design/2005.html)

Для конкурса предоставить примеры для разрешений 1080/750/640/320.

Работа нужна в макете с упорядоченными слоями, с сеткой, все элементы отдельно, шрифты - либо вложены в формате svg, woff, truetype, eot, либо ссылки на репозитории шрифтов.

Планируется привлечь дизайнера к последующей доработке остальных страниц.

Подробное ТЗ https://cloud.mail.ru/public/EjU3/q6CTVB7HH
Лого https://cloud.mail.ru/public/DYdC/D5Mok46YH
ГрафПодсказка https://cloud.mail.ru/public/6FCq/AhF3Qztir
Схема Навигации https://cloud.mail.ru/public/Xq6X/3k3BFZSdq