Интернет-магазин в формате лендинга для компании «АНАВИДИН»

Главная Блог Наши работыИнтернет-магазин в формате лендинга для компании «АНАВИДИН»
Интернет-магазин в формате лендинга для компании «АНАВИДИН»
11 06/18
Задача: создать уникальный адаптивный лендинг с функционалом интернет-магазина на платформе «1С-Битрикс».

О проекте

«Торговый дом «Анавидин» работает более 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, «Композитная технология».


ПОДЕЛИТЕСЬ В СОЦ. СЕТЯХ!

Возврат к списку