Редизайн универсального кабинета Exmail

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

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

1. Обновлённый UI и визуальный стиль

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

2. Улучшенная навигация и структура

Была обновлена навигационная структура: перераспределены блоки, переработана иерархия представления информации. Это позволило пользователям быстрее ориентироваться в кабинете.

3. Адаптивность интерфейса

Интерфейс стал полностью адаптивным: элементы перестраиваются в зависимости от устройства, обеспечивая комфортную работу как на десктопе, так и на мобильных устройствах.

4. Сохранение и оптимизация функционала

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

5. Интеграция с REST API

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

6. Интерактивные элементы

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

- Анализ пользовательских сценариев и поведения

- Аудит текущего интерфейса

- Сравнение с UX лучших практик в отрасли

- Создание нескольких вариантов интерфейса (более 5)

- Проведение юзабилити-тестов внутри команды и со стейкхолдерами

- Итеративная доработка дизайна на основе обратной связи

- Обновление визуального стиля и иконок, редизайн типографики

- Адаптивная верстка на JavaScript с учётом кроссбраузерности

- Подключение к существующему REST API

- Тестирование и A/B-тестирование на реальных пользователях

В результате выполненных работ клиент получил модернизированный интерфейс личного кабинета, разработанный с использованием Figma, JavaScript и REST API, с сохранением всей логики на стороне PHP. Новый интерфейс отличается улучшенной производительностью, удобством использования и адаптивностью, что позволило повысить вовлечённость пользователей и упростить работу с почтой. Проект прошёл согласование с заинтересованными сторонами и был успешно внедрён без нарушения работы сервиса.