Редизайн сервиса аренды виртуальных номеров
на фрилансе напрямую с buisness-owners и .devs
на фрилансе напрямую с buisness-owners и .devs
Клиент
«SAS» — международный сервис с 220K пользователей в 16 странах. Основанный в 2020 году, за 5 лет сервис вышел на 10 тысяч продаж виртуальных номеров ежемесячно, заняв позицию в топ-листе этой сферы бизнеса. Разработчики из России, поэтому дизайн выполнен на русском, но большая часть пользователей — люди со всего мира.
Основной конкурент
Основной конкурент
Что сделал
Исследование трендов
Конкурентный анализ
Проектирование
UX-редакция
Концепция
Дизайн
Конкурентный анализ
Проектирование
UX-редакция
Концепция
Дизайн
Задача
Заказчик обратился с задачей разработать дизайн главной страницы, личного кабинета с UX сценарием продуктовой страницы, модальных окон и компонентную базу для будущих доработок мидл дизайнером: страница настроек и все информационные страницы и подсценарии.
Бонусом я обновил их логотип и систему визуальной идентификации.
Цель — повысить конверсионность, используя новый премиум стиль, улучшить пользовательские сценарии и удобство для пользователей мобильной версии составляющих более 70%.
Бонусом я обновил их логотип и систему визуальной идентификации.
Цель — повысить конверсионность, используя новый премиум стиль, улучшить пользовательские сценарии и удобство для пользователей мобильной версии составляющих более 70%.
Решение
Основной сложностью для главной страницы стало формирование уникального стиля не похожего на конкурентов, написать UX writing согласно новой политике продвижения без множества SEO текста.
Для продуктовой страницы — сохранить и улучшить эффективность продуктовых механик, сделать интерфейс удобнее для постоянных пользователей и интуитивнее для новых.
Для продуктовой страницы — сохранить и улучшить эффективность продуктовых механик, сделать интерфейс удобнее для постоянных пользователей и интуитивнее для новых.
UX writing
Качественный дизайн требует качественных формулировок в тексте. В больших командах этим занимается UX-редактор. В независимых, где сервис ведут два человека пользуясь услугами фриланса писать текст некому. Взяв на себя ответственность я переписал все тексты благодаря знаниям из «Пиши, сокращай» и своему опыту — пример:
Авторизуйтесь в сервисе
Создайте личный кабинет, чтобы арендовать виртуальные номера
Выберите опции и арендуйте номер
Выберите страну, оператора и сервис, где вам нужен аккаунт
Введите номер при регистрации
Выберите регистрацию по номеру телефона при создании аккаунтов
Получите СМС-код верификации
Вы можете увидеть код в личном кабинете и скопировать его
Введите код подтверждения и создайте аккаунт
Если СМС не придет в течение 20 минут бесплатно поменяем номер на другой
Зарегистрируетесь
Выберите страну и сервис откуда нужно получить СМС код (Telegram, WhatsApp, ВКонтакте и др), мы мгновенно выдадим номер для регистрации.
Принимайте SMS онлайн
Скопируйте выданный номер телефона, вставьте его при регистрации аккаунта и получите СМС код подтверждения в своем личном кабинете.
Завершите регистрацию
Введите код из SMS и зарегистрируете аккаунт анонимно. Получайте СМС коды и создавайте столько аккаунтов сколько необходимо.
Было
Чтобы понять алгоритм работы сервиса новому пользователю придется перечитывать шаги дважды, что ведет к потере времени и когнитивной нагрузке. Особенно путает слово «регистрация» повторенное два раза в заголовках и тавтология.
Стало
Если в текстовом блоке меньше слов, пользователю это удобнее, он быстрее считывает текст и понимает смысл. Меньше повторений — снижение когнитивной нагрузки. Кратко, доходчиво, без точек, как это принято у «топов».
Style Guide
Типографическая система, колористика и изображения. Показываю без иконок, поскольку они не представляют интереса и их минимум.
Изображения сгенерированны в Stable Diffusion by Dmitry Chaplinskiy
Компоненты
Посмотреть можно в фигма. На главной использовалось не более 15, но в целом вариативных компонентов около 40. Знание атомарного дизайна показываю во всех проектах.
Логотип
Благодаря образованию на курсе «арт-дирекшн в дизайне» я сделал новый логотип и фавикон, это необходимо для консистентности. Что было, можно посмотреть.
Проект низкобюджетный, поэтому не использовал шрифтовую пару и платные, модные шрифты. Сайт переводится на 16 языков, что может вызвать баги с использованием не гугл шрифтов.
По этой же причине сделано только две страницы, без страницы «настройки» и малых UX сценариев на что у клиента не хватило бюджета. Сделает это фриланс мидл ux дизайнер, используя библиотеку компонентов и принципы заложенные в дизайн — простота, удобство, интуитивность, пространство, минимум кликов, тапов.
Кликабельный прототип
По этой же причине сделано только две страницы, без страницы «настройки» и малых UX сценариев на что у клиента не хватило бюджета. Сделает это фриланс мидл ux дизайнер, используя библиотеку компонентов и принципы заложенные в дизайн — простота, удобство, интуитивность, пространство, минимум кликов, тапов.
Кликабельный прототип
