Создание Адаптивного резинового мультилендинга
1. Необходимо сделать адаптивный резиновый сайт мультилендинг.
Тематика "Облачная программа для торговли и склада"
Подготовить варианты для всех типов экранов.
Где с основной страницы будут переходы на 2 другие страницы(Базовая конфигурация программы, Конфигурация Автозапчасти+Автосервис) с описанием и тарифами.
Цвета: белый, синий(#1b96fe), серый.
Стиль: минимализм, деловой.
пример дизайна https://www.cloudpayments.ru/ шрифт можно взять как там.
Первая страница
В центре текст:
Облачная программа для торговли и склада.
Необходимо также разместить значок в цветном синем блоке, белый шрифт 54-ФЗ.
[Блок с 4-мя слайдами, с лайт рисунком]
1. Дарим 3 месяца бесплатно со всеми возможностями + интернет-магазин!
2. Создайте свою торговую сеть - до 200 магазинов в одной программе!
3. Настройте доступ по IP и управляйте бизнесом с любого места
4. Видеокурсы покажут все возможности (рисунок плей для перехода на страницу обучения)
В шапке находится меню (меню должно быть закреплено в топе при листании)
Лого,
Демо-версия,
Видеокурсы,
Номер телефона,
Иконка входа в личный кабинет.
Подвал, темно-серый цвет, но должно сочетаться с общим стилем.
Содержание страницы
1 блок:
Базовая конфигурация
- Розничная и оптовая торговля
- CRM и опция перехвата звонков
с мобильного телефона
- API для настройки связи с любой
программой и интернет-магазином
---------------------------------
[Кнопка]Презентация [кнопка]Подробно и тарифы
{на этот блок можно сделать очень прозрачным фоном схематический рисунок
какого либо бизнес процесса, вот пример https://prnt.sc/plj203 при наведении мыши будет сам блок изменять
цвет а фон цвета запчасти становиться белым. Этакий эффект смены цветов }
Примерно как тут
http://satellite-express.ru блок с цветами при наведении. синий, бирюзовый внутри значки появляются при наведении.
2 блок.
Конфигурация Автозапчасти+Автосервис
- Включает в себя базовую конфигурацию
- Автокаталог и все крупные поставщики в одном прайсе
- Стол заказов и интернет-магазин
---------------------------------
[кнопка]Презентация [кнопка]Подробно и тарифы
{на этот блок можно сделать очень прозрачным фоном схематический рисунок
какой нибудь автомобильной запчасти или при наведении мыши будет сам блок изменять
цвет а фон цвета запчасти становиться белым. }
Далее, после этих двух блоков, разместить красиво текст в блоке с каким нибудь графическим рисунком:
Оставьте заявку и мы проконсультируем удобным для вас способом!
Действие при нажатии на кнопку ДЕМО-ВЕРСИЯ и ОСТАВИТЬ ЗАЯВКУ:
Выйдет модальное окно :
Оставьте заявку и мы подготовим для вас проект
Имя
Мобильный телефон
Электронная почта
Конфигурация { Базовая ; Автозапчасти+Автосервис} - выбор РадиоБаттоном
[кнопка]Отправить заявку [кнопка]Смотреть видео в ютубе
В правом нижнем углу страницы два значка: Чата и Звонка. Значки с движением, можно анимированный svg-файлы.
При нажатии на кнопку чата всплывает форма чата. (пример https://yulsun.ru/office-7)
Разработать макет формы чата в соответствии со стилем сайта.
Вторая страница Конфигурация автозапчасти + автосервис:
Шапка с якорями на соответствующий пункт:
-О программе
-Возможности
-Поставщики
-Тарифы
-Кнопка видеокурсы
-Телефон
-Кнопка оставить заявку
-Кнопка вход в Личный кабинет.
2-3 слайда о программе.
На этой странице необходимо разработать блоки:
-возможности(текст пришлем позже, в разработке)
-поставщики(движение логотипов в едином стиле, затонировны под один цвет, пример тут https://www.cloudpayments.ru/)список поставщиков с логотипами предоставляю.(поставщики.xls)
-Блок с тарифами разработать в различных вариация, с возможностью расширить количество тарифов(примеры: https://www.abcp.ru/rates, https://autodealer.ru/prices, https://www.moysklad.ru/subscription/)
После блока с тарифами, разместить красиво текст в блоке с каким нибудь графическим рисунком:
Оставьте заявку и мы проконсультируем удобным для вас способом!
[кнопка]ДЕМО-ВЕРСИЯ [кнопка]Отправить заявку [кнопка]Смотреть видео в ютубе
Третья страница базовая конфигурация:
шапка с якорями на соответствующий пункт:
-О программе
-Возможности
-Тарифы
-Кнопка видеокурсы
-Телефон
-Кнопка оставить заявку
-Кнопка вход в личный кабинет.
2-3 слайда о программе
На этой странице необходимо разработать блоки:
-возможности.
-тарифы
Блок с тарифами разработать в различных вариация, с возможностью расширить количество тарифов
После блока с тарифами, разместить красиво текст в блоке с каким нибудь графическим рисунком:
Оставьте заявку и мы проконсультируем удобным для вас способом!
[кнопка]ДЕМО-ВЕРСИЯ [кнопка]Отправить заявку [кнопка]Смотреть видео в ютубе
3. Четвертая страница
Отдельно разработать страницу для CEO статей(в общем стиле с основной страницей)
Примерно как тут: https://www.moysklad.ru/poleznoe/statyi/polnaja-avtomatizacija-v-oblake/
https://www.moysklad.ru/poleznoe/markirovka-tovarov/odezhda/
4. Пятая старница
Под кнопку ВИДЕОКУРСЫ сделать отдельную страницу с поиском в стиле общего сайта.
(пример дерева с видеокурсами http://mrsale.ru/help_video.php)
Кнопка видеокурсы будет в шапке, но без якоря, а с переходом на новую страницу.
5. логотип немного подправить в цветом диапазоне, выровнить шрифты.