Россия, Новосибирск, Гоголя, 44, офис 301, ИНН 5405018598
Подпишитесь
Напишите
Позвоните
ПАРТНЁРСТВО
ПОМОЩЬ ФОНДАМ
|
РюмкYY Бар — народный бар, который славится своей душевностью, прекрасными воспоминаниями и вкусной едой

РюмкYY Бар

2022

Цель проекта

Создание многостраничного сайта на Tilda для увеличения объемов продаж с услугами доставки и самовывоза.
  • Составление структуры сайта
  • Сбор концептов
  • Разработка мобильного прототипа на Tilda
  • Формирование функционала корзины
  • Создание прелоадера
  • Разработка сайта

Направления работ

Разработка могостраничного сайта:
1. Составление концептов
Для клиента было очень важно передать атмосферу тепла, дружелюбия и семейности через сайт. Именно поэтому было составлено несколько вариантов концептов для того, чтобы определить визуальную составляющую сайта:
Концепт 1
Минималистичный концепт, блоки построены по примеру карточного стиля Apple.
1
Концепт 2
В концепте в большей степени используются фотографии, графические элементы, текстуры и стилизованная типографика, что покажет дружелюбие и открытость.
2
Клиент остановился на 2 варианте
Концепт 3
Основа концепта — графические дорисовки в сочетании с фотографиями, чтобы создать атмосферу легкости и воздушности.
3
Концепт 4
За основу взята темная тема с акцентным выделением блюд.
4
2. Мобильный прототип
При разработке прототипа, для более полного погружения и понимания клиента, WE разработали мобильный прототип. В нем есть возможность переходить по меню, просматривать блоки страниц и корзину.
На сайте была использована темная тема, а также элементы, которые транслируют дружелюбие, теплоту и семейность бара. Этот эффект реализован с помощью стилизованной типографики, графических элементов и живых фотографий.
3. Сайт и атмосфера
В процессе работы мы выяснили, что сайт должен быть нацелен не только на доставку и самовывоз, но и на популяризацию услуги «Накрыть на стол». Это значительно повлияло на формирование корзины, поскольку функционал Tilda имеет ограничения и сделать это не так просто.

4. Уникальность корзины
«Накрыть на стол» — это услуга, где гость может заранее забронировать столик, выбрать себе блюда и выбрать определенное время, к которому стол будет полностью готов.

Команда WE нашла выход — нужно создать несколько корзин на сайте, чтобы он подстраивался под запрос каждого пользователя.
Функционал корзины:
|
+
+
ИТОГ
В ней пользователь может выбрать доставку, которая автоматически входит в стоимость заказа.
Корзина доставки
Корзина самовывоза
Пользователю начисляется скидка 15% на весь заказ с помощью введения промокода.
В этой корзине пользователь может собрать онлайн-заказ, чтобы его стол в баре был накрыт на определенное время.

Корзина «Накрыть на стол»
5. Разработка прелоадера
Для того, чтобы сразу погрузить пользователя в атмосферу сайта и самого бара, было принято решение разработать прелоадер.
Прелоадер — это анимированное изображение, которое показывается перед загрузкой главной страницы сайта.
Клиенту были предложены варианты нескольких стилистически разных прелоадеров.
Стандартный вариант, где показаны картинка и значок прогрузки сайта.
Стилистически рисованные изображения в слайдере
Более плавный и анимационно проработанный вариант
Клиент остановился на 2 варианте
1
3
2

Другие кейсы