Нужно задизайнить несколько страниц для чат системы. Дизайн должен быть простым, но содержательным.
Главная страница:
слева и справа по бокам должны быть расположены источники чатов (например: +380**312312, instagram и тд), один из источников должен быть выбран.
у источников могут быть подписи, дополнительно к названию.
когда источник открыт, должны показаться диалоги с клиентами. диалог может быть подписан и помечен каким-то цветом. то, что будет всегда в диалоге - имя клиента.
диалоги могут быть закреплены, в диалогах отображается последнее сообщение (или черновик) и может быть количество непрочитанных сообщений. новые диалоги должны быть как-то помечены. так же, они должны быть разделены по дням (today, tomorrow, 2 days ago).
обязательно должно быть какое-то поле для ввода номера телефона (либо инстаграма) для создания нового диалога
дальше, когда открыт диалог должно быть окно чата.
сообщения от клиента и от нас должны быть по разным сторонам и помечены разными цветами.
у сообщения обязательно должна быть подпись времени, а так же индикаторы отправки (галочки и лоадер, всего должны быть 3 состояния).
сообщения можно закреплять и откреплять, по принципу телеграма.
так же, новые сообщения должны быть отделены (по принципу телеги)
и сообщения должны быть тоже разделены на дни (today, tomorrow, 2 days ago)
сообщения могут содержать фото, видео, и аудиосообщения. фото может быть несколько и разных размеров, это нужно учесть при дизайне.
сообщения могут быть разделены "по группам", к примеру, если в настройках источника что-то поменялось, то в чате это должно отразиться условной линией с небольшим комментарием
ниже чата должна быть строка ввода сообщения, с возможностью прикрепить файлы, выбрать эмодзи и записать голосовое сообщение. когда прикрепляешь файл - должно где-то отображаться, может в небольших фотках.
справа от чата должно быть небольшое окно информации о клиенте. там должна быть расположена панелька управления клиентом (изменить данные клиента, позвонить, заблокировать), ниже должна быть возможность оставлять комментарии к клиенту, ну и соответственно просмотр этих комментариев.
нужно сделать универсальное модальное окно (к примеру, для изменения данных клиента)
Страница с источниками:
должна быть табличка с источниками, таблицу нужно сделать универсальной, что бы её можно было переиспользовать. обязательно в таблице должны быть хедер и под ним поиск (включая dropdown).
Форма:
нужно сделать универсальную форму, с инпутами, чекбоксами, дропдаунами и кнопками.
кнопки разных размеров, цветов (минимум 7)
к этому всему нужно сделать навигацию, информацию о залогиненом менеджере и кнопка "выйти". а так же, какой-то простой адаптив для планшетов
с победившим кандидатом будем дальше дорабатывать дизайн