Диляра Медведева

Дизайнер сервисов, проектирую приложения и сайты.
Dilyarkina@gmail.com

Лоадер

Задача — сделать мультяшный лоадер для bus.tutu.ru.
Решение: чтоб поиски билета не казались долгими и скучными, рисую мультяшный автобус в стиле «анимационных стикеров Телеграма». Докрутить анимацию помог Сергей Котельников в АЕ.

Как работает автобус в реальности:

 132   5 мес  

Улучшение объявления

Задача — улучшить плакат об изменениях в расписании общественного транспорта:

Возьмём остановку «Площадь Академика Люльки». В мире Мосгортранса эта остановка относится к району Преображенский:

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

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

Например, пассажир едет с остановки «Площадь Академика Люльки» в сторону метро «Семёновская». Он привык, что здесь ездят только 11-й и 25-й трамваи и 311-я маршрутка. И знают как они обычно ездят. Если что-то поменялось именно для этой стороны движения , то это и указываем в заголовке. То есть указываем именно название станции метро или другой известный ориентир в зависимости от района:

Соответственно на другой стороне остановки показываем те изменения, которые актуальны для движения транспорта в противоположную сторону:

Шаблон покрупнее:

 112   5 мес  

Наружная реклама для автовокзалов

Задача — создать шаблон рекламы Туту-Автобусы для вокзалов Курской области.
Решение: так как реклама могла располагаться на любых поверхностях (от минимальных 1 м × 1 м до 12 м × 3 м) решила сделать «более масштабированный» формат. Цель — обратить внимание пассажиров на покупку автобусных билетов в онлайне.

Для вокзала в Курске:

Для автостанции в Фатеже:

 114   6 мес  

Тестовое для Туту

Задание — «через десять лет, мода, интерфейсы и средства доставки информации к людям здорово изменятся. Технологии позволят путешествовать проще и будут больше знать о нас. Люди станут мобильнее, но им по-прежнему нужна будет помощь в выборе лучшего варианта путешествия. Пожалуйста, пофантазируйте и покажите, как вы представляете дизайн продажи путешествий через десять лет. Мы не ограничиваем дизайнера в выборе срока или способа решения, но будем рады заранее узнать о первом.»

Ограничений по тестовому не было (кроме недельного дедлайна), поэтому было время поизучать тенденции в травел-индустрии и поразмышлять над тем как могло бы быть. По итогам поняла, что самыми перспективными направлениями являются «голосовые помощники», большие данные (в будущем технологии по обработке больших данных позволят лучше «персонализировать» предложения для потенциальных клиентов), виртуальная реальность и искусственный интеллект (нейросети). Но акцент, в итоге, сделала на персонализации и голосе — так как считаю, что несмотря на возможные «кривости» (человека не понял робота или робот не то ответил), голос является очень естественным «инструментом» для коммуникации при подборе туров, в отличия от «прицеливания» в кнопки и ссылки. Скорее голос помощника при подборе туров — это как возможность пообщаться клиенту с психологом/другом, чтобы помочь ему понять, что он реально хочет.

 111   6 мес  

Тарифы для карты Мегафон Банка

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

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

Схема сценариев для айоса:

Личный кабинет. Сценарий «Смена тарифа». Пример экранов для аудитории, которая уже имеет хотя бы одну цифровую или пластиковую карту от Мегафона:

Выбираем «Тарифы по карте» и попадем на страницу с карточками тарифов:

После выбора тарифа появляется попап:

 117   11 мес  

Авторизация входа для абонента Мегафона

Задача — сделать вход в приложение быстрее.

Решение. Совместно с командой решаем сменить форму старого пароля на более простую, а именно код из 4 цифр. Раньше пароль назначался системой и выглядел примерно так «3e0JIl3465fq». Сейчас код может выглядеть так «3445». Также работает автовход — код из сообщений вставляется автоматом для некоторых моделей айоса и андроида.

Схема на примере аойса:

 62   11 мес  

Быстрые идеи

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

2-.jpg
 67   2017  

Оплата заказа картой в онлайне

Задача — спроектировать и оформить процесс оплаты заказа для сайта «Деливери Клаба» и приложений (айос и андроид) Деливери Клаба. Требования — сделать «по-быстрому», в визуальном стиле Деливери.

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

Если что-то пошло не так.

Продуманы и оформлены все варианты развития событий.

 69   2017  

Быстрый выбор адреса доставки

Задача — сделать выбор адреса доставки еды быстрее. Требования — сделать «по-быстрому», оформить в стиле Деливери клаба.

Решение. Чтобы каждый раз не искать адрес доставки на карте или не писать вручную — предлагаем клиентам сохранить адрес в виде домашнего или рабочего. Чтобы успеть в срок, за основу берём «уберовскую» логику, кроме некоторых деталей типа ввода адреса.

Стандартный попап с геолокацией. Если выбрали «Включить», то показываем адрес:

Стандартный попап с геолокацией.

Если выбрали «Включить».

Если выбрали «Не включать».

Сохраненные адреса можно отредактировать по тапу в профиле.

 60   2017  

Акция «Приведи друга»

Задача — запустить новую акцию в рамках старого дизайна сайта.

Решение. Стараюсь аккуратно внедрить новые элементы (поля, кнопку, стиль фотографии) в старый дизайн так, чтоб было ощущение «одного стиля»:

 44   2017  
 59   2017  

Вертикальные вкладки для Хрома

Как же я задолбалась рыться в куче вкладок. Возьмём Хром:

Уменьшим шум. Почистим:

Кликаем на иконку слева от плюса:

Откроем больше.

 75   2015  

Туристический сайт

Задача — сделать новый сайт для Трансаэро тура.

На главной показаны главные предложения для туристов: акции на туры и популярные направления. Главные предложения «лицом»:

На внутренних страницах показаны все предложения.

 120   2014  

Сервис покупки авиабилетов

Задача — спроектировать интерфейс поиска и покупки авиабилетов для авиакассиров, партнёров и клиентов «Трансаэро тура», который бы помогал выбирать удобное время полёта.

Страница оформления брони — всё необходимое заполняется сразу:

Если что-то не так:

 93   2014  

Открытка

Поздравляем международных клиентов компании SPIRIT DSP

 72   2014  

Наружная реклама

Пара рекламных щитов 3×6 для оператора сотовой связи «Байкалвестком».

 62   2014  

Сайт для питомника растений

Задача — сделать простой и удобный сайт для небольшого питомника растений «Калина».

Решение. Слева — иллюстрация с деревом используется для навигации по сайту. К каждому пункту меню относятся разные листочки с соответствующими разделами. Справа содержание пунктов меню.

Это первая работа автора в сфере веб-дизайна.

 63   2014