Заснята отработка всех элементов сайта - лендинга по продаже бань-бочек под ключ.
Дата загрузки: 2019-05-21 00:00:00 +0500
О клиенте:
Семён Кощеев — владелец нескольких бизнесов, в том числе и производства бань-бочек.
Задача:
Заказчиком поставлена задача — сверстать лендинг по готовому дизайн-макету в Adobe Xd и интегрировать вёрстку в CMS MODX. Также выполнить несложные анимации на интерактивных элементах, настроить отправку почты с форм и залить проект на его хостинг.
Инструменты:
- ХТМЛ
- ЦСС
- Бутстрап
- Джаваскрипт
- Джейкуери
- Гулп
- Сасс
- Модэкс
Процесс

Вёрстка по макету
Макет свёрстан с применением сетки bootstrap, из фреймворка подключалась только сетка, чтобы избежать избыточности кода. Вёрстка адекватно работает во всех браузерах, полностью адаптивная и валидная, с применением семантических тегов.
На лендинге не использовался формат изображений webp — это повлияло на производительность, но упростило работу по администрированию сайта. Решено было добавить современные форматы для картинок позже, если это понадобится.

Интерактив
В процессе работы реализованы простые интерактивные элементы: формы заказа; постраничная навигация; кнопка возврата к верху страницы; кнопки; псевдо-калькулятор в виде формы для отправки данных, настроена отправка сообщений на почту клиента.

Анимация
На сайте сделаны лёгкие, приятные анимации — в основном срабатывающие по наведению на элементы — ссылки и кнопки.

Интеграция в CMS MODX
Для интеграции в систему управления сайтом была выбрана CMS MODX — простая, удобная, не слишком требовательная к хостингу. Проведены все основные настройки, сделана базовая поисковая оптимизация.

Выгрузка на хостинг
После того как всё было настроено и протестировано на локальном сервере — произвёл выгрузку проекта на хостинг клиента.

Разработка инструкции
Написал подробную поэтапную инструкцию по пользованию админ-панелью сайта, чтобы всегда была шпаргалка перед глазами и администратору было проще работать.
После чего полностью сдал проект заказчику.
Результат
- Сайт клиента: Баня-бочка-тут.рф
- Посмотреть работу сайта: перейти
Затрачено времени:
25 дней
Бюджет проекта:
Конфиденциально
Отзыв

Отличная работа, сделана в полном объеме, по всем канонам и к обозначенному времени. Спасибо за сотрудничество!
Посмотреть отзыв на freelance.ru