Разработка интернет-магазина для cети кафе быстрого питания с уличной едой и авторскими рецептами «Шаверма Бар»

Результат

Задача

Ко мне обратился директор сети «Шаверма бар». Необходимо было разработать интернет-магазин компании с подробным описанием товаров, формой заказа и подключением платежной системы для оплаты.

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

Запуск сайта: 14.07.2023 г.

Цвета

Корпоративные цвета черный и желтый использовались в дизайне сайта как основной и второстепенный соответственно. Так же был добавлен оранжевый цвет, как акцентный. Акцентный цвет использовался для иконок, лейбла и количества товара в корзине

Шрифт

Для заголовков и текста был выбран шрифт Nunito для соответствия с имеющимся логотипом.

#131313

#fdcf01

#ff5c00

Фотоконтент

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

Модификации

На момент разработки сайта (июль 2023 г.), создать интернет-магазин с тёмной темой на платформе Тильда стандартными решениями было нельзя. Фон окна корзины оставался белым (большая проблема, учитывая, что весь сайт на темном фоне, а шрифт — жёлтый).

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

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

После

До

После

До

Платёжная система

Для онлайн-оплаты на сайте была подключена платежная система PayKeeper (партнер Альфабанка). Для ее подключения необходимо, чтобы на сайте были размещены логотипы международных систем

Страницы

Помимо обязательных страниц с политикой конфиденциальности и ошибкой 404, у интернет-магазина должны быть ещё две страницы: доставка и оплата, договор оферты

Меню

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

Весёлая страница

Люблю создавать забавную страницу с ошибкой 404. Фотосессия в кафе позволила сделать это очень легко

Проект завершён

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