---
updateDate: 2026-02-05T00:00:00Z
publishDate: 2025-10-09
publishYear: 2025
name: G-mini
title: Облачная платформа для автоматизации строительства
excerpt: Проанализировали существующую систему и улучшили работу «умного» поиска
context: |
ООО «[Джемини Софт](https://gminisoft.tech/)» разрабатывает облачные решения для автоматизации строительства. Их платформа помогает заказчикам и подрядчикам работать в одной среде: согласовывать документы, вносить изменения в чертежи и сопроводительные материалы, отслеживать прогресс задач.
isNew: true
logo:
src: ~/assets/images/portfolio/g-mini/logo.svg
alt: G-mini • Логотип
link: https://gminisoft.tech/
image: ~/assets/images/portfolio/g-mini/main.png
imageAlt: Собака Павлова • G-mini • Облачная платформа для автоматизации строительства
thumbnail:
src: ~/assets/images/portfolio/cards/g-mini.svg
alt: Собака Павлова • G-mini • Облачная платформа для автоматизации строительства
tags:
- it
- research
- redesign
- prof
relatedPages:
- text: |
### Вам нужен интерфейс?
#### Заказать дизайн
Напишите нам на [we@sobakapav.ru](mailto:we@sobakapav.ru)
#### Что мы можем сделать?
[UX-аудит](/services/research) и [точечный редизайн](redesign), как в этом кейсе, и [многое другое](/services).
collection: services
page: research
- collection: services
page: redesign
- text: |
### Хотите уметь так же?
Научим создавать хорошие интерфейсы.
collection: promo
page: mio
- collection: promo
page: uc
relatedPages2:
- text: |
### Похожие проекты
collection: portfolio
page: smartdeal-ecp
- collection: portfolio
page: easydocs
- collection: portfolio
page: edms
- collection: portfolio
page: lantapro
- collection: portfolio
page: yit
outcome:
title: Некоторые цифры
numbers:
- title: Предложили
number: 2 варианта
text: взаимодействия с пользователем
- title: Создали
number: 3 концепции
text: «умного» поиска
- title: Подготовили
number: 4 формата
text: выдачи результатов
- title: Добавили
number: 8 идей-фич
text: повышающих удобство
result:
- src: ~/assets/images/portfolio/figma.svg
text: Макеты интерфейса
link: "https://www.figma.com/files/project/391156890"
budget: "480 000 ₽"
time: "2 месяца"
director: |
Продукты, применяющие искусственный интеллект, постепенно становятся повседневностью реальностью, данной нам в ощущениях. И эта новая реальность требует новых подходов к UX.
В этом проекте мы предложили способы интегрировать AI в интерфейс, обеспечивающие удобное взаимодействие с ним и хороший пользовательский опыт. Классный проект. Нам понравилось.
metadata:
canonical: https://sobakapav.ru/portfolio/g-mini
title: Облачная платформа для автоматизации строительства
description: "Проанализировали существующую систему и улучшили работу умного поиска"
robots:
index: true
follow: true
openGraph:
site_name: Собака Павлова
images:
- url: '~/assets/images/portfolio/g-mini/badge.png'
width: 1200
height: 630
---
import Image from '~/components/common/Image.astro';
import TOC from '~/components/widgets/TOC.astro';
import PhoneMockup from '~/components/widgets/PhoneMockup.astro';
import ImageSlider from '~/components/common/ImageSlider.astro';
import UniversalSlider from '~/components/common/UniversalSlider.astro'
<TOC>
[Бизнес-задача](#anchor1) • [Дизайн-задача](#anchor2) • [Результат](#anchor3) • [Нюансы и особенности](#anchor4) • [Отзыв, цены, сроки](#anchor5)
</TOC>
## <a name="anchor1" />Бизнес-задача
Компания пришла к нам с двумя ключевыми запросами:
1. Улучшить работу «умного» поиска. Он должен быть быстрее, точнее и понятнее для пользователей.
2. Сделать управление пользователями и доступами удобнее. Администраторы должны легко видеть полномочия, назначать и менять права.
Оба направления напрямую влияют на удобство и безопасность, а значит — на удовлетворенность пользователей.
<a href="/images/portfolio/g-mini/00.png" target="_blank"></a>
<em>Старый интерфейс системы</em>
## <a name="anchor2" />Дизайн-задача
Для поиска:
- провести анализ и зафиксировать ключевые сценарии;
- предложить концепты «умного» поиска, включая фильтрацию.
<a href="/images/portfolio/g-mini/0.png" target="_blank"></a>
<em>Старый интерфейс системы</em>
Для управления пользователями:
- изучить требования и текущее решение;
- проанализировать отзывы пользователей;
- разработать концепты админ-панели для выдачи прав и управления доступом.
## <a name="anchor3" />Результат
Для «умного» поиска мы:
- показали два варианта взаимодействия («классический» поиск и чат-бот);
- предложили 3 концепции UI-раскрытия результатов «умного» поиска;
- подготовили 4 формата выдачи результатов;
- добавили 8 идей-фич, повышающих удобство.
### Два варианта взаимодействия
#### Классическое
Пользователь кликает на иконку поиска в шапке и видит на той же странице окно поиска посередине экрана. ИИ находит нужный файл, добавляет комментарии и ссылки. Когда пользователь вводит новый запрос, ИИ начинает новый поиск.
<ImageSlider slides={[
'/images/portfolio/g-mini/7.png',
'/images/portfolio/g-mini/8.png',
'/images/portfolio/g-mini/9.png',
]}/>
<em>Классическое взаимодействие: <a href="/images/portfolio/g-mini/7.png" target="_blank">строка поиска</a>, <a href="/images/portfolio/g-mini/8.png" target="_blank">Ответ ИИ в модальном окне</a>, <a href="/images/portfolio/g-mini/9.png" target="_blank">новый поиск</a></em>
#### LLM-чат-бот
Пользователь кликает на иконку поиска в шапке и видит модальное окно чат-бота. ИИ подкрепляет ответ ссылками на источники. Чат по контексту предлагает дополнительные возможности поиска для достоверности результатов. Если ищется человек, ему можно написать тут же. Когда пользователь вводит новый запрос, ИИ продолжает поиск в том же окне.
<ImageSlider slides={[
'/images/portfolio/g-mini/10.png',
'/images/portfolio/g-mini/11.png',
'/images/portfolio/g-mini/12.png',
]}/>
<em>Концепт взаимодействия «LLM-чат-бот»: <a href="/images/portfolio/g-mini/10.png" target="_blank">начальное состояние</a>, <a href="/images/portfolio/g-mini/11.png" target="_blank">бот показывает ответ</a>, <a href="/images/portfolio/g-mini/12.png" target="_blank">новый ответ в том же окне</a></em>
### Три концепции UI-раскрытия результатов «умного» поиска
#### 1. Раскрытие в хедере
Пользователь вводит текст в хедере и сразу получает результат в выпадайке. Никуда не переходит, кликает всего один раз — в поле поиска, чтобы начать вводить текст. Если нужно, может перейти на полную страницу результатов поиска.
<a href="/images/portfolio/g-mini/1.png" target="_blank"></a>
<em>Начальное состояние поиска</em>
Это идеально подходит для поиска чего-то конкретного: файла, цитаты, комментария, даты. Но не очень удобно для списка документов, для объемных ИИ-ответов (пространство ограничено).
<a href="/images/portfolio/g-mini/2.png" target="_blank"></a>
<em>Концепт поиска 1. Результаты поиска и ответ ИИ в хедере</em>
#### 2. Раскрытие в модальном окне
Пользователь нажимает иконку поиска или комбинацию клавиш и попадает в модальное окно поиска. Видит фильтры и подсказки. Может получить предварительный ответ ИИ или углубиться и получить продуманный ответ. ИИ подсказывает, как можно продолжить или уточнить поиск.
Этот способ оставляет пользователя в контексте задачи или раздела, где он находился. Гибок в плане демонстрации результатов; ответ ИИ, фильтры, подсказки и другие элементы легко помещаются в одном модальном окне. Однако возможны сложности с фильтрацией результатов.
<ImageSlider slides={[
'/images/portfolio/g-mini/3.png',
'/images/portfolio/g-mini/4.png',
]}/>
<em>Концепт поиска 2. Раскрытие в модальном окне: <a href="/images/portfolio/g-mini/3.png" target="_blank">строка поиска</a>, <a href="/images/portfolio/g-mini/4.png" target="_blank">ответ ИИ в модальном окне</a></em>
#### 3. Раскрытие на весь экран
Пользователь кликает на иконку поиска в шапке и переходит на страницу поиска. Видит, что искал и открывал раньше. Вводит текст и сразу видит предварительные результаты. ИИ помогает фильтровать и уточнять ответы.
Плюсы:
- Содержит историю поиска.
- Сразу показывает фильтры и подсказки — пользователю проще уточнять результат.
- Умеет комбинировать большие списки документов и развернутый ответ ИИ.
- Самый доступный вариант с точки зрения управления результатами.
Минусы:
- Закрывает весь экран. Это почти новый раздел.
- Перебивает контекст, заставляет погружаться в новый экран.
- Избыточен, если пользователь хочет быстро найти конкретный документ.
<ImageSlider slides={[
'/images/portfolio/g-mini/5.png',
'/images/portfolio/g-mini/6.png',
]}/>
<em>Концепт поиска 3. Раскрытие на весь экран: <a href="/images/portfolio/g-mini/5.png" target="_blank">модальное окно с фильтрами</a>, <a href="/images/portfolio/g-mini/6.png" target="_blank">поисковая выдача и ответ ИИ</a></em>
### Четыре формата выдачи результатов
1. Классический список документов. ИИ убирает все лишнее: фильтры, подсказки и др.
2. Список документов в формате карточек.
3. Текстовый ответ ИИ со ссылками на источники.
4. Текстовый ответ ИИ, в котором суть ответа (например, дата) выносится в заголовок; далее следуют подробности и ссылки на документы.
<ImageSlider slides={[
'/images/portfolio/g-mini/13.png',
'/images/portfolio/g-mini/14.png',
'/images/portfolio/g-mini/15.png',
'/images/portfolio/g-mini/16.png',
]}/>
<em>Форматы выдачи результата: <a href="/images/portfolio/g-mini/13.png" target="_blank">список документов</a>, <a href="/images/portfolio/g-mini/14.png" target="_blank">карточки документов</a>, <a href="/images/portfolio/g-mini/15.png" target="_blank">текстовый ответ</a>, <a href="/images/portfolio/g-mini/16.png" target="_blank">ответ в заголовке</a></em>
### Административная панель
Мы проанализировали существующую административную панель. Разложили user-flow на 5 сценариев и 45+ макетов. Выявили проблемы в процессе выдачи прав и доступов.
>Use cases — пользовательские сценарии, сценарии взаимодействия, сценарии использования, пользовательские сценарии — последовательное описание поведения человека при взаимодействии с системой и системы, когда с ней взаимодействует человек. У нас есть [модуль дизайн-задачника «Сценарии взаимодействия»](https://www.eduhund.ru/program/usecases/?utm_source=sobakapav&utm_medium=site&utm_campaign=page) для тех, кто хочет научиться их использовать в дизайне интерфейсов.
Не успели мы приступить к созданию макетов административной панели, как заказчик приостановил проект по внутренним причинам.
### Дополнительно
В процессе появились и дополнительные макеты — например, детализация ответа ИИ и вариант предварительного ответа. Они не входили в задачу, но были полезны для развития продукта.
<ImageSlider slides={[
'/images/portfolio/g-mini/17.png',
'/images/portfolio/g-mini/18.png',
'/images/portfolio/g-mini/19.png',
'/images/portfolio/g-mini/20.png',
]}/>
<em>Фичи «умного» поиска: <a href="/images/portfolio/g-mini/17.png" target="_blank">взаимодействие с результатами</a>, <a href="/images/portfolio/g-mini/18.png" target="_blank">система создает фильтры под ответ</a>, <a href="/images/portfolio/g-mini/19.png" target="_blank">превью</a>, <a href="/images/portfolio/g-mini/20.png" target="_blank">горячие клавиши</a></em>
Команда дизайнеров предложила решения за рамками ТЗ. Одно из них — режим диалога с ИИ во время поиска. Заказчик отметил это как интересное направление для будущего.
<ImageSlider slides={[
'/images/portfolio/g-mini/21.png',
'/images/portfolio/g-mini/22.png',
'/images/portfolio/g-mini/23.png',
'/images/portfolio/g-mini/24.png',
]}/>
<em>Фичи «умного» поиска: <a href="/images/portfolio/g-mini/12.png" target="_blank">бот показывает ход размышлений</a>, <a href="/images/portfolio/g-mini/22.png" target="_blank">бот думает</a>, <a href="/images/portfolio/g-mini/23.png" target="_blank">фильтры под поиском</a>, <a href="/images/portfolio/g-mini/24.png" target="_blank">фильтры сбоку</a></em>
## <a name="anchor4" /> Нюансы и особенности процесса
Мы работали в формате доверенного эксперимента: создавали концепты, обсуждали их на созвонах, вместе отсеивали то, что не актуально.
Это позволило сфокусироваться на поиске новых решений, а не на преждевременной детализации.
## <a name="anchor5" />