Компетенции
  • UI/UX
  • Seo
  • Backend-разработка
  • Frontend-разработка
  • Концептуальный дизайн
profoodtorg.ru
Интернет каталог по продажа оборудования общественного питания
О проекте
Разработка интернет-магазина для компании «Про Фуд Торг», которая является одним из крупных и опытных операторов в сфере проектирования и оснащения предприятий торговли и общественного питания.
Задача

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

Решение

Мы реализовали выгрузку товаров на сайт. В качестве источника выгрузки выбрали сервис equip.me – у них имелось подробно расписанное API для взаимодействия, большое количество товаров. В результате произвели выгрузку 50.000 товаров.

Типографика

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

Цвет

Фирменные цвета выгодно выделяют «Про Фуд Торг» на фоне других конкурентов.

Сетка
Структура сайта

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

Разработка фирменного логотипа

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

Адаптивная версия
Мокап
Мокап
Мокап
Мокап
Формы Pop-up
Мокап продукта
Мокап продукта
Мокап продукта
Мокап продукта
Мокап продукта
Ui kit
Для удобства Frontend-разработчиков, а также для сохранения общей стилистики при возможном расширении сайта в будущем, был подготовлен подробный Ui Kit c элементами дизайна.
Мокап продукта
Мокап продукта
Мокап продукта
Мокап продукта
Сверстали и запрограммировали сайт

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

После посадки на CMS наш специалист наполняет сайт актуальным текстовым и фото-видео контентом через встроенную админ панель.

Мокап продукта

Итог

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

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