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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Правим.

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

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

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

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

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

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

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

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

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