Алексей Ад

Бюджет предлагает сам исполнитель.

Business English – это сайт, на котором собраны материалы по использованию английского на работе. Сайт создан из просветительских побуждений. Доступ ко всей информации бесплатен. Платных услуг на сайте нет.

Подробнее о том, что за информация представлена на сайте: english4businesss.com

Информация предназначена для трех сегментов:
Тех, кто хочет работать в международной компании (и студенты, и опытные кандидаты) – подробнее: english4businesss.com/rab...
Тех, кто хочет выйти со своим бизнесом на зарубежные рынки – подробнее: english4businesss.com/rab...
Тех, кто уже работает с иностранными партнерами / клиентами – подробнее: english4businesss.com/soi...

1. Главная + 3 однотипные страницы Сегменты (смотри мокап в конце описания)
Нужно красиво оформить информацию с этой страницы: english4businesss.com
Основная цель – подвести посетителя сайта к прочтению материалов. Важно, чтобы он отнес себя к одному из трех вышеобозначенных сегментов.

2. Страница "Об авторе"
Нужно красиво оформить информацию с этой страницы: english4businesss.com/ob-...

Макет каждой страницы должен быть представлен в трёх размерах.
1. Ширина 425 пикс. Ширина контента 90%.
2. Ширина 768 пикс. Ширина контента 90%.
3. Ширина макета 1440 пикс. Ширина контента под шапкой сайта 1200 пикс.

При оформлении сайта постараться избегать использование больших изображений, которые будут увеличивать время загрузки страницы, так как практически на каждой странице у нас и так подгружается много картинок, которые относятся к статьям.

На данном этапе смотрим только номера 1, 2, 5:
miro.com/app/board/o9J_lP...

- Три страницы СЕГМЕНТЫ различаются только шапками.
- В работу входит дизайн мобильного меню (навигация)
- Принцип поиска по сайту такой: в меню иконка или слово ПОИСК, при клике на него появляется строка поиска.

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

Нужен баннер с текстом. Картинка 600 пикс ширина, высота – на сколько займёт место текст. Сам баннер – анонс мероприятия.
В ТЗ только 7 строчек текста, которые нужно разместить на картинке. Баннер будет использоваться в чате мессенджера, то есть 99% людей его увидит на телефоне. Значит текст должен быть более-менее крупный.

Из оформления:
- фон
- выделение текста цветом
- маркеры/разделители между строчками

Пример оформления во вложении, но тут много текста.
И второй баннер (где меньше текста) – подходит на 80%, часть текста надо поменять.
Исходников нет.

Сайт на Bootstrap 4. Есть меню на сайте tennisschoolone.ru. В мобильной версии оно превращается в символ (в данный момент этот символ невидимый, можно в коде сайта найти <nav> с классом class="navbar navbar-expand-lg").

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

Функционал:
Иконка меню, как на макете. При клике на неё выезжает плашка с меню. В меню пункты расположены друг под другом. Появляется символ "крестика", меню закрывается при клике по нему.

Меню поменять для всех страниц сайта. Их всего 5-6 штук и код модуля меню нужно поменять отдельно в каждом файле (5-6 страниц index.php)

Стоимость предлагаете сами.

1. Нужен мобильный дизайн первого экрана для сайта Tennis School One (лучше найти в Яндексе). Сайт на Bootstrap.
Размер макета 575 * 860 пикс. Отступ контента от края экрана – слева и справа по 15 пикс. Бэкграунд можно сделать без отступа.

Первый экран – информация из шапки сайта (лого, надписи, адрес, телефон, режим работы, меню). При вёрстке этот блок будет использован с параметрами height:100vh, то есть по высоте растянется на весь экран мобильного устройства.

Меню будет выглядеть так:
Иконка "бургера" по ней клик, слева выезжает блок с меню и кнопка "крестик" для закрытия меню. Нужны макеты с раскрытым и закрытым меню.

Лучше всего использовать те шрифты, которые уже подключены на сайте. Если есть графика (кроме лого), то нужно изображение, которое можно будет нарезать под ретину.

=============================

2. Дизайн шапки сайта (всё то, что сейчас на зелёном фоне). Ширина макета 960 пикс. В идеале – добавить графические элементы.
Прорисовать пункты меню в активном, пассивном состояниях и при наведении курсора.

БЮДЖЕТ ПО ДОГОВОРЁННОСТИ С ИСПОЛНИТЕЛЕМ. Возможна 100% предоплата исполнителям с репутацией на сервисе. Но только после того, как вы примите задание через сервис.

Здесь tennisschoolone.ru/ баннер "Запись на БЕСПЛАТНЫЙ мастер-класс".

После заполнения формы и нажатия кнопки "Отправить" сообщение об успешной отправке должно появляться в том же модальном окне, а не в новом окне, как сейчас. Весь остальной функционал устраивает.

Вёрстка не нужна. Делал по этому мануалу: bootstrapious .ком /p/how-to-build-a-working-bootstrap-contact-form