Редизайн es.center

Нужно сделать редизайн es.center.

Есть исходники в psd.

Итоговую работу так же нужно предоставлять по слоям в psd.

Требование к исполнителю: опыт в адаптивном дизайне; наличие хотя бы 15 отзывов.

Оплата: Яндекс Деньги, WebMoney R-кошелек.

Веблансер кое-где криво отформатировал задачу. Выложил задание на гуглодиске - https://docs.google.com/document/d/1GR2pQ6AXHNQcmDN0AruCAi-36pIR4sujKnXiVNDLVr8/edit?usp=sharing

ВАЖНО!

1. Дизайн и верстка адаптивные, т.е. нужно учитывать и мобильную версию: для каждой страницы нужны два макета с шириной 1200px и 320px.

2. В целом остаемся в том же стиле, что es.center и granti.es.center - светлый, легкий стиль.Но у нас меняется цветовая гамма.

Все красное нужно поменять на оранжевое. Если где-то оранжевый смотрится не гармонично, то переделать дизайн блока под оранжевый.

Общее

1. Где логотип справа как-то симпатично вставить "Центр образовательных решений".

2. Все красное нужно поменять на оранжевое. Если где-то оранжевый смотрится не гармонично, то переделать.

3. Нужны стили для заголовков 3 и 4го уровней, для 1го и 2го у нас уже есть.

4. В шапке добавить кнопку "Оставьте заявку".

5. Нужен фавикон.

Форма заявки

1. В текущем виде форма не гармонично смотрится. Хаотично, нет единого стиля. Нужен редизайн.

Форма по высоте должна быть не больше 500px.

2. Нужно так же сделать вариант формы звеньями.

Пример - офрмление кредитки на Тинькофф - https://www.tinkoff.ru/credit/form/

Клиент отправляет первые данные, потом мы ему показываем еще поля.

Должна быть навигация между звеньями формы.

Можно как-то симпатично показать какой это шаг (всего шагов будет 4-5), как-то в дизайне это обыграть, как у Тинькофф мне не нравится.

В 1м и последнем звене кнопка "Отправить", во 2м звене сверху пишем "Для скорейшего подбора гранта заполните все поля".

Полное описание полей и звеньев будет позже.

Главная

В целом нужно чуть оживить, сделать ярче, а то мало красок, мало фото.

1. Картинку в шапке поменять.

1.1. Заставка – пример заставки, которую я хочу. Человек заходит на сайт и видит – восхищенных студентов распаковывающих вещи, прилетающих в

Китай, общающихся в среде студентов, ну и т.д. На мобильной версии

можно застывшую картинку.

https://www.airbnb.ru/?af=43720035&c=A...3Dg%26G...

Сможете подобрать и картинку и видео? Надо поискать такие видео связанные с Китаем. Как минимум, чтобы там были студенты азиаты, приезжающие на обучение.

1.2. Соответственно увеличиваем блок с картинкой/заставкой по высоте.

Поверх него вместо "учеба в Китае по грантам" написать

"УЧИТЕСЬ В КИТАЕ ПО ГРАНТАМ"

"Мы зачисляем в более 20 ВУЗов Китая на условиях гранта" – мне не нравится текущее расположении, надо поднять в строку под «Учитесь в

Китае по грантам», и убрать «мы».

1.3. Значки "знание китайского не требуется", "программы...", "гарантия... " так же поднимаем выше под надпись "Зачисляем в более 20 ВУЗов Китая на условиях гранта". Значки нужно поменять - в

текущем виде не нравится, главная претензия шума много, но не

читабельно. Нужно сделать по-другому. Предлагаю вариант столбиком

написать черным как 1.2.3. или другие варианты предлагайте.

2. После блока "Посмотреть вузы и программы", после кнопки "Посмотреть все" добавить форму оставления заявки.

3. После блока "Учеба в Китае: За и Против" вставить блок "Стоимость обучения в Китае и других странах".

https://docs.google.com/spreadsheets/d...sp=sharing

Как-то его красиво оформить. Может быть с флагами, диаграммами.

4. Под "Как получить грант" и "Ваши затраты" ставим текст "За счет наших грантов Вы экономите от 200 тыс. до 1 400 тыс. руб за весь период

обучения!". Текст должен быть на всю ширину основного блока, его нужно

выделить.

5. Учеба в Китае за и против – вместо плюсов подходящие графики, картинки.

Стр. вуза и стр. Вузы Китая

1. Не активные вузы как-то выделить, может быть сделать фотку серой. И нужно писать "Программа не активна".

2. Для некоторых вузов ярко обозначить, что скоро подача заявок будет закончена и дату (31.05.16)

Стр. Вузы Китая

1. Убрать экономию, добавить краткое описание.

2. "Обучение и проживание" -> "Обучение и проживание по гранту".

3. Для каждого вуза добавляем ключевое описание. См. таблицу

https://docs.google.com/spreadsheets/d...sp=sharing

По высоте блок вуза не должен увеличиться. Можно что-то на картинку занести (город, стоимость).

4. В фильтре будет еще одно поле - Специальность (текстовое поле). Важно, чтобы увеличение высоты блока с фильтром было минимальным.

Может быть сделать кнопку "Выбрать специальность" и выводить модальное окно со специальностями по алфавиту и строкой поиска?

Стр. вуза

1. Блок О гранте.

1.1. В программе специальности слишком неудобно отображены, когда их много. Пример - http://es.center/universities/kitajsk...tehnologij

Возможно их доп. блоком, можно справа от основных условий программы. И как-то в моб. версии обыграть.

1.2. Поменять описание стоимости и экономии.

Например, http://es.center/universities/nankins...-ekonomiki

Текст "Обучение и проживание: от 44000 до 120000 руб.

Экономия: от 814000 до 814000 руб."

Убираем, делаем

"Обучение и проживание в год

по гранту: от 44000 до 120000 руб.

на платной основе: от 300 000 до 400 000 руб.

Экономия с грантами ESCenter за весь период обучения: от 814000 до 814000 руб."

Нужно этот блок как-то оформить. Цель этого текста показать пользу от грантов ESCenter.

2. Блок "О вузе".

Нужно переформатировать, чтобы большое количество текста легче читалось.

3. После блока с фотками нужно добавить текст "Хотите учиться в этому вузе?" и кнопку "Оставьте заявку".

4. В конце страницы добавить форму заявки.

Стр. Отзывы

Украсить. Сразу дать клиенту понять, что есть текст и видео. Может быть за счет вкладок или еще как-то.

Стр. Почему Китай

Нужно как-то красиво разбить на две категории: 1) Почему Китай; 2) Публикации. Может быть какое-то подменю или вкладки.