Сопровождение франшизы ресторана Panam Pizza

Разработали набор промо-материалов для франшизы сети пиццерий Панам.

2022

Дизайн

Frontend

Адрес:

panampizza.ru/franchise/

Перейти
на сайт

<span>Сопровождение франшизы</span> ресторана Panam Pizza

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

Задача, поставленная заказчиком

Разработать дизайн промо-сайта.

Резюме проекта

Начало работ:

сентябрь 2022

Сдача проекта:

декабрь 2022

Какие задачи мы решали
в проекте Panam

Проработали структуру контента

Нарисовали дизайн сайта

Сверстали и сделали vue-приложение

Разместили на хостинге заказчика

Подготовили презентацию

Какими инструментами пользовались

Для дизайна – традиционная Figma, и немного Illustrator. Код - html/css/js. Проект реализовали на node.js, и vue.js с nuxt.js.

Figma

Illustrator

Vue

Power Point

Nuxt.js

Node.js

Проработали структуру контента

Данный проект – редкий пример проработанной задачи, которая практически не требовала дополнительных усилий с нашей стороны. Перед началом работ заказчик прислал нам презентацию в Power Point, в которой был текст и структура страницы.

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

Нарисовали дизайн сайта

В основе дизайна – брендбук компании. Он практически не потребовал доработки, так как содержал все необходимые стилеобразующие элементы: включая иллюстрации (и стандарт их разработки), цвета и основные стили.

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

Посмотрите как получилось:

Сверстали и сделали
vue-приложение

Сайт разработали на стэке vue.js + node.js + nuxt.js. В результате получили статичную html-страницу с высокой скоростью работы.

Разместили на хостинге заказчика

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

С задачей справились: успешно и легко пересоздаем проект при внесении изменений.

Подготовили презентацию

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

В презентации сохранили фирменный стиль и общую структуру изложения.

Посмотреть можно по этой ссылке:

PizzaPanamFranchise.pdf