Цель
Разработать корпоративный сайт компании УкрТехника, Teknika GROUP по производству инструмента и обработке металла.
Задачи
- сверстать адаптивные страницы сайта
- разработать необходимые разделы корпоративного сайта
- разработать калькулятор для услуг
Задача
Корпоративный сайт для компании УкрТехника является мультиязычным и включает в себя следующие разделы:
- продукция,
- услуги,
- новости,
- о компании,
- контакты.
Одной из нетривиальных задач была разработка раздела услуг, так как на каждую из них был разработан отдельный макет и потребовалось погрузиться в предоставляемые компанией услуги глубже для успешной реализации проекта.


Главная страница
Страница товара
Страница товара представляет собой типовую страницу с изображениями продукта, основным описанием товара, его характеристиками, видео-обзорами, документацией и сопутствующими товарами.
Для удобной навигации по разделам в случае их объемности у пользователя фиксируется сайдбар (боковая колонка), которая является навигационным меню по данному товару.
Услуги
В данном проекте каждая услуга имеет свою особенность и страница услуги могла состоять из набора нескольких блоков:
- описание,
- характеристики,
- под-услуги,
- калькулятор,
- задачи которые решает услуга,
- примеры работ,
- оборудование, которое используется,
и некоторые из этих блоков имели несколько вариантов вывода. Как следствие под каждую услугу был прорисован макет, согласно которому мы производили разработку сайта.
Для решения данной задачи, мы разработали универсальный шаблон страницы услуги, которая подходила бы под все виды услуг. В административной панели достаточно просто добавить нужный контент для выбранной услуги.
Ниже представлена страница одной из услуг, другие возможные блоки представлены ниже.
Под-услуги
Калькулятор
Отдельной задачей была разработка универсального калькулятора, который бы мог позволить пользователю просчитать стоимость услуги. В отличие от классических калькуляторов, где пользователю позволяется указать значения переменных, здесь для просчета использовалась таблица со значениями, которую пришлось парсить (анализировать, разбирать).
Также ему было добавлено описание и пояснения к его параметрам, чего изначально не было в предоставленном дизайне.
Адаптивная верстка
Данный корпоративный сайт, ровно как и остальные разрабатываемые нами сайты, обладает адаптивной версткой, которая позволяет удобно пользоваться сайтом на любых устройствах, при этом не лишая его функционала.
Страница контактов
Обсудить проект