8 (8212) 55 18 12

История создания сайта в духе вестерна для доставки пиццы в городе Усинске.

Приступить к чтению
   Удобный выбор
    Повышение показателей
   Адаптивность
   Фишки

История создания сайта в духе вестерна для доставки пиццы в городе Усинске.
Немного расскажем читателю о рынке пиццерий в Усинске. Город Усинск располагается в Республике Коми, где все города разбросаны и по расстоянию находятся далеко друг от друга.  На 1 января 2018 года численность населения составила 44 090 человек, из них 39 566 постоянные жители, остальная часть — мигрирующее население, приезжающие на заработки.  Особенность Усинска в том, что он один из самых труднодоступных и удаленных северных городов. Поэтому то, что может быть развито в столице, находится в зачаточном уровне на окраине нашей родины.

Вот отзыв о местном уровне обслуживания в 2018 г. одной из пиццерий.
Это классический отзыв о доставке еды в городах такого уровня. 

Мы насчитали в справочнике 4 пиццерии. Конкуренция маленькая и населения не много. В этих условиях предприниматели не часто ставят перед собой задачу развиваться.
Но наш заказчик Сушилайн уже работает в Сыктывкаре, где конкурирует с федеральными сетями. И знает, что развитие — это жизненная необходимость. Сушилайн заказывал у нас сайт доставки и решил не останавливаться на этом и повысить уровень обслуживания своих клиентов через сайт Пекали в Усинске. 

Задачи, поставленные нам:

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

Прошлый сайт.


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

Прототипы


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

Дизайн сайта.

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

В процессе проработки дизайна прорабатывалась несколько вариантов. Заказчик изначально хотел больше дерева в интерфейсе. Мы проработали эти варианты, но они не устроили ни нас, ни заказчика. 

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

Пример а-ля “дизайнер психанул”

Этот пример помог наглядно показать заказчику, что дерево оттягивает на себя много внимания. Пользователь не фокусируется на продуктах, баннерах и с трудом читает текст. Если сайт в будущем модернизировать, то такая фактурная перегруженность ему навредит и усложнит восприятие посетителя. При нейтральном фоне нужно менять 1-2 элемента, а в богатой фактурной палитре начинается цепная реакция по всем элементам. 

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

Помимо основной мужской целевой аудитории заказчика, кто еще главные любители пиццы? Конечно — дети. Для них заказчик проработал детское меню, а мы добавили их в слайдер на первом экране.

Динамические фишки


Вы никогда не задумывались почему на одних сайтах безнадежно скучно, а на других нет? 
Отличный прием чтобы вдохнуть жизнь в сайт — это динамичные элменты, которые дают ощущение движения. 

Анимированный логотип:

Увеличение пиццы при выборе размера:

Динамичная страница заказа:


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


Поиск и фильтр


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

Карточки товаров.


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

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

Следующий шаг — заказ товара.

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

 
Сопутствующий товар. 


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

Личный кабинет


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

  • редактировать личные данные;
  • смотреть историю заказов;
  • добавлять и редактировать адреса доставки с выбором адреса по умолчанию. 

Адаптивность 


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


Финал


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


Сайт: pekali.ru
 
Участники проекта:
Менеджер проектов: Владимир Рупышев
Ведущий разработчик: Константин Петренко
Верстальщик: Михаил Кокин
Дизайнер: Андрей Яцков


NORTEX: заказать сайт доставки.

Время прочтения:
Время прочтения 7.1 мин

Для авторов

Хотите стать со-автором блога, рассказать аудитории о новинках в мире веб и все что с ним связано? Тогда присылайте ваши материалы и мы опубликуем их.

Стать автором

Обсуждение