Мета
Розробити корпоративний сайт компанії Укртехніка, Teknika GROUP з виробництва інструменту і обробці металу.
Завдання
- зверстати адаптивні сторінки сайту
- розробити необхідні розділи корпоративного сайту
- розробити калькулятор для послуг
Завдання
Корпоративний сайт для компанії Укртехніка є багатомовним і включає в себе наступні розділи:
- продукція,
- послуги,
- новини,
- про компанію,
- контакти.
Однією з нетривіальних завдань була розробка розділу послуг, так як на кожну з них був розроблений окремий макет і треба було зануритися в надані компанією послуги глибше для успішної реалізації проекту.
Головна сторінка
Картка товару
Картка товару являє собою типову сторінку з зображеннями продукту, основним описом товару, його характеристиками, відео-оглядами, документацією і супутніми товарами.
Для зручної навігації по розділах в разі їх об’ємності у користувача фіксується сайдбар (бокова колонка), яка є навігаційним меню для цього товару.
Послуги
В даному проекті кожна послуга має свою особливість і сторінка послуги могла складатися з набору декількох блоків:
- опис,
- характеристики,
- під-послуги,
- калькулятор,
- завдання які вирішує послуга,
- приклади робіт,
- обладнання, яке використовується,
і деякі з цих блоків мали кілька варіантів виведення. Як наслідок під кожну послугу був промальований макет, згідно з яким ми виробляли розробку сайту.
Для вирішення даного завдання, ми розробили універсальний шаблон сторінки послуги, яка підходила б під всі види послуг. В адміністративній панелі досить просто додати потрібний контент для обраної послуги.
Нижче представлена сторінка однієї з послуг, інші можливі блоки представлені нижче.
Під-послуги
Калькулятор
Окремим завданням була розробка універсального калькулятора, який би міг дозволити користувачеві прорахувати вартість послуги. На відміну від класичних калькуляторів, де користувачеві дозволяється вказати значення змінних, тут для прорахунку використовувалася таблиця зі значеннями, яку довелося парсити (аналізувати, розбирати).
Також йому було додано опис і пояснення до його параметрів, чого спочатку не було в наданому дизайні.
Адаптивна верстка
Даний корпоративний сайт, рівно як і інші розроблені нами сайти, має адаптивну верстку, яка дозволяє зручно користуватися сайтом на будь-яких пристроях, при цьому не позбавляючи його функціоналу.
Сторінка контактів
Обговорити проект