Магазин компании «Амарид-Электро»
полная замена дизайна (вёрстка макета) и доработка функционала сайта
Краткое описание заказа
Полный редизайн интернет-магазина на платформе HostCMS. Работы выполнялись на основе дизайн-макета, предоставленного заказчиком в формате сервиса Figma. Таким образом, требовалось сверстать макет и внести изменения на рабочий сайт. Также в план работ включались задачи по изменению функционала сайта, например, подбор продукции из CSV файла.
Все работы выполнялись на отдельном поддомене, поскольку дизайн менялся полностью.
Информация о заказчике и сроках выполнения
Дата завершения работ | 22 июля 2022 г. |
Регион заказчика | г. Санкт-Петербург |
Заказчик | ООО «Амарид-Электро» |
ОПФ клиента | Юридическое лицо |
Сайт клиента | amarid.ru |
Краткий список услуг по Каталогу
Ниже приведён приблизительный список услуг из нашего Каталога, которые были задействованы при выполнении данного заказа.
Подробную информацию о каждой услуге Вы можете получить, перейдя по соответствующей ссылке, либо позвонив менеджеру по телефону!
Услуги программиста | Подробная информация |
Подробная информация о выполненных работах
По результатам работ внешний вид сайта полностью изменился. Следует помнить, что подобного рода объёмные работы выполняются только на отдельном поддомене. В процессе выполнения работ и до полного завершения задачи рабочая версия сайта остаётся без изменений. По окончании работ временная версия сайта переключается на рабочий домен.
Особенности работ по данному проекту указаны ниже.
Уникальный дизайн сайта
Дизайн-макет в данном случае был создан в онлайн-сервисе Figma. С точки зрения разработчика это в целом удобно, однако можно также экспортировать образцы отдельных страниц в PNG/JPG, если это нужно (а бывает нужно, т.к. крупные проекты в Figma могут очень сильно тормозить).
Стоит отметить, что при любых работах по вёрстке готового дизайна мы учитываем особенности реализации "нарисованного" функционала сайта. Дело в том, что дизайнер может нарисовать всё что угодно, а вот как это реализовать на практике...
Напоминаем клиентам, заказывающим дизайн-макеты:
Если дизайнер создаёт макет по принципу "я художник, я так вижу", то в результате может получиться что-то очень сложно реализуемое или вообще невозможное. При создании макета дизайнер должен хоть немного понимать, КАК это будет реализовываться на рабочем сайте. В противном случае программисту и верстальщику придётся много додумывать / переделывать уже в процессе.
В данном случае дизайн сайта поначалу казался простым. Однако в процессе вёрстки вскрылось множество деталей, которые на первый взгляд не видно. В частности, сложности возникали при вёрстке некоторых разделов сайта, что привело к значительному увеличению сроков и стоимости работ.
Напоминаем, что мы не занимаемся точной оценкой стоимости работ, поскольку заранее очень сложно или невозможно предсказать затраты времени на реализацию задачи.
Делаем вывод: хотите уникальный дизайн, нарисованный с нуля, выделяйте на это достаточный бюджет, который в данном случае складывается из следующих составляющих:
- Работа дизайнера
- Работа верстальщика
- Работа программиста
Это минимальные составляющие, т.к. всегда может добавиться контент или SEO работы. Чем сложнее дизайн, тем дороже будет переделать сайт. Альтернативой "уникальному дизайну" может быть выбор готового дизайна (нарисованного и свёрстанного). В этом случае работ по дизайну и вёрстке не будет, что существенно уменьшает стоимость работ.
Стоит отметить, что по нашей статистике клиенты редко заказывают редизайн сайта с нуля.
Функциональные особенности сайта
Из особенностей данного интернет-магазина следует отметить оригинальный способ подбора товаров в корзину, основанный на быстром поиске товаров в каталоге, а также загрузке CSV файла с артикулами нужных позиций.
Компания Амарид-Электро работает только с организациями, поэтому здесь требовалось создать удобный механизм подбора товаров для заказа покупателем. Клиент предложил два способа, позволяющие покупателю быстро заполнить корзину:
- Быстрый поиск
- Загрузка CSV
Оба способа позволяют сократить время на формирование заказа. Загрузка из CSV файла также позволяет указывать сразу необходимое количество нужных позиций в заказе. Подобранные таким образом товары можно одним кликом перенести в корзину.
Компания WebMouse может реализовать практически любые ваши фантазии относительно функциональных возможностей сайта. Это наша основная специализация. Однако следует помнить, что некоторые желания могут быть весьма дорогими.
Особенности замены дизайна
Напоминаем потенциальным заказчикам о том, что "замена дизайна" не делается нажатием нескольких кнопок. Это полностью ручная работа вне зависимости от того, нужно верстать дизайн-макет ("уникальный дизайн") или используются уже свёрстанные образцы типовых страниц ("шаблон"). И в первом, и во втором случае ОЧЕНЬ много работы для программиста.
Дело в том, что при замене дизайна замене подлежат следующие компоненты сайта:
- Макеты, определяющие структуру страниц;
- Файлы стилей CSS
- Файлы JavaScript
- XSL шаблоны
- ТДС динамических страниц
Возможно и что-то ещё по ситуации, но то что указано выше меняется 100%. Причём "меняется" - это значит пишется вручную с нуля. ТДС нужно переписывать при смене дизайна не всегда, но часто и это требуется, поскольку в дизайн-макете может быть "нарисован" функционал, который отсутствует у сайта; либо ТДС бывают кривые (довольно часто).
Таким образом, при смене дизайна сайт переделывается почти полностью. Остаётся контент в базе данных и те компоненты сайта, которые входят и в старый дизайн, и в новый.
Фотогалерея
Вам требуются похожие услуги?
Если Вам понравился результат наших работ, Вы можете заказать аналогичные услуги для собственного сайта. Для этого свяжитесь с нами любым удобным способом.
Также мы всегда готовы ответить на любые вопросы, связанные с оказанием наших услуг. Звоните!
Хотите посмотреть другие наши работы?
Если Вас заинтересовали работы, выполненные для этого клиента, Вы можете посмотреть другие наши заказы.
Поделитесь с друзьями или коллегами
Если Вам понравилась эта работа, то возможно она понравится и вашим знакомым, имеющим собственные сайты.