Редизайн личного кабинета Exmail: модернизация UX/UI с сохранением функциональности
Ru
Ru En Pl
Рассчитать стоимость Рассчитать стоимость

Exmail

Редизайн личного кабинета Exmail

  • Клиент: "Exmail"
  • Сфера: Почтовая служба
  • Ссылка: https://exmail.ws/
  • Тип сайта: Корпоративный сайт
  • Завершено: Июнь 2025 г.
01
Задача

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

slide-01
slide-01
slide-01
slide-01
slide-01
slide-01
slide-01
slide-01
slide-01
slide-01
slide-01
slide-01
slide-01
slide-01
Previous
Next
02
Решения

Личный кабинет Exmail

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

Функционал

  1. Обновлённый UI и визуальный стиль
    Интерфейс личного кабинета был полностью переосмыслен с точки зрения визуального языка. Мы внедрили минималистичный дизайн, современную типографику и новую цветовую схему, что повысило читаемость и снизило визуальную нагрузку.
  2. Улучшенная навигация и структура
    Была обновлена навигационная структура: перераспределены блоки, переработана иерархия представления информации. Это позволило пользователям быстрее ориентироваться в кабинете.
  3. Адаптивность интерфейса
    Интерфейс стал полностью адаптивным: элементы перестраиваются в зависимости от устройства, обеспечивая комфортную работу как на десктопе, так и на мобильных устройствах.
  4. Сохранение и оптимизация функционала
    Вся ключевая функциональность сохранена: фильтрация писем, пересылка, ответы, настройка папок и управления профилем. Доступ к действиям стал быстрее и проще.
  5. Интеграция с REST API
    Благодаря работе с существующим API не потребовалось переписывать бэкенд — мы аккуратно подключили новый интерфейс к уже готовой логике.
  6. Интерактивные элементы
    Все кнопки, формы и поля снабжены понятными состояниями, что делает взаимодействие более предсказуемым и приятным.

Этапы реализации

1. Исследование и анализ

  • Анализ пользовательских сценариев и поведения
  • Аудит текущего интерфейса
  • Сравнение с UX лучших практик в отрасли

2. Проектирование и дизайн

  • Создание нескольких вариантов интерфейса (более 5)
  • Проведение юзабилити-тестов внутри команды и со стейкхолдерами
  • Итеративная доработка дизайна на основе обратной связи
  • Обновление визуального стиля и иконок, редизайн типографики

3. Разработка

  • Адаптивная верстка на JavaScript с учётом кроссбраузерности
  • Подключение к существующему REST API
  • Тестирование и A/B-тестирование на реальных пользователях
03
Технологии
demo
laptop
04
Результат

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

Проекты в направлении Редизайн сайта