• Веб
  • Платежная система «Мир»
  • Этапы:  Первый Второй

    Создание сайта платежной системы «Мир»

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

    Думаем над развитием истории. Решаем рассказать о платежной системе от имени ее участников и партнеров.

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

    Готовим видеопрезентацию и демонстрируем ее заказчику.

    Заказчик принимает концепцию. Формулируем правила проведения будущей фотосессии.

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

    Готовим чистовые изображения карт и прикидываем на макетах, как будет выглядеть главная страница.

    Рисуем внутренние страницы.

    Заказчик просит поменять концепцию главной страницы, сместив акцент с банков на саму платежную систему «Мир». Решаем спокойно рассказать на главной странице про систему и ее возможности, показав, что за коротким названием стоит целая страна.

    Набрасываем структуру главной и показываем заказчику.

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

    Постепенно меняем страницу.

    Думаем, как связать историю системы с уже проведенными мероприятиями.

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

    Собираем видео и показываем его заказчику.

    Заказчику нравится, но после внутренних обсуждений он просит внести изменения. Нужно объединить верхний блок с информацией о карте, уменьшить объем блоков событий и акций, сделать терминал более современным и поправить несколько других мелочей.

    Прикидываем новые варианты оформления верхнего блока.

    Решаем отобразить родные просторы внутри самой карты.

    Делаем компактнее блок событий и акций, снова показываем все заказчику.

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

    Несмотря на изменения главной страницы, стремимся сохранить на сайте анимацию карт. Предлагаем перенести ее на страницу «Банкам», объединив с уже существующим там содержимым.

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

    Обновляем страницу событий.

    Придумываем оформление страниц ошибок.

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

    Наполняем страницу «Бизнесу» актуальными данными для владельцев торгово-сервисных предприятий.

    Новое содержимое состоит в основном из технической информации, поэтому важно сделать каждый блок нескучным и сопроводить его полезной графикой. Раздел «Безопасность» предполагает перечисление множества обязательных элементов — связываем их ниточками с конкретными частями карты.

    Выделяем программу лояльности.

    В конце показываем разные типы карт платежной системы «Мир». Хочется их оживить, повертеть и посмотреть на различия, а не просто изучать текст. Прикидываем расположение карт и готовим модель с текстурами для технолога.

    Прикручиваем. Настраиваем свет и анимацию.

    Исправляем баги и готовимся к анонсу.