Разработка интерфейса личного кабинета для информационно-правового центра

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

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

Для создания успешно развивающегося и продвигаемого в сети интерфейса личного кабинета, был проведен анализ аналогичных сайтов, выявлены недостатки и плюсы.
При разработке данного проекта были изучены интерфейсы личных кабинетов крупных интернет-банков и компаний, оказывающих аналогичные услуги.

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

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

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

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

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

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

Спасибо за просмотр!
