Создание макетов сайта сервиса «Мили»

Описание• Процесс

Погружаемся в тему: изучаем конкурентов, смотрим лекции и читаем интервью.

Чтобы определиться с направлением дизайн-концепции, делаем наброски и показываем арт-директору.

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

Параллельно с разработкой концепции делаем первый подход к проектированию личного кабинета.

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

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

Подключаем еще одного дизайнера. Он делает скетчи.

Все мимо. Раскладываем по полочкам процесс и собираем еще один вариант.

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

Арт-директор согласен, заказчику нравится. Развиваем дальше. Для простоты понимания и использования нужно, чтобы играл один объект. Выбираем торты, а на тортах... Может, сотворение мира?

Решаем показать рост.

Заказчик говорит, что тортики — не туда. Микрозаймы — серьезный сервис. Арт-директор предлагает заменить торты монетами, а на монетах... Сервис дает возможность осуществить желание. Что, если обратиться к сказкам: золотая рыбка, джинн, четырехлистник? Скетчуем.

Арт-директор согласен. Прорабатываем.

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

Арт-директор: Нужно убрать слоган с монетки, а лого перенести вниз. Примерять лучше на скрине. Надо взять самую нижнюю куру, пятого джинна и самую нижнюю рыбу.

Правим.

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

Заказчик говорит, что красота отвлекает от главного, а главное — это форма. Упрощаем и добавляем пользы.

Переходим к более простым вещам. Чтобы получить деньги, требуется аккаунт и паспорт. Сделаем понятно: подготовьте паспорт, заполните форму, получите деньги.

Нужно показать, что люди пользуются сервисом и доверяют ему. Размещаем на первом экране отзывы заемщиков.

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

Готовимся к Новому году и делаем альтернативные подложки для тестирования.

Описываем баги.

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

Собираем типовую страницу.