Меньше о кнопочках, больше о пользе. Проект для системы «1С: Отель»
Лаконичный дизайн, ясная структура и максимум полезной информации о самой системе. Именно так должен выглядеть сайт, основная задача которого — улучшать гостиничный сервис.
Система «1С: Отель» предназначена для гостиниц разного типа: бизнес-отели, курорты, сети гостиниц и мини-отели. Решает как простые задачки вроде интеграции с бухгалтерией, так и немножко сложные:
- Экспресс check-in. Никаких очередей для будущих постояльцев — приехал и поселился.
- Интеграция с рестораном. Гость приходит в ресторан по своей гостиничной карте, не таская наличку или банковский пластик в кармане.
- Мультигостиничная база. Фишка для сетей гостиниц — все точки в одной базе.
- Онлайн-бронирование. Круглосуточная регистрация через сайт отеля.
- Кредитные карты. Быстрый расчет кредиткой через терминал.
- Контроль оплаты счетов. Никакой путаницы с уже оплаченными счетами.
![](https://s29805.cdn.ngenix.net/upload/tilda/ef3/ef384503f46b6867ba9fb5595bfa32d9.png)
Задачи
В общении с заказчиком выявили проблему старого ресурса — сайт был заточен на описание программы. Много букв про то, какие кнопочки надо нажимать, мало букв — про то, почему пользоваться системой — хорошо. Так мы определили главную задачу проекта — сделать сайт, рассказывающий гостиницам, какие их проблемы решит «1С:Отель». Лаконичный, строгий, серьезный.
Прототип сайта
Старый сайт был, но такой себе. Пытались уже даже сайт переделать, но как говорил клиент, сайт получался «кнопочным», что ему не нравилось. Была задача — сделать привлекательный продающий сайт, который представит компанию на достойном уровне. Продукт их обладает широкими возможностями, получше, чем у многих конкурентов. Но вот сайт не соответствовал уровню, из-за чего доверия и не вызывал.
![](https://s29805.cdn.ngenix.net/upload/tilda/81f/81fabd38d55e2445efc3e89c85a846f6.png)
Любовь
Руководитель проекта
Дизайн
Сайт у нас теперь не о том, как на кнопочки нажимать. Значит, мы смещаем акцент с описания работы программы на готовые решения. Теперь пользователи выбирают модуль, исходя из своих потребностей.
У программы много возможностей, о которых надо было рассказать пользователям. Ничто не должно отвлекать пользователя при выборе.
Это значит — простой дизайн и минимум анимации.
Это значит — простой дизайн и минимум анимации.
![](https://s29805.cdn.ngenix.net/upload/tilda/4ce/4ceb143d20f6c1ec506ff045974ec6b3.png)
Евгений
Арт-директор
Немного места для визуальных эффектов всё же нашлось: тут и эпично вылетающие иконки в начале страницы, и забавная игра со слоном в подвале сайта.
![](https://s29805.cdn.ngenix.net/upload/tilda/f7a/f7ac396c0a694afed06902719178b17f.gif)
А между ними — информация о модулях, цены и карта. На карте расположены все гостиницы, пользующиеся решениями «1С:Отель». Таких, на минутку, 896 — от Магадана до Донауэшингена, что в славной Германии.
![](https://s29805.cdn.ngenix.net/upload/tilda/39b/39b11b27ba7d78d3b8408e1503edd638.png)
Так как главная задача — сделать сайт о модулях «1С:Отеля» и их пользе, выводим на главную решения для разных типов гостиниц.
![](https://s29805.cdn.ngenix.net/upload/tilda/935/935346271c63cc2b8af997941698912c.png)
Разработка
Для начала — с фантазькой оживляем главную.
Проект дался нам легко. Я делал главную страницу, там есть анимированный счетчик установленных программ. При загрузке главной страницы формируются «бобины» из 10 цифр, а при прокрутке до счетчика бобины начинают вращаться с разной скоростью и останавливаются так, чтобы получилось указанное в админке число.
![](https://s29805.cdn.ngenix.net/upload/tilda/25a/25ab434dc9bb38adb9822d8563e45138.png)
Алексей
Разработчик
Не всякое решение подойдет и для сети пятизвездочных отелей, и для маленького отельчика в Барнауле. Вряд ли мини-отелю понадобится мультигостиничная база или интеграция с рестораном :) Поэтому делаем каталог решений с фильтром по типам гостиниц — чтобы владелец небольшого хостела сразу видел, куда ему идти.
![](https://s29805.cdn.ngenix.net/upload/tilda/6fc/6fce20a3c5ab9922c03dad8b73a60993.gif)
Второй важный шаг — показываем цены. Примерная стоимость лицензии зависит от количества пользователей.
Мы сделали интересный ползунок стоимости системы на странице «Цены». Все диапазоны имеют разное значение, и на любое можно установить свою цену. Все значения задаются контент-менеджером через админку.
Андрей
Разработчик
![](https://s29805.cdn.ngenix.net/upload/tilda/1d6/1d6b90f74c00514a793941a2f1a35c43.gif)
Кстати, если нашли подходящий модуль, можете запросить демо-версию на любой странице портала. Для этого есть специальная кнопка в шапке сайта.
![](https://s29805.cdn.ngenix.net/upload/tilda/978/978af5f37e7fc2759482bcb46a9b8030.jpg)
Все получилось достаточно легко и просто. Была задача — сделать сайт
к выставке. Причем на момент разработки у меня еще отпуск был. Сроки были очень сжатые, но мы все успели, вроде бы :) Во время отпуска как раз согласовали дизайн главной страницы и потом — галопом по Европам. За полтора месяца — дизайн внутряков, верстка, сборка. Прошло все достаточно чисто, прям минимум правок по всем этапам.
к выставке. Причем на момент разработки у меня еще отпуск был. Сроки были очень сжатые, но мы все успели, вроде бы :) Во время отпуска как раз согласовали дизайн главной страницы и потом — галопом по Европам. За полтора месяца — дизайн внутряков, верстка, сборка. Прошло все достаточно чисто, прям минимум правок по всем этапам.
![](https://s29805.cdn.ngenix.net/upload/tilda/280/280f5ddf0d9ae2322cfd1fc2316ae1fa.png)
Любовь
Руководитель проекта
Сайт получился лаконичным. Заказчику понравилось. Точно.
![](https://s29805.cdn.ngenix.net/upload/tilda/267/267aad3d6d4eec2d5863631187a5c791.png)
Готовый проект