К содержимому
Все проекты

Кейс · Kiss My Car

Kiss My Car — сайт студии оклейки и детейлинга

Разработали сайт автомобильной студии с услугами, портфолио и заявками с фотографиями автомобиля. Создали панель управления для обновления работ и обработки обращений.

Обсудить похожую задачу
Все экраны

Разработали сайт автомобильной студии с услугами, портфолио и заявками с фотографиями автомобиля. Создали панель управления для обновления работ и обработки обращений.

Первый экран публичного сайта Kiss My Car на десктопе.
Первый экран сайта студии на компьютере.Исходный PNG
Первый экран сайта Kiss My Car на телефоне с закрытым меню.
То же предложение в мобильном интерфейсе.Исходный PNG
Редактор описания и материалов работы.
Редактор описания и материалов работы.Исходный PNG
Список вымышленных обращений в рабочем интерфейсе Kiss My Car.
Обращения и их состояние в одном списке.Исходный PNG
Обращение с подробностями и изображением
Обращение с подробностями и изображениемИсходный PNG
Обработка того же обращения
Обработка того же обращенияИсходный PNG
Редактор описания и материалов работы.
Первый экран публичного сайта Kiss My Car на десктопе.
Первый экран сайта Kiss My Car на телефоне с закрытым меню.
Заказчик
Kiss My Car
В кейсе
6 экранов
Статус
Реализованные сценарии

01Задача

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

02Решение

Как устроено решение

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

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

  1. 01 / 04

    Первый экран сайта студии на компьютере.

    Первый экран публичного сайта Kiss My Car на десктопе.

    Первый экран публичного сайта Kiss My Car на десктопе.
    Оригинал снимка ↗
  2. 02 / 04

    То же предложение в мобильном интерфейсе.

    Первый экран сайта Kiss My Car на телефоне с закрытым меню.

    Первый экран сайта Kiss My Car на телефоне с закрытым меню.
    Оригинал снимка ↗
  3. 03 / 04

    Редактор описания и материалов работы.

    Редактор описания и материалов работы.

    Редактор описания и материалов работы.
    Оригинал снимка ↗
  4. 04 / 04

    Обращения и их состояние в одном списке.

    Список вымышленных обращений в рабочем интерфейсе Kiss My Car.

    Список вымышленных обращений в рабочем интерфейсе Kiss My Car.
    Оригинал снимка ↗

03Подробнее

Обращение с подробностями и изображением

Форма помогает передать задачу и приложить материал до начала обсуждения.

  1. 01 / 01

    Обращение с подробностями и изображением

    Обращение с подробностями и изображением

    Обращение с подробностями и изображением
    Оригинал снимка ↗

04Подробнее

Обработка того же обращения

Редактор видит имя, способ связи, задачу, вложение и состояние обращения в студии.

  1. 01 / 01

    Обработка того же обращения

    Обработка того же обращения

    Обработка того же обращения
    Оригинал снимка ↗

05Результат

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

Объединили презентацию услуг и обработку обращений. Клиент может передать подробности ещё до начала консультации, а команда студии получает заявку с необходимыми материалами в одном интерфейсе.

Зона ответственности

Разработка показанных интерфейсов и сценариев

Ограничения демонстрации

Данные посетителя и изображение автомобиля вымышленные. Telegram отключён на демонстрационном стенде; доставка сообщения этим пакетом не подтверждается. Показанные иллюстрации не являются фотографиями команды ШИФТ.

Технологии

  • Django
  • PostgreSQL
  • HTML
  • CSS
  • JavaScript

Обсудим проект

Обсудим похожий проект?

Расскажите о задаче. Покажем, как её можно решить, и предложим план запуска.