О проекте
«Торговый дом «Анавидин» работает более 16 лет на рынке дезинфицирующих средств!
При обращении в «АБМ» была озвучена задача по созданию посадочной страницы (лендинг) с функционалом интернет-магазина. Это было необходимо для запуска рекламы по новому направлению — продажа продукции напрямую частным лицам, которое необходимо было опробовать. Продвижение в интернете после создания сайта должна была осуществлять другая компания по условиям договоренности.
Был необходим уникальный дизайн сайта, что целесообразно для одной страницы. Остальные страницы с торговым функционалом (корзина, форма оформления заказа и личный кабинет) были реализованы на основе готовых шаблонов с подгонкой под оформление главной страницы.
Было разработано в Photoshop CC около 5 версий макета главной страницы, чтобы принять ее в работу после реализации нескольких циклов правок прямо поверх макета в Zeplin.
Рабочая версия дизайн-макета была подготовлена к верстке после получения всей информации (тексты и графика) и внесения ее в макет, а также после согласования всех спорных вопросов.
Далее макеты были сверстаны и привязаны к компонентам платформы «1С-Битрикс: Управление сайтом» с сохранением поддержки стандартного функционала. Т.е. клиенту не нужно будет переживать, что после обновления платформы у него сломается сайт.
После был настроен торговый функционал, проведена базовая SEO-оптимизация и проведено тестирование.
Перед сдачей работ были проведены работы по переносу лендинга на поддомен 3-го уровня и установке ссылок на основном сайте. Дополнительно был настроен интерфейс платформы для удобной самостоятельной работы клиента с сайтом.
Инструменты
- Проектирование и сбор информации: MS Word.
- Дизайн и графика: Photoshop CC, Zeplin.
- Иконки: SVG и Font Awesome.
- Шрифт: Exo 2.
- Платформа (CMS): «1С-Битрикс: Управление сайтом» — редакция «Малый бизнес».
- Фреймворки: Bootstrap 4.
- Программирование и вёрстка: PhpStorm, BitBucket.
- Тестирование: Chrome Device Toolbar, Google Mobile Friendly, PageSpeed Insights, W3C Markup Validator.
Веб-технологии
- PHP 7.0, JS, HTML 5, CSS 3, SCSS, Full responsive grid, Retina/FHD/4K оптимизация, CDN, «Композитная технология».