Индилайт
Сделали для бренда «Индилайт» крутой проект 3 в 1: презентация компании, каталог продукции и кулинарная энциклопедия.
![<p>Под брендом «Индилайт» группа компаний «Дамате» производит полуфабрикаты из мяса индейки на крупнейшем заводе в России, который также входит в число крупнейших <nobr>заводов-производителей</nobr> в мире.</p>](https://s29805.cdn.ngenix.net/wp-content/2017-10-23-indilite/x01.jpg.pagespeed.ic.32cxFlhaVW.jpg)
Задачи
У заказчика был старый сайт, но он не нравился визуально и его интерфейс был неудобным. Для клиента важно было сохранить блок с рецептами, но при этом рассказать и о производстве, и о преимуществах продукции, чтобы сайт был одновременно и каталогом, и презентацией, и кулинарной книгой. Поэтому у проекта были разносторонние задачи:
- Сделать сайт с современным дизайном, подчёркивающим имидж бренда, и при этом сохранить лояльность клиентов и партнёров.
- Сделать продуманную навигацию.
- Сделать акцент на преимуществах и полезных свойствах продукции.
- Уделить внимание блоку с рецептами: сделать его удобным и интересным.
- Привести долю трафика с мобильных устройств за счёт адаптива.
Решение
![<p><b>Главная страница</b></p><p>В дизайне мы отталкивались от решения на упаковке — использовали сочный зеленый и тёплый оранжевый, как в логотипе. А поскольку сайт тесно связан с приготовлением пищи, появились деревянные подложки, паттерны из овощей и меловые доски — будто вы попали в кулинарную школу.</p>](https://s29805.cdn.ngenix.net/wp-content/2017-10-23-indilite/xInd_home-l.png.pagespeed.ic.DXUfPj9Y-J.jpg)
![<p><b>Страница 404</b></p><p>На 404 странице мы добавили «зелёного» параллакса.</p>](https://s29805.cdn.ngenix.net/wp-content/2017-10-23-indilite/03.gif)
![<p>Тушка индейки делится на большее количество частей, чем куриная, поэтому мы решили сделать наглядный блок о разделке, куда привязали товары из каталога.</p>](https://s29805.cdn.ngenix.net/wp-content/2017-10-23-indilite/x04.jpg.pagespeed.ic.9H8dabbzns.jpg)
![<p><b>Карточка товара</b></p><p>В карточке продукта мы сделали акцент на крупном фото и дополнили его иконками пищевой ценности, описанием веса, состава и полезных свойств. А ниже добавили блок с рецептами, которые автоматически подбираются по тегам.</p>](https://s29805.cdn.ngenix.net/wp-content/2017-10-23-indilite/x05.jpg.pagespeed.ic.SXiwbRvw0_.jpg)
![<p><b>Рецепты</b></p><p>В разделе рецептов мы продумали множество мелочей: привязали в блок ингредиентов продукты из каталога; добавили калькулятор ингредиентов, чтобы не пришлось мучительно умножать в уме ложки, стаканы и штуки на количество порций; закрепили фотографию блюда слева, чтобы можно было скроллить этапы приготовления, не теряя её из виду.</p>](https://s29805.cdn.ngenix.net/wp-content/2017-10-23-indilite/Ind_recept.png)
![<p><b>Адаптив</b></p><p>Одной из задач проекта был адаптив. Заказчик очень хотел сохранить функционал схемы разделки, поэтому для устройств с маленькой диагональю мы разложили её буквально по полочкам:</p>](https://s29805.cdn.ngenix.net/wp-content/2017-10-23-indilite/adaptiv.jpg)
Результат
В итоге получился эффектный и функциональный проект с публикациями, которые так и хочется перепостить в соцсетях.