
Orangutan — это сеть сэндвич-баров в Киеве со здоровой, сочной, а главное, вегетарианской кухней.
Разработать сайт, где пользователь сможет заказать доставку вегетарианской еды. Создать дизайн, соответствующий заведению. Сделать просто, функционально, но стильно и необычно.
Решения
Разработали сайт сэндвич бара, функционирующий, как интернет-магазин, но без множества категорий-подкатегорий. Реализовали возможность сделать заказ, буквально, в пару кликов. Бар дает возможность заказать доставку еды и напитков на дом, но не круглосуточно и не по всему городу, что мы также описали интересным способом. Про все особенности расскажем в порядке очереди, начиная с дизайна.
Дизайн
Одной из особенностей проекта стало то, что у нас получилась классная кооперация с командой заказчика, которая предоставила нам столько креативных идей для дизайна сайта сэндвич бара Orangutan, что нам оставалось только выбрать лучшие. С учетом требования: дизайн должен быть простым. И должен иметь очевидные сходства с дизайном самого заведения.
Для фонов на фото блюд мы решили оставить клетки (интерьер заведений полностью выложен маленькой квадратной плиткой), а в названиях оставили плюсик, как в имени заведения ORANG+UTAN.
Верстка
Сайт получился очень легким, как на вид, так и по содержанию. Светлый фон, фото блюд, текстовое описание. Все грузится быстро, как на PC, так и на мобильных гаджетах. Выполнено на WordPress
При клике на заинтересовавшее блюдо, всплывает такое окно:
Из необычных элементов вы можете заметить 3-колонную верстку в “Супер-комбо”, 4-колонную в “Сэндвичи”, дальше уже 5 колонок, потом снова 4… Горизонтальные фото в большинстве позиций, но в пункте “напитки” они вдруг становятся вертикальными. При наведении на кнопку “в корзину” надпись заменится на фирменный плюсик. Заметили бегущую строку в самом верху сайта? Это одно из креативных решений заказчика. Такая же строка “бежит” над дверью в заведениях.
Все эти нестандартные решения мы внедряли по требованию заказчика. Нам нужно было сделать необычный сайт. В итоге так и получилось: симпатично и с особенностями.
Клик по липкой менюшке не отправит пользователя на другую страницу, а отскроллит на нужную часть главной. Все заказы оформляются на главной.
СУП+
У заведения есть такая особенность, что гость не может заказать какой угодно суп. Каждый день готовятся разные супы: понедельник – борщ, вторник – окрошка и т.д. Легенда гласит, что никто не знает что за суп будет готовиться завтра. Но администратор сайта знает, ведь он заходит в админ-панель и там ставит расписание супов на неделю. И в 00:00 каждый день суп на сайте меняется.
Еще одной задачей была минимизация “странствий” пользователя по сайту. Поэтому на главной мы не писали о том, что такое ORANG+UTAN, о преимуществах и т.п. Пара кликов и заказ готов. Можно забрать из бара или заказать доставку.
Скачайте меню в PDF-формате – это сделано для тех посетителей, которые выбирают скачать меню in English, т.к. заведение пользуется популярностью у иностранцев.
Отзывы. Посмотреть все и написать свой: при клике пользователь отправится на паблик заведения в Facebook.
В футере есть возможность посмотреть контакты и местоположение двух заведений ORANG+UTAN в Киеве. Можно кликнуть на иконку карты и посмотреть расположение на Google картах.
Доставка
Ограничение по местоположению
Сейчас доставка покрывает только половину Киева. На картинке посетитель видит зону, куда можно заказать доставку. В другие части города доставка не осуществляется. Для удобства, над картой расположена строка для ввода адреса. Далее, срабатывает специально прописанный скрипт по Google API, который проверяет адреса и на экран выводится одна из двух надписей:
- Отлично! Ваш адрес входит в зону доставки, можете смело заказывать
- К сожалению, на данный момент, этот адрес не входит в нашу зону доставки
Ограничение по времени
Доставка осуществляется в период с 10 утра до 8 вечера. Изначально клиент хотел отключить возможность заказывать через сайт, начиная с 20:00, но мы подумали что могут быть люди, которые хотят сделать заказ ночью и забрать или заказать доставку на следующий день. Поэтому возможность заказывать работает круглосуточно, но начиная с 8 вечера появляется надпись, где говорится о том, что пользователь заказывает поздно и его заказ можно либо доставить завтра, либо воспользоваться takeaway, опять же, завтра.
Корзина
Есть два варианта: доставка и takeaway. Второй аналогичен самовывозу, можно сделать заказ, и забрать его горячим в назначенное время.
Опять же, если ввести адрес, который вне зоны доставки, то всплывет сообщение о том, что доставка по данному адресу не осуществляется, воспользуйтесь takeaway. Аналогично, если пользователь оставляет заказ ночью.
Мобильная верстка
Этот пункт заслуживает особого внимания, верстка для мобильных устройств немного отличается от десктопной версии.
Верхнее липкое меню меняется, справа появляется иконка телефона, при клике начинается звонок.
Слева появляется меню-гамбургер, ведь где еще оно может быть настолько же уместным?
Вся верстка теперь идет в одну колонку, чтобы все можно было комфортно посмотреть и почитать.
Некоторые пункты выглядят иначе, но не менее симпатично.
Этот скриншот сделан днем позже остальных, как видите, пункт “СУП+” действительно меняется каждый день.
ваш проект!
Киев, Украина
+38 050 845 42 69