Пиццерия Pizza Smile

дизайн сайта пиццерии

Посмотреть новый сайт: pizzasmile.by

В апреле 2016 года к нам обратились представители сети пиццерий Pizza Smile. Они были не довольны устаревшим дизайном своего сайта, а также хотели расширить функционал и разместить проект на надежной CMS.

дизайн старого сайта пиццерии

Дизайн и верстка

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

главная страница сайта пиццерии

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

На планшете выбирать и заказывать пиццу так же комфортно, как и на компьютере и ноутбуке:

адаптивная верстка сайта пиццерии

Также сайт пиццерии прекрасно отображается и функционирует на экране смартфона:

сайт пиццерии на экране смартфона

Большое внимание было решено уделить меню пиццерии. Так оно было реализовано на старом сайте:

меню пиццерии на старом сайте

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

меню пиццерии на новом сайте

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

Слева мы видим карточки товара. Для привлечения максимально широкой клиентуры мы реализовали просмотр ингредиентов на двух языках: русском и английском, переключение осуществляется соответствующими кнопками.

Правая колонка предоставляет всю информацию о заказе и позволяет с ним работать.

заказ пиццы

На сайте возможно оставить отзыв. Так были оформлены отзывы ранее:

отзавы на старом сайте пиццерии

Мы же реализовали слайдер с фотоотзывами клиентов на главной странице.

фотоотзывы клиентов

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

страница с отзывами клиентов

Контакты были представлены статической информацией.

контакты на старом сайте пиццерии

Мы реализовали интерактивную карту для удобства пользователей:

интерактивная карта

Функционал

Старый сайт был реализован на CMS Joomla. Эта система управления контентом не отвечала современным требованиям для проекта такого уровня сложности, поэтому было решено использовать 1С-Битрикс.

Мы реализовали разграничение прав доступа пользователей к контенту. Сеть пиццерий охватывает 11 городов Беларуси; администраторы имеют доступы к редактированию информации о пиццерии только в своем городе.

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

всплывающие окна на сайте пиццерии

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

Была произведена интеграция с социальными сетями Facebook, Instagram и ВКонтакте. Пользователь может пройти авторизацию, используя свой профиль в социальной сети.

Для максимального удобства пользователей мы добавили возможность быстрого заказа столика.

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

акции на старом сате пиццерии

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

акции на сайте пиццерии

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

Система оповещений заказов на сайте реализована не только через почту, но и через приложение Telegram.

На сайте представлен список вакансий пиццерии. Как он был реализован ранее? Темный фон, мелкий шрифт, все вакансии предоставлены сплошным текстом, нет графического разделения либо акцентирования внимания при помощи тематических иконок.

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

вакансии на сайте пиццерии

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

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

новости на сайте пиццерии

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

Обновили дизайн и доработали функционал.

В данный момент ведутся работы по seo-продвижению сайта пиццерии «Pizza Smile».


Портфолио
Просмотреть работы
Консультация
Заказать консультацию
Наши услуги
Просмотреть все услуги