Астратек
← Все проекты02 / КЕЙС
Соединённые формы из металла и стекла
СОЦИАЛЬНАЯ СЕТЬ · PWA

Альт

Ближе
к людям.

От первого сообщения —
к настоящему разговору.

UX/UIFull-stackReal-time
● ● ●socialt.ru↗
Альт на большом экране
Один продукт для знакомств,
публикаций и личного общения.
СМОТРЕТЬ КЕЙС
ASTRATECH × АЛЬТPRODUCT DESIGN & ENGINEERING01 / 10
01ЗАДАЧА И КОНТЕКСТ

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

Мы объединили социальную ленту, личные профили и инструменты общения в одном веб-приложении.

Задача — дать пользователю простой путь от интереса к человеку до переписки, голосовых сообщений и звонка. Сервис должен одинаково уверенно работать на телефоне и большом экране.

ПРОДУКТСоциальная PWA

Установка на главный экран и единый веб-продукт для разных устройств.

НАША РАБОТАОт сценария до релиза

Проектирование, интерфейс, API, инфраструктура и автоматические проверки.

СТАТУСОпубликованный MVP

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

Найти человекаУзнать ближеНаписатьУслышать
ASTRATECH × АЛЬТPRODUCT DESIGN & ENGINEERING02 / 10
02ЛЕНТА И ОТКРЫТИЕ НОВОГО

Есть повод
начать разговор.

Публикации и сториз становятся точками знакомства.

Лента рекомендаций и подписок, поиск людей и тегов, комментарии и закладки помогают находить интересное и возвращаться к нему.

Контент на первом плане

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

Поиск без тупиков

Люди, публикации и теги в одном разделе.

Сохранить на потом

Закладки и переходы к профилям сохраняют контекст знакомства.

● ● ●socialt.ru↗
Альт на большом экране
Мобильная версия Альт
ASTRATECH × АЛЬТPRODUCT DESIGN & ENGINEERING03 / 10
03ЛИЧНОЕ ОБЩЕНИЕ

У разговора
есть продолжение.

Директ, в котором удобно оставаться на связи.

Сообщения появляются без обновления страницы. Голосовые, ответы, пересылка и реакции дают больше способов выразить мысль.

Статусы доставки и прочтения Поиск по переписке История с подгрузкой старых сообщений Уведомления для отдельного чата
● ● ●socialt.ru↗
Альт на большом экране
ASTRATECH × АЛЬТPRODUCT DESIGN & ENGINEERING04 / 10
04ГОЛОС И ВИДЕО

Больше, чем текст.

Аудиозвонок начинается в диалоге. Камера подключается внутри разговора — с согласия собеседника.

● ● ●socialt.ru↗
Альт на большом экране
Аудиозвонок на большом экране
Мобильная версия АльтПостановочный кадр видеозвонка
Видео внутри разговора
Звонки для взаимных подписчиков. Сервис не записывает аудио и видео разговора.
ASTRATECH × АЛЬТPRODUCT DESIGN & ENGINEERING05 / 10
05ПРОФИЛЬ И ВЗАИМНОСТЬ
● ● ●socialt.ru↗
Альт на большом экране

Чуть ближе.
Ещё до «привет».

Профиль рассказывает не только о человеке, но и о том, как с ним общаться.

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

Взаимная симпатия

Заметное личное событие с отдельным визуальным акцентом.

Простой следующий шаг

Переход из профиля прямо в личный диалог.

Личные границы

Настройки приватности, блокировка и жалобы доступны в продукте.

ASTRATECH × АЛЬТPRODUCT DESIGN & ENGINEERING06 / 10
06ОДИН ПРОДУКТ НА РАЗНЫХ ЭКРАНАХ

Больше пространства.
Тот же контекст.

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

● ● ●socialt.ru↗
Альт на большом экране
Адаптивный веб-интерфейсЕдиные профили, сообщения и историяНавигация с сохранением контекста
ASTRATECH × АЛЬТPRODUCT DESIGN & ENGINEERING07 / 10
07PWA И ВОЗВРАЩЕНИЕ В СЕРВИС

Рядом.
На главном экране.

Веб-сервис с привычными сценариями приложения.

Вход через Яндекс ID

Внутренняя учётная запись и быстрый старт без отдельного пароля.

Уведомления по делу

Объясняем пользу push до запроса разрешения. In-app и системные события не дублируют друг друга при активной сессии.

Входящий вызов через push

Звонок может стать поводом вернуться в установленную PWA.

Мобильная версия Альт
Иконка Альт
АльтУстановить на главный экран
ASTRATECH × АЛЬТPRODUCT DESIGN & ENGINEERING08 / 10
08ВИЗУАЛЬНЫЕ ПРИНЦИПЫ

Тихий интерфейс.
Заметные действия.

АаSource Sans 3

Крупные заголовки, читаемые сообщения и ясная иерархия. Контент получает пространство, элементы управления — узнаваемую форму.

ГрафитОсновные действия
БелыйКонтент и пространство
Серо-голубойСобственные сообщения
Мягкий зелёныйЗначимые события
ASTRATECH × АЛЬТPRODUCT DESIGN & ENGINEERING09 / 10
09РЕЗУЛЬТАТ
Связь форм
Альт

От идеи общения —
к работающему
продукту.

Опубликованный MVP: профили, контент, переписка, голосовые, звонки и PWA объединены в один пользовательский опыт.

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

Strategy & UXInterfaceBackendInfrastructureQA
← К списку проектовКонтакты ↗