KOIKE занимается разработкой и производством станков термической резки. Компания работает на мировом рынке, и выход на российский рынок повлек за собой создание русскоязычного сайта.

Задача

Перед нами поставили задачу выполнить проект в кратчайшие сроки — менее одного месяца: спроектировать, оформить, собрать на CMS и опубликовать проект в сети. Создать сайт оптимизированным для поисковых машин, использовать семантическую верстку.

Проектирование

Прототипы

Проектирование мы начали с прототипа. Быстро набросали основные страницы: главная, каталог, страницы товара и контентные. Постепенно проработали детали, продумали функциональность и внутреннюю перелинковку.

Оформление

Цвета

Не слишком стесняясь, мы использовали для сайта цвета из палитры Google Material, поскольку изначально взяли курс на дизайн, близкий данному стилю.

Red Material 700 #D32F2F
500 #F44336
Blue Grey 700 #455A64
400 #78909C
50 #ECEFF1

Дизайн

В условиях крайне ограниченных сроков мы не стали проявлять излишнюю креативность, а создали спокойное, лаконичное оформление в современном стиле.


Каталог всегда доступен на любой из страниц сайта, при наведении раскрывается полный список разделов:





Сфери применения приведены для более легкого поиска оборудования

Страница каталога

Для каждого из товаров выведены наиважнейшие из характеристик, которые необходимы при сравнении станков.



Приобрести станок прямо на сайте не представляется возможным из-за их высокой стоимости, кроме того поставка таких габаритных устройств осуществляется на индивидуальных условиях. Поэтому мы реализовали возможность отправить заявку во всплывающей форме.

Страница товара

Мы разделили страницу товара на 2 части: в верхней располагается самая важная информация: описание особенностей устройства, фото и видео, стоимость, а также кнопки действий.



Функция сравнения призвана помочь в выборе оборудования. Все характеристики сводятся в привычную таблицу, где их легко сравнить.



Нижняя половина страницы также плотно укомплектована. Подробные характеристики и технические данные дают исчерпывающую информацию, также представлены дополнительные устройства и возможные товары-аналоги. Всевозможные файлы с инструкциями и техническими данными также можно найти здесь.

В самом низу продублирована кнопка оформления заказа.

Обсудить проект
Написать нам
Отменить