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

34e8ed473fc.jpg

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

7d575bd9b59.jpg

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

d5f47fb16c4.jpg

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


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

7927c004ccd.jpg

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

5ed16be4dc6.jpg

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

58b1629039e.jpg

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

c58c934fccc.jpg

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

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

00ff546fa85.jpg

Данный слайд демонстрирует интеграцию личного кабинета на сайт.

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

127c2721e90.jpg

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

65bf7e0dbd1.jpg

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

a450103da64.jpg
Проект опубликован пользователем. Чтобы поделиться своим проектом, написать новость или статью нажмите кнопку «Стать автором»

Интересные материалы