Разработка информационного портала "Что где поесть"

Общая задача

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

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

То, что в итоге получилось, можно увидеть в этом небольшом ролике :

Процесс выполнения

Прототипирование сайта \ идеи

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

Все прототипы кликабельны

Дизайн сайта

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

Шапка сайта

Шапку сайта было решено сделать интерактивной. Она показывает, сколько в данный момент размещено заведений и служб доставок на проекте. Если кликнуть по счетчику, то откроется страница списка заведений или служб доставок. Это стало очень уобным элементом навигации.

Выбор заведений (на главной странице)

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

Страница всех заведений \ доставок

Изображение можно открыть в новом окне в более высоком качестве.

Это очень важная страница сайта. Именно эти страницы самые просматриваемые на сайте. Что бы у какого либо заведения не было преимущества перед другим из-за расположения в списке, было решено постоянно "перемешивать" позиции заведений в списке.

Все заведения, при добавлении на сайт, автоматически заносятся на виджет Яндекс карты. Вы можете найти заведение, которое ближе всего к вам.

Все заведения можно фильтровать по различным критериям (кухня \ средний чек \ другие полезные особенности).

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

Страница меню заведения

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

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

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

Дизайн-макеты страниц

Можно открыть в новом окне браузера в более высоком качестве.

О данном проекте можно рассказывать много интересного, но лучше всего его посомтреть "вживую". chto-gde-poest.ru