Телохранитель
Сервис доставки готовых рационов
Контекст

Друзья,  с у довольствием знакомим вас с новой работой - веб-приложением для сервиса Телохранитель.

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

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





Задача

Задачей проекта стал кардинальный редизайн онлайн-продукта, переосмысление подходов к построению интерфейса и разворот на приоритетную работу с мобильными устройствами.

Как уже было отмечено ранее, сайт компании имеет высокий вес мобильного трафика.

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

Концепт

За основу работ была принята концепция Mobile First — где именно мобильная версия стала отправной точкой  разработки не только концепции и дизайна, но и всего объема back-end решений.

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

Мы благодарны компании за смелость и доверие.

Дизайн

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

Мы так же использовали все преимущества которые открывают Mobile First продукты.

Это и более качественная архитектура мобильного интерфейса для лучшей конверсии мобильного трафика, атрибутика мобильных приложений - навигационный бар, полно-экранные чат-боты, специальные механики скроллов, и многое многое другое

Разработка

В основу back-end решения был заложен стек Nuxt.js, и по сути продукт является не сайтом, а веб-приложением.

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

Персонализация

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

Это быстро, удобно и безопасно.

Заказ и оплата возможны как для авторизованных, так и для неавторизованных пользователей.

Для пользователей iOS устройств доступна оплата в один клик с помощью Apple Pay.

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

Мы благодарны компании Телохранитель за доверие и возможность реализовать подобный проект.

Если вашему бизнесу необходимы новые каналы онлайн-продаж, мы с удовольствием предложим результативные решения, качественно меняющие структуру и объемы продаж. Обратитесь к нам, и мы предложим одно из лучших на рынке соотношений цена/качество.
Перейти на сайт проекта
Сайт откроется в новой вкладке
Понравился проект?
Обсудим детали!

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