Разработка сайта
для сервиса аренды гаджетов

  • Дизайн
  • Разработка
Usability Design Hight Quality Future 
Future Usability Design Hight Quality 
Design Hight Quality Future Usability 

Задачи проекта:

  • Создать сайт готовый к поисковому продвижению;
  • Учесть в дизайне особенности бизнеса клиента;
  • Сделать удобную административную панель для приема и обработки заявок.

Что было сделано

Дизайн

С точки зрения дизайна решались 2 проблемы:

  1. Конверсия

    Новый непривычный функционал не очевиден для пользователя и нужно его сделать максимально интуитивным;

  2. Преимущества

    Клиент передал список преимуществ, которые необходимо эффективно отобразить на сайте.

Конверсия

На странице каталога вы можете легко:

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

В карточке товара пользователь получает нужную информацию поэтапно:

  • Выбирает нужные даты аренды;
  • Автоматически высчитывается стоимость аренды конкретно в эти даты;
  • Пользователь выбирает нужное количество товара;
  • Добавляет товар в корзину, при этом он сразу видит сумму залога.

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

Решение:

  • Разбили корзину на несколько экранов;
  • Где это возможно, используется автозаполнение;
  • Чтобы минимизировать возможность опечатки при вводе данных везде используются маски.

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

Преимущества

  1. Дольше аренда — ниже цена

    При выборе нужных дат, автоматически отображается цена с учетом скидки:

  2. Реальные отзывы

    В данной тематике, клиентам очень важны отзывы, поэтому мы предусмотрели особый функционал размещения отзывов:

    Чтобы оставить отзыв клиент должен совершить заказ на сайте и после окончания срока аренды в личном кабинете появляется форма для отзыва.

  3. Без залога

    Здесь было важно «сыграть на грани фола», хвалиться тем, что у нашего сервиса можно оформить аренду без залога, но при этом не вводить людей в заблуждение и в доступной форме донести как:

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

    В карточке товара используется подсказка при наведении мышкой:

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

Целевая аудитория сервиса — молодые люди от 25-35 людей. Большинство из них используют именно мобильные устройства, в связи с чем необходимо реализовать удобную в том числе мобильную версию сайта, что нам и удалось.

Отказы

Административная панель

Задачи

  1. Создать интуитивно понятный интерфейс для работы с контентом;
  2. Возможность удобной обработки заказов.

Реализовано

Через админку можно легко редактировать любые параметры карточкек товаров:

Также админка является полноценной CRM-системой для обработки заказов, благодаря настройке плагина WooComerce:

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

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

  1. Внедрили весь необходимый функционал для удобного оформления заказа;
  2. Грамотно внедрили в дизайн преимущества компании;
  3. Реализовали удобную мобильную версию;
  4. Интегрировали все с системой управления.