Сверху над шапкой
SOFT ENGINEERING
Soft
Engineering
Онлайн-заказ
  • Портфолио
  • Медиакит
  • Отзывы
  • Контакты
Напишите нам WhatsApp / Telegram
WhatsApp Telegram
+7 (383) 318-10-89
  • Продвижение
    • Контекстная реклама
    • SEO-аудит
    • Портфолио
    • Тарифы
    • Гарантии на продвижение
    Акция Продвижение
  • Поддержка
    • Техническая поддержка
    • Администрирование
      веб-серверов
    • Интеграция с 1С
    • Базовый аудит сайта
    • Смена хостинга
    Акция Поддержка
  • Веб-разработка
    • Готовые сайты
    • Сайты на Tilda
    • Интернет-магазины
    • Корпоративные сайты
    • Гарантия на сайт
    • Портфолио
    • Отзывы
    Акция Веб-разработка
  • Еще услуги
    • Мобильные приложения
    • Внедрение Битрикс24
    • Фирменный стиль
    • Купить 1C-Битрикс
    • Подключение онлайн-касс
  • О компании
    • Контакты
    • О нас
    • Достижения
    • Акции и скидки
    • Партнерам
    • Клиенты
    • Реквизиты
    • Вопросы и ответы
    • Работа и стажировка
SOFT ENGINEERING
Soft
Engineering
Продвижение сайтов
Поддержка сайтов
Создание сайтов
Услуги
О компании
  • Контакты
  • О нас
  • Отзывы
  • Акции
  • Партнерка
  • Клиенты
  • Реквизиты
  • Достижения
  • Вопросы и ответы
  • Работа и стажировка
Ещё
    +7 (383) 318-10-89
    SOFT ENGINEERING
    Soft Engineering
    Мы на связи
    WhatsApp Telegram +7 (383) 318-10-89
    • Веб-разработка
      • Назад
      • Веб-разработка
      • Готовые сайты
      • Сайты на Tilda
      • Интернет-магазины
      • Корпоративные сайты
      • Гарантия на сайт
      • Портфолио
      • Отзывы
    • Продвижение
      • Назад
      • Продвижение
      • Контекстная реклама
      • SEO-аудит
      • Портфолио
      • Тарифы
      • Гарантии на продвижение
    • Поддержка
      • Назад
      • Поддержка
      • Техническая поддержка
      • Администрирование веб-серверов
      • Интеграция с 1С
      • Базовый аудит сайта
      • Смена хостинга
    • Еще услуги
      • Назад
      • Еще услуги
      • Внедрение Битрикс24
      • Мобильные приложения
      • Фирменный стиль
      • Купить 1C-Битрикс
      • Подключение онлайн-касс
    • Портфолио
    • О компании
      • Назад
      • О компании
      • Контакты
      • О нас
      • Отзывы
      • Клиенты
      • Партнерам
      • Реквизиты
      • Достижения
      • Вопросы и ответы
      • Работа и стажировка
      • Акции и скидки
    • Отзывы
    • +7 (383) 318-10-89
    Будьте на связи
    Новосибирск, ул. Крылова 36, офисы 521б, 506
    info@itse.pro
    • Вконтакте
    • Instagram

    Сайт фотостудии 717

    • Главная
    • Портфолио
    • Корпоративные сайты
    • Сайт фотостудии 717
    • Сайт фотостудии 717
    Сфера
    Фотостудия
    Сайт
    717photo.ru
    Дата
    Май 2018
    Заказать проект
    Задать вопрос
    Наши специалисты ответят на любой интересующий вопрос по проекту.

    Студия 717 – это огромная фотостудия в центре Новосибирска: 6 залов, 700 м² пространства, панорамные французские окна и максимум естественного света.

    фотостудия 717

    Залы фотостудии

    Презентация списка залов, а также процесс выбора зала необходимо было сделать максимально эффектным и в то же время простым. Мы провели анализ конверсии на предыдущем сайте студии с помощью а/б-тестирования.

    Результаты тестирования показали, что пользователям больше нравятся круглые объекты на страницы, особенно фотографии - они более кликабельны и чаще привлекают внимание.

    фотостудия 717

    Также просматривая веб-визор и анализируя поведение пользователей, мы увидели, что на мобильных экранах не все посетители понимают, что залов много, и список залов можно свайпить (прокручивать влево и вправо). Поэтому мы решили реализовать одну незначительную на первый взгляд фишку на мобильном разрешении 375px.

    При сжатии экрана происходит перестроение сетки, и при максимальном сжатии экрана до 375px вид списка залов преобразовывается в слайдер:

    фотостудия 717

    Особенность слайдера в том, что мы показали не только основной элемент, но и части следующего и предыдущего элементов слайдера, что делает список залов более наглядным и понятным в управлении.

    Наша гипотеза подтвердилась впоследствии показаниями веб-визора - пользователи гораздо чаще кликают именно по этим «хвостикам» нежели пользуются традиционным пролистыванием, хотя и этот способ для них сразу очевиден.

    Календарь бронирования

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

    Календарь – это плагин, который был реализован нами с нуля на vue.js специально для этого проекта. При загрузке страницы он генерирует 365 дней и 24 часа в каждом дне. Получается в итоге 8 760 элементов, и заметьте как быстро он работает - время загрузки 0,4 секунды!

    фотостудия 717

    Ни один из имеющихся готовых плагинов календарей, которые мы пытались использовать, не смог показать такую феноменальную скорость «отрисовки» объектов на целый год. Прочие плагины могут выдать близкую скорость загрузки с количеством элементов только на 2-3 месяца.

    фотостудия 717

    Для удобства пользователей было реализовано выделение цветом дат, которые были забронированы и которые свободны. Чтобы решить, казалось бы, простую задачу, и выбрать, какой цвет использовать в забронированных датах, мы также проанализировали поведение пользователей на старом сайте и заметили, что если интервал времени (забронированный) выделен контрастно и ярко относительно общих цветов сайта, то пользователи продолжали кликать по таким же ярким ячейкам, думая, что эти часы свободны для бронирования.

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

    При пролистывании дат в календаре, так же синхронно пролистываются месяца при переходе от 30/31 числа к 1 числу следующего месяца.

    Месяца в календаре генерируются на 1 год со смещением. То есть по завершению текущего месяца в календаре сразу генерируется новый месяц в следующем году. После окончания октября 2018 года генерируются элементы ноября 2019 года. Таким образом часы и даты для бронирования снова доступны на целый год вперед.


    Оформление заказа

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

    фотостудия 717


    Авторизация и регистрация

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

    Фотостудия 717


    Бонусная система

    Фотостудия 717

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

    Бонусы реализованы через бонусный счёт пользователя, они могут накапливаться. С помощью бонусов можно оплатить до 100% оформления заказа. Также на стоимость бронирования можно получить скидку, введя номер купона. Купоны на скидку могут формироваться администраторами и передаваться клиентам по желанию студии.


    Фишки в реализации оформления заказа

    • Дополнительно реализован полезный и удобный интерфейс, позволяющий администратору вносить в систему оффлайновые заказы по номеру телефона.
    • Реализована возможность оплаты для неавторизованного пользователя по прямой ссылке.
    • Реализована возможность автоматической отмены заказа в случае неоплаты в течении X минут, где X может быть задано администратором.
    • Оповещение обо всех действиях с заказом по SMS.
    • Интеграция с платежной системой Тинькофф-банк.

    Синхронизация с Google календарём

    Фотостудия 717

    Так как Студия 717 работала изначально с Google Calendar, и все бизнес-процессы были связаны с ним, поэтому перед нами стояла задача синхронизировать брони, совершенные на сайте, с Google Calendar.

    Синхронизация работает в одностороннем режиме: брони с сайта передаются в Google Calendar. В зависимости от выбранного зала брони попадают в разные календари. При отмене брони на сайте, запись о брони так же удаляется из Google Calendar.

    Также информация о брони в Google Calendar обновляется при изменении статусов оплаты с «не оплачено» на «оплачено».

    Из технической реализации хочется отметить особенность, что сайт работает на php 7, а библиотека через которую осуществляется синхронизация с Google Calendar работает через php 5.6.


    Напишите нам в WhatsApp, мы ответим на любые вопросы в ближайшее время и сделаем оценку задачи.
    Задать вопрос
    Менеджеры компании с радостью ответят на ваши вопросы, произведут расчет стоимости услуг и подготовят коммерческое предложение.
    Заказать проект
    Похожие проекты
    Сайт кофейни-кондитерской
    Федеральный мебельный интернет-магазин
    Сайт управляющей компании

    Услуги
    • Техподдержка сайтов

      Поддержка и доработки сайтов на 1С-Битрикс любого уровня сложности.

      Сроки выполнения: от 1 дня
      от 1 800 рублей
      Подробнее

    Назад к списку Следующий проект
    Отдел маркетинга
    +7 (383) 263-78-97
    Отдел разработки
    +7 (383) 318-10-89
    Заказать услугу
    ул. Крылова, дом 36, офис 506, 521б Схема проезда
    О компании
    Контакты
    Достижения
    Акции и скидки
    О нас
    Партнерам
    Клиенты
    Реквизиты
    Вопросы и ответы
    Работа и стажировка
    Поддержка
    Техническая поддержка
    Администрирование веб-серверов
    Интеграция с 1С
    Базовый аудит сайта
    Смена хостинга
    Продвижение
    Контекстная реклама
    SEO-аудит
    Портфолио
    Тарифы
    Гарантии на продвижение
    Веб-разработка
    Готовые сайты
    Сайты на Tilda
    Интернет-магазины
    Корпоративные сайты
    Гарантии на сайт
    Портфолио
    Отзывы
    Услуги
    Мобильные приложения
    Внедрение Битрикс24
    Фирменный стиль
    Купить 1C-Битрикс
    Онлайн-кассы
    Полезные советы
    Из чего состоит стоимость контекстной рекламы?
    Как лучше разместить таргетированную рекламу?
    Как эффективнее разместить интернет-рекламу?
    2011 - 2023 © ООО «Инженерия».
    Публичная оферта Соглашение на обработку персональных данных
    • Вконтакте
    • Instagram
    Soft Engineering Если есть вопросы — пишите,
    мы на связи!
    Начните свой проект
    уже сегодня!
    Какие виды услуг вас интересуют?
    Готовые сайты Мобильные приложения Контекстная реклама Техподдержка сайтов Сайты на Tilda Внедрение Битрикс24 SEO-аудит Администрирование Интеграция с 1С Онлайн-кассы Интернет-магазины Смена хостинга Фирменный стиль Корпоративные сайты Купить 1C-Битрикс
    Планируемый бюджет проекта или задачи
     — 
    Бесплатная консультация
    Укажите примерную сумму, которую планируете потратить на реализацию проекта
    Напишите нам  WhatsApp / Telegram
    WhatsApp Telegram

    Согласен с обработкой моих персональных данных в соответствии с политикой конфиденциальности.

    Согласен с обработкой моих персональных данных в соответствии с политикой конфиденциальности.

    Напишите нам  WhatsApp / Telegram
    WhatsApp Telegram
    Спасибо! Заявка отправлена.
    Спасибо за заявку!
    Мы свяжемся с вами в течение 2-х часов
    Закрыть