Разработка сайта для Бюро Долгов

В конце августе 2023 года к нам обратились из компании Бюро Долгов с целью создания платформы по продаже юридических лиц и долгов.
На момент обращения у заказчика была идея проекта, примерная структура сайта, наброски логотипа и пожелания по цветовой гамме.

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

В первоначальных концепциях мы решили попробовать логотип в виде монограммы, ища форму для будущего логотипа. В результате разработки мы получили 4 вариации логотипа, которые мы предоставили заказчику на сбор обратной связи.

После получения обратной связи ключевой цвет концепции был изменен на красный + добавились два дополнительных цвета — белый и черный. От монограммы решили отказаться в пользу фигуры треугольника.

После второй итерации из всех подготовленных вариантов был выбран составной треугольник. Как только логотип подтвердили мы наконец-то смогли перейти к разработке визуального оформления сайта и подготовке концепта главной страницы.

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

В собранном концепте были пересмотрены некоторые особенности элементов (например скругления и цветовая гамма). Для того чтобы понять в правильную ли мы движемся сторону нужно было больше интерфейсных элементов, поэтому мы сфокусировались на подготовке главной страницы где блоков и элементов было гораздо больше.

Итогом стала главная страница с учетом правок и пожеланий от заказчика — заказчик подтвердил полученную концепцию и мы смогли сфокусироваться на подготовке дизайн-макетов основной массы страниц будущего сайта.

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

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

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

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

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

Для того чтобы страницы нормально отображались с любого устройства для каждой страницы были подготовлены планшетная и мобильные версии

Естественно как и в подготовке любого другого нашего проекта не обошлось без компановки стайлгайда со всеми состояниями интерактивных элементов, а также текстовыми стилями и используемыми на сайте цветами.