![ResFood](/tpl/portfolio/resfood/assets/images/content/resfood-768-1.webp)
![ResFood](/tpl/portfolio/resfood/assets/images/content/resfood-768-2.webp)
![ResFood](/tpl/portfolio/resfood/assets/images/content/resfood-768-3.webp)
![ResFood](/tpl/portfolio/resfood/assets/images/content/resfood-768-4.webp)
![ResFood](/tpl/portfolio/resfood/assets/images/content/resfood-1280-1.webp)
![ResFood](/tpl/portfolio/resfood/assets/images/content/resfood-1280-2.jpg)
![ResFood](/tpl/portfolio/resfood/assets/images/content/resfood-1280-3.webp)
![ResFood](/tpl/portfolio/resfood/assets/images/content/resfood-1280-4.webp)
Компания ResFood — поставщик продуктов для азиатской
и европейской кухни. Когда прежний сайт устарел и перестал работать на бренд, появились мы. Предстояло вооружиться идеями и разработать новый сайт, который повысит лояльность к бренду, продемонстрирует разнообразие и качество продукции ResFood.
и европейской кухни. Когда прежний сайт устарел и перестал работать на бренд, появились мы. Предстояло вооружиться идеями и разработать новый сайт, который повысит лояльность к бренду, продемонстрирует разнообразие и качество продукции ResFood.
Структура
Для начала мы переработали структуру сайта и заложили новый функционал. Оптимизировали каталог: вместо четырех уровней вложенности сделали два. В разы удобнее.
![ResFood](/tpl/portfolio/resfood/assets/images/static/structure-img.png)
Главная
Наша идея — чистый дизайн с акцентом на продуктах ResFood.
После нескольких вариантов нашли идеальное решение для главной: слайдер блюд и соответствующих продуктов. Выглядит эффектно и динамично.
![ResFood](/tpl/portfolio/resfood/assets/images/static/m-page.webp)
Каталог
Наглядная навигация по каталогу доступна с любой страницы. Яркие фото товаров помогают сориентироваться в широком ассортименте продукции.
![ResFood](/tpl/portfolio/resfood/assets/images/static/catalog-img.png)
Для подбора продуктов можно использовать фильтр по национальной кухне и сортировку по цене.
![ResFood](/tpl/portfolio/resfood/assets/images/static/catalog-tree2.webp)
![ResFood](/tpl/portfolio/resfood/assets/images/static/catalog-tablet.webp)
Адаптивная версия
Плитка каталога адаптируется
под планшеты и мобильные телефоны. Удобно на любых устройствах.
![ResFood](/tpl/portfolio/resfood/assets/images/static/catalog-mobile.png)
Адаптивная версия спроектирована для всех страниц сайта.
![ResFood](/tpl/portfolio/resfood/assets/images/content/tablet_1.png)
![ResFood](/tpl/portfolio/resfood/assets/images/content/tablet_2.png)
![ResFood](/tpl/portfolio/resfood/assets/images/content/tablet_3.png)
![ResFood](/tpl/portfolio/resfood/assets/images/content/mobile-cut-pic.jpg)
![ResFood](/tpl/portfolio/resfood/assets/images/static/mobile3.png)
![ResFood](/tpl/portfolio/resfood/assets/images/static/mobile4.png)
![ResFood](/tpl/portfolio/resfood/assets/images/static/mobile5.png)
![ResFood](/tpl/portfolio/resfood/assets/images/static/mobile2.png)
Карточка товара
Особенность карточки товара — ссылка на рецепты блюд от шеф-повара,
в состав которых входит выбранный ингредиент.
![ResFood](/tpl/portfolio/resfood/assets/images/static/p-card.png)
Блог шеф-повара
Компания ведет блог, но не простой, а тематический. Здесь эффектно представлены фирменные рецепты и в качестве ингредиентов используется продукция ResFood.
![ResFood](/tpl/portfolio/resfood/assets/images/static/blog-img-1.png)
![ResFood](/tpl/portfolio/resfood/assets/images/content/blog_1.webp)
![ResFood](/tpl/portfolio/resfood/assets/images/content/blog_2.webp)
Карьера
Компания много внимания уделяет HR-менеджменту, поэтому мы создали информативный раздел о карьере в ResFood.
![ResFood](/tpl/portfolio/resfood/assets/images/content/career.webp)
Брендирование
Одна из услуг ResFood — брендирование упаковки продукции. Для её подачи мы использовали эффектный мини-лендинг с рассказом о преимуществах услуги и подробной формой заявки.
![ResFood](/tpl/portfolio/resfood/assets/images/content/brand.webp)
![ResFood](/tpl/portfolio/resfood/assets/images/content/icons.webp)
Иконки
Используем яркие и лаконичные значки. Фирменный стиль — до мельчайших деталей.
Другая
концепция
концепция
Мы разработали две концепции сайта: светлую и тёмную. Клиент выбрал первую версию, но вторая нам тоже по вкусу.
![ResFood](/tpl/portfolio/resfood/assets/images/content/other.png)
Первый экран
![ResFood](/tpl/portfolio/resfood/assets/images/content/first.webp)
Поведение при пролистывании
Вариативность
![ResFood](/tpl/portfolio/resfood/assets/images/content/var.webp)
![ResFood](/tpl/portfolio/resfood/assets/images/content/screen_1.webp)
![ResFood](/tpl/portfolio/resfood/assets/images/content/screen_2.webp)
![ResFood](/tpl/portfolio/resfood/assets/images/content/screen_3.webp)
![ResFood](/tpl/portfolio/resfood/assets/images/content/screen_4.webp)
Спасибо
за внимание!
Перейти на сайтза внимание!