Узнайте цену создания сайта и продвижения

Выполнено 0%
1 Rooms 2 Rooms 3 Rooms 4 Rooms 5 Page 8 6 Guest

1. Ваша сфера деятельности

Назад Далее
Выполнено 16%
1 Rooms 2 Rooms 3 Rooms 4 Rooms 5 Page 8 6 Guest

2. Какой сайт Вам требуется?

Одностраничный сайт
Корпоративный сайт
Интернет-магазин
Каталог продукции
Меня интересует только продвижение сайта
Назад Далее
Выполнено 33%
1 Rooms 2 Rooms 3 Rooms 4 Rooms 5 Page 8 6 Guest

3. Какую интернет-рекламу Вы рассчитываете использовать для привлечения клиентов?

SEO
Контекстная реклама Яндекс директ
SMM
SERM
Геомаркетинг
Реклама не потребуется
Назад Далее
Выполнено 50%
1 Rooms 2 Rooms 3 Rooms 4 Rooms 5 Page 8 6 Guest

4. Какие дополнительные услуги потребуются?

Логотип и фирменный стиль
Дизайн баннеров и иконок на сайт
Услуги фотографа
Копирайтинг
Интеграция CRM с сайтом
Ничего не потребуется
Назад Далее
Выполнено 66%
1 Rooms 2 Rooms 3 Rooms 4 Rooms 5 Page 8 6 Guest

5. Желаемые сроки реализации проекта

Срочно (до 2 месяцев)
От 2 до 5 месяцев
Мне нужен качественный результат, сроки не важны
Назад Далее
Выполнено 83%
1 Rooms 2 Rooms 3 Rooms 4 Rooms 5 Page 8 6 Guest

Спасибо за предоставленную информацию!

Представьтесь, укажите номер телефона и получите информацию о стоимости вашего проекта.

Назад Далее

Разработка сайта

Сайт апарт-отеля с онлайн-бронированием за десять рабочих дней

M Apart - апарт-отель в центре Петербурга. Сайт был нужен в самые сжатые сроки, и не витрина, а рабочий инструмент: с бронированием и оплатой прямо на странице.

КлиентM Apart
ОтрасльАпарт-отель
РегионСанкт-Петербург
ПлатформаReact и Next.js
Срок10 рабочих дней
0

рабочих дней от интервью до запуска

0

подключённых api: бронирование и оплата

0

сайт с прямым бронированием без посредников

Задача

Что было

  • Сайта не было, а отель уже принимал гостей.
  • Бронирование шло через сторонние площадки, каждая со своей комиссией.
  • Показать номера, расположение и удобства было негде.

Что нужно было сделать

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

Как делали

10 рабочих дней - самый сжатый срок в портфолио

01

Интервью и маркетинговое проектирование

Разобрали, что решает выбор апартаментов: расположение, цена за ночь, кухня, вид из окна.

1-2 день

02

Прототип и дизайн

Собрали структуру и дизайн вокруг номеров и расположения, без лишних разделов.

3-5 день

03

Подключение api

Подключили онлайн-бронирование и оплату: гость выбирает даты и платит на сайте.

6-8 день

04

Вёрстка на React

Собрали на React и Next.js ради скорости загрузки, проверили на телефоне.

9-10 день

Самое сложное

Бронирование и оплата за десять рабочих дней

Сайт отеля без бронирования - визитка, которая отправляет гостя на сторонние площадки и отдаёт им комиссию. Значит, api надо было подключить сразу, а не потом.

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

Стек выбрали под скорость: React и Next.js дают быструю загрузку, а в гостиничном деле каждая лишняя секунда - потерянная бронь.

Что получилось

Отель принимает брони напрямую со своего сайта

Главная на большом экране

Основной экран проекта с фирменным оформлением и понятной навигацией.

Проект на мобильном экране

Главная страница адаптирована для просмотра с телефона.

Проект в деталях

Ключевые страницы сайта

Визуальная реконструкция по сохранившемуся фирменному стилю проекта.

Главная - M Apart
01 / Главная

Главная

Отдельный экран проекта: главная.

Номера - M Apart
02 / Номера

Номера

Отдельный экран проекта: номера.

Бронирование - M Apart
03 / Бронирование

Бронирование

Отдельный экран проекта: бронирование.

Другой мобильный экран - M Apart
04 / Мобильная версия

Мобильная версия

Показываем другой раздел сайта на телефоне, без повторения главного экрана.

На чём сделано

React и Next.jsApi онлайн-бронированияОнлайн-оплатаАдаптивная вёрстка

Хотите такой же проект?

Звоните, мы с удовольствием поможем.