Создание сайта компании «Авангард директ». Часть первая. Авангард директ сайт
ООО «Авангард»" - разработка ваших сайтов по низким ценам
![Web-студия "Авангард"](/800/600/https/web-avangard.ru/wp-content/uploads/2017/10/cropped-logo-2.png)
Наиболее эффективна для рекламы Ваших услуг или товаров в сети интернет
![](/800/600/http/web-avangard.ruimg/about-ico3.png)
Возможность установки на систему управления (изменять текст сайта можете сами без знаний языков программирования)
![](/800/600/http/web-avangard.ruimg/about-ico2.png)
Абсолютно адаптивная верстка (сайт будет отлично смотреться на всех утсройствах)
![](/800/600/http/web-avangard.ruimg/about-ico1.png)
Разработка дизайна (работает команда профессиональных дизайнеров)
Настройка рекламы на Яндекс Директ и Google Adwords Настройка продвижения сайта в Cоциальных Сетях (SMM)
Клиенты уже в первые недели работы сайта
Сайт визитка
Интернет магазин
Уникальный дизайн
![](/800/600/http/web-avangard.ruimg/pure.png)
- Панель управления, защищенная паролем для размещения объявлений и управление риэлторами
- Личные кабинеты каждого риэлтора
- Загрузка объявлений из Excel
- Добавление любого количества фото
- Возможность создавать свои характеристики и поиски для каждого раздела (аренда, продажа, коммерческая, земельные участки)
- Выгрузка для популярных досок объявлений: яндекс-недвижимость, avito.ru, циан, афи, млсн
Вы можете создать собственную форму, в которой будет содержаться специфическое описание для коммерческой недвижимости – например, наличие парковки, охраны, кафе и ресторанов поблизости. А для земельных участков добавить описание ближайшего шоссе или наличия разрешения на строительство. И при этом, каждый набор полей будет виден только при вводе определенных данных, чтобы не перегружать человека лишними деталями.
Дизайн, который приносит деньги. Быстро. Качественно.
![](/800/600/http/web-avangard.ru/wp-content/plugins/businessx-extensions/images/service1.jpg)
Логотип
от 5 000 Р
— основной элемент любого фирменного стиля. На его разработку уходит больше всего времени и сил, но ожидание всегда окупается. На основе брифа и собранных нами данных мы предлагаем оптимальные решения для Вашей аудитории.
Оставить заявкуФирменный стиль
от 10 000 Р
— это комплект используемых шрифтов, цветов, а также слоган или подстрочник логотипа (кратко и доступно объясняющий суть деятельности). В основу чаще всего ложится паттерн (орнамент), который используется на большинстве носителей фирменного стиля.
Оставить заявку![](/800/600/http/web-avangard.ru/wp-content/plugins/businessx-extensions/images/service2.jpg)
![](/800/600/http/web-avangard.ru/wp-content/plugins/businessx-extensions/images/service3.jpg)
Дизайн полиграфии
от 500 Р
Разработка дизайна полиграфии – дело творческое, помимо обычного «ощущения красоты и прекрасного» здесь необходимо учитывать и некие знания в области копирайтинга. Мы предлагаем все услуги по дизайну любой рекламной полиграфии с учетом подобных особенностей.
Дизайн соц. сетей
от 1 000 Р
Социальные сети – это новый и крайне эффективный способ взаимодействия с аудиторией и привлечения новых клиентов в Ваш бизнес. Первым шагом к привлечению новых клиентов должно стать создание позитивного облика группы.
Оставить заявку![](/800/600/http/web-avangard.ru/wp-content/plugins/businessx-extensions/images/service4.jpg)
![](/800/600/http/web-avangard.ru/wp-content/plugins/businessx-extensions/images/service5.jpg)
Веб-дизайн
от 5 000 Р
Мы можем создать красивый современный web-дизайн сайта и подготовить его к будущей верстке, если у вас есть свой верстальщик и программист. Можем подготовить сайт с нуля: вместе с отрисовкой дизайна мы также можем выполнить и техническую часть.
Оставить заявкуIT-Avangard Россия, Москва, Пресненская набережная, 11 Телефон: +7(904)855-55-03
ООО "Авангард" Россия, Пенза, Ул.Ставского, 14 Телефон: +7(8412)545-555
Напишите нам
×web-avangard.ru
Создание сайта «Авангард директа». Часть первая
На время сборки основного сайта создаем заглушку.
Приходит мысль сделать большой танкер, который увозит контейнеры с необходимыми действиями.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-01.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-02.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-03.jpg)
Клиенту нравится. Отрисовываем чистовую графику, верстаем и открываем.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-04.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-05.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-06.jpg)
Накидываем первые идеи сайта.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-07.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-08.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-09.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-10.jpg)
Почему бы не рассказать «истории грузов»?
Берем реальные истории о сложных грузах и ставим их в центр внимания. Например, рассказ о том, как доставляли дирижабль.
Хотим довести это до абсурда, усложнить и на примере этой истории рассказать про другие услуги. Про варенье, которое бабушка доставляла из Штатов своему внучку. Или про цистерны с роботами-трансформерами из Китая. Или про переезд зоопарка со всеми сопутствующими сложностями.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-11.jpg)
Машинка ездит во время прокрутки страницы
А здесь груз проходит таможню
Затем — экспедирование и погрузка на корабль. При прокрутке корабль плывет дальше с грузом
Груз попадает на склад (тут кратко рассказываем про складские услуги)
Или сделать репортаж — фото- либо видеоисторию о компании?
О том, как идут погрузки, как рождаются логистические схемы, что происходит с грузом на корабле. Съемка может быть ускоренной, в стиле тилт-шифт. Такой игрушечный мир логистики.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-12.jpg)
Или придумать военную стратегию?
Представим себе генералов, обсуждающих будущую битву. Им предстоит сражаться за груз клиента, за доставку боеприпасов. Перед ними на столе лежит карта. Они двигают машинки, переносят с места на место опорные пункты, склады, штаб. Получается такая игра в карту военных действий.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-13.jpg)
Рука катает по сайту фуры и корабли, передвигает склады, контейнеры и таможенные пункты
Эта штука обновляет статистику
Представляем внешний вид внутренних страниц.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-14.jpg)
Или гугл-карта на главной странице?
На карте — офис компании. Вокруг разбросаны иконки: машина, корабль, склады всякие. По нажатию на иконки в баблах всплывает краткая информация об услугах. Приближаешь офис — и его сотрудники рассказывают о логистических схемах, консультировании в сфере ВЭД и других сервисах, которыми занимаются в офисе.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-15.jpg)
Сложно ли доставить слона?
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-16.jpg)
Или сделать сайт простым и лаконичным, выделив его из массива сайтов других логистических компаний?
Сжатая подача материала и изложение сути преимуществ компании позволит клиенту поскорее дотянуться до телефонной трубки, набрать номер и растаможить уже эти 48 контейнеров черной икры, которая иначе просто испортится.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-17.jpg)
Собираем презентацию и показываем клиенту.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-18.jpg)
Клиент: Метафоры — это интересно, но сложновато для наших заказчиков. Хотелось бы более прямолинейно рассказать, что к чему. По разным причинам ни один из вариантов целиком не подходит, но симпатичны отдельные элементы в каждом из них.
Уходим думать.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-19.jpg)
Клиент вспоминает о том, что ему нравится заглушка с кораблем. Развиваем тему и оживляем ее персонажами.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-20.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-21.jpg)
Один из вариантов оформления внутренней страницы.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-22.jpg)
Собираем презентацию.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-23.jpg)
Показываем по скайпу. Клиент говорит, что ему надо подумать, отключается на пять минут, после чего перезванивает и говорит: «Это не оно». В процессе обсуждения выясняем, что кракен ассоциируется у клиента с потенциальной опасностью для грузов. Излишняя игривость графически тоже не подходит, нужно серьезнее.
Убираем кракена, чистим макет.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-24.jpg)
Собираем кликабельный прототип и монтируем видео.
Клиент уходит думать. Резюме: «Теперь получилось слишком сухо и скучно». Просит добавить яркого.
В обсуждении появляются понятия «движение» и «двигать бизнес». Клиент двигает все, он умеет перемещать и трансформировать объекты любого масштаба. У арт-директора возникает метафора завода, перемещения чего-то большого.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-25.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-26.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-27.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-28.jpg)
Собираем новое видео.
Показываем.
Клиент: Вы понимаете, вот на встречу приходят два человека. Один — в костюме «Армани», а второй — в джинсах и футболке в стиле кежуал. Вот вы нам показали кежуал.
Пытаемся снизить яркость. Ищем еще идеи, консультируемся с тайным советником.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-29.jpg)
А почему бы не показать логистику как искусство?
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-30.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-31.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-32.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-33.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-34.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-35.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-36.jpg)
Забываем про то, что уже было сделано, и параллельно делаем еще подходы, подключая других дизайнеров.
Плохо-хорошо.
Ползунком, например, собираем хаос в упорядоченную штуку.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-37.jpg)
Груз от первого лица.
Показываем груз в разных местах или состояниях: море, таможня, склад, дорога.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-38.jpg)
От сложного к простому.
Демонстрируем сложность манипуляций, которые обычно надо проводить с грузом. Даем понять, что работа непростая, но для заказчика все легко.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-39.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-40.jpg)
Решенные головоломки.
Собранный кубик Рубика, пятнашки, распутанные (или правильно завязанные) узлы.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-41.jpg)
Нам нужно больше контейнеров.
Пробуем картинки, сформированные большим количеством контейнеров.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-42.jpg)
Простая задача и решение.
Переносим стиль иллюстраций с заглушки в плоскость геометрических фигур и формул, понятных с детства. «Задача», «Дано», «Решение», «Ответ» — прямо как в школе. Никаких главных страниц. На ней просто будет первая задача с решением про логистику.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-43.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-44.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-1/avangard-direct-site-process-1-45.jpg)
Распечатываем все варианты и еще раз показываем клиенту. Клиент останавливается на варианте с кораблем: он был ближе всего. Только просит доработать графику.
Вторая часть процесса.
![](/800/600/http/metricus.artlebedev.ru/dot.gif)
www.artlebedev.ru
Код состояния | 200 |
IP–адрес | 77.222.56.187 |
Back-resolve | vh328.sweb.ru |
Content type | text/html |
Кодировка | windows-1251 |
Размер страницы | 4.26 Kb. |
Скорость загрузки | 843 b. / s. |
Общее время загрузки | 5.17 сек. |
Время поиска IP | 5 сек. |
Время подключения | 5.07 сек. |
Время генерации страницы | 5.07 сек. |
Начало передачи контента | 5.17 сек. |
Кол–во переадресаций | 0 |
Время переадресации | 0 сек. |
«Конечный» URL | |
Кол–во css–файлов | 2 |
Кол–во js–файлов | 4 |
Кол–во изображений | 8 |
Кол–во заголовков (<h2> … <h6>) | 0 |
Внешних ссылок | 15 |
Внутренних ссылок | 0 |
HTTP–сервер | nginx/1.9.12 |
Обработчик (powered–by) |
domenolog.ru
Авангард Директ | Компании
1. 50 рублей за каждый новый материал и 50 рублей за каждую 1000 просмотров. Доход Автора напрямую зависит от количества просмотров его статей. Количество просмотров в свою очередь зависит от качества текста и его актуальности. Интересные и полезные статьи зарабатывают во много раз больше пустой воды.
2. После регистрации каждый получает права Автора – возможность загружать материалы фотообзоры и видео. Материал может быть опубликован только после одобрения Редактором. За публикацию нескольких достойных материалов яркий Автор получает права Редактора и имеет возможность самостоятельно публиковать, редактировать статьи и структуру разделов журнала, удалять спам авторов и модерировать комментарии.
3. Для оплаты статей, в личном кабинете необходимо указать счет Яндекс.Деньги. По почте подтвердить сверку Автора и его счет для дополнительной защиты денежного перевода и обратной связи с Автором. В разделе Вопросы найти ответ на любой вопрос по редактированию и оплате статей или задать свой вопрос в Редакцию.
4. Если Автор не написал за последние 30 дней ни одной статьи, то его аккаунт считается не активным и начисление денег приостанавливается. Если Автор публикует новый материал, то аккаунт вновь считается активным и поступление денег от всех статей возобновляются. Чтобы начисление денег за статьи не прерывалось, достаточно писать один материал в месяц.
5. Добавить материал можно самостоятельно online или письмом на адрес редакции: [email protected] Права на материал принадлежат Автору. Деньги за размещенные статьи начисляются в течение всего времени, пока статьи находятся на сайте и пока аккаунт Автора активен. Таким образом, каждый написанный материал начинает приносить вам небольшой, но постоянный доход.
6. Репост интересного материала с другого сайта допускается, если это действительно востребованная полезная статья - ссылка на первоисточник обязательна. Оплата за репост только от 1000 просмотров. Рерайт, плагиат, искусственная накрутка просмотров, реферальные ссылки и коды, систематическое нарушение правил – блокировка аккаунта.
7. Любые оскорбления, угрозы, призывы к насилию и прочее недостойное поведение пресекаются редакцией сайта. Все активные участники конфликта, опустившиеся до угроз и оскорблений, могут быть заблокированы независимо от того, кто был инициатором конфликта: [email protected]
www.alshar.ru
Создание сайта «Авангард директа». Часть вторая
На проекте меняется дизайнер.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-01.jpg)
Упрощаем меню, оставляя только ссылки на главные услуги.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-02.jpg)
Арт-директор (дизайнеру): Не думай, что с концепцией все хорошо. Нужен интересный сценарий, что-то неожиданное, интрига.
Дизайнер: Приезжает корабль (в Питере), на него поднимается груз, и он уплывает. Приплывает уже ночью в другой город, в Москву например. А?
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-03.jpg)
Арт-директор: Ночью — хорошо. Не уверен, что это должна быть именно Москва, мелковат масштабчик. Лучше возить в Японию, Бразилию, еще куда-нибудь. А какая у них самая длинная перевозка?
Узнаем, что очень часто клиент доставляет груз в Китай. Подходит.
Рисуем Пекин и добавляем погрузочный кран.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-04.jpg)
Было бы круто перевозить тигра.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-05.jpg)
Арт-директор: Только корабль должен приплывать ночью справа.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-06.jpg)
Решаем, что про все услуги будем рассказывать на одной длинной странице. Эркен советует сменить синий на черный, которые ближе к фирменному стилю. Накидываем внутреннюю. На каждом экране будет своя анимация про услугу.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-07.jpg)
Делаем анимацию скролла и показываем клиенту.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-08.jpg)
Клиенту в целом нравится направление, но по-прежнему не нравится графика на главной.
Кран не похож на портовый кран, и тигр вызывает плохие ассоциации.
Дорабатываем графику, рисуем другой кран, и перевозить он теперь будет не тигра, а катер.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-09.jpg)
Рисуем разные контейнеры на корабле и добавляем дирижабль, который клиент действительно перевозил.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-10.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-11.jpg)
Большое число — любопытная статистика
Чего уж мелочиться, «Авангард директ» настолько крут, что легко способен доставить статую Свободы.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-12.jpg)
Пока верстают главную, дорабатываем внутреннюю.
Дизайнер: А может, сделаем путешествие груза, чтобы красный ящик при скролле падал от одного экрана к другому? Сначала летит на самолете, потом падает на корабль и т. д.
Арт-директор: Нет. А то как будто бы груз путешествует сам по себе.
Оставляем, чтобы красный ящик просто присутствовал в каждом экране.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-13.jpg)
Начинаем прорабатывать графику для всех экранов.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-14.jpg)
К «Логистике под ключ» придумываем метафору настольной игры.
Было:
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-15.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-16.jpg)
Клиенту кажется, что дорога напоминает сантехническую трубу. Распрямляем.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-17.jpg)
Вспоминаем эволюцию «Морских перевозок».
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-18.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-19.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-20.jpg)
Приступаем к «Автомобильным перевозкам».
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-21.jpg)
Нет, лучше одна фура, увозящая число.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-22.jpg)
А поезд с грузом пусть из тоннеля выезжает.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-23.jpg)
И шлагбаум мигает.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-24.jpg)
Теперь «Авиаперевозки». Пробуем сделать вид изнутри самолета, а ползунком регулировать освещенность неба: день или ночь — зритель решает сам. На этапе разработки забываем про эту идею из-за технологических нюансов.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-25.jpg)
Клиент говорит, что иллюминатор — это про пассажирские перевозки.
Останавливаемся на взлетающем самолете. Изучаем грузовые воздушные суда — многие из них выглядят как военные.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-26.jpg)
Выбираем нейтральный вариант.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-27.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-28.jpg)
Иллюстрируем сборные грузы — любые грузы массой до 10 кг.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-29.jpg)
Беремся за «Мультимодальные перевозки» — это когда груз перевозят несколькими видами транспорта.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-30.jpg)
Клиент говорит, что графика не отражает суть услуги. Вспоминаем игру в наперстки, решаем, что при скролле круги с транспортом будут меняться, образуя разные комбинации, что больше соответствует сути мультимодальных перевозок.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-31.jpg)
Делаем раздел «Таможенные услуги».
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-32.jpg)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-33.jpg)
Рисуем картинку для «Склада и хранения».
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-34.jpg)
Клиент говорит, что склад с крышей «несовременный», и просит нарисовать другой.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-35.jpg)
Старший дизайнер: Слишком прямой, согни его.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-36.gif)
Идут только ноги, не хватает динамики.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-37.gif)
Теперь голова дергается вверх.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-38.gif)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-39.gif)
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-40.gif)
Делаем остальные мелочи.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-41.jpg)
Верстаем, по ходу добавляем мелкую анимацию и правим баги.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-42.jpg)
Доделываем страницы ошибок.
![](/800/600/http/img.artlebedev.ru/everything/avangard-direct/site/process-2/avangard-direct-site-process-2-43.jpg)
Открываем сайт и идем есть икру, которую уже давно растаможили.
![](/800/600/http/metricus.artlebedev.ru/dot.gif)
www.artlebedev.ru
Выбор организации:
| Выбор счета:
|
demo.avangard.ru
Мобильное приложение «Авангард Бизнес»
Банк Авангард разработал для корпоративных клиентов мобильное приложение «Авангард Бизнес» на платформах iOS и Android.
Реализован наиболее востребованный клиентами сервис: актуальное состояние счета, выписки, документы, ожидаемые поступления, заблокированные суммы, проведение рублевых платежей, размещение депозитов и оформление сделок резервирования, проведение конверсионных сделок, сохранение и предоставление контрагентам платежных поручений и реквизитов в формате PDF, поиск офисов и банкоматов и др.
![Mastercard Metro](/800/600/http/www.avangard.rumobiles_v.0.3.2.png)
Только в «Авангард Бизнес»:
Специальные оповещающие индикаторы — появляются сразу при входе в приложение в главном меню при наличии информации или документов, требующих внимания пользователя.
Раздел «Документы для меня» — личный кабинет, в котором отображаются все документы, ожидающие действия от пользователя. Единовременно (пакетом) можно подписать, завизировать и отправить документы разных типов.
Раздел «Документы из Банка» — в этом разделе собраны все запросы, предупреждения, сообщения и документы из банка.
Мобильное приложение «Авангард Бизнес» позволяет:
- Создавать платежи по образцу и по шаблону
- Просматривать информацию по всем счетам, детализируя ее до отдельного документа
- Размещать средства в депозиты и резервирование
- Покупать и продавать доллары США и евро за рубли
- Сохранять и отправлять документы в формате PDF
- Просматривать реквизиты счета и отправлять их контрагенту
- Просматривать историю SMS
- Работать с единым логином
- Отзывать из банка неисполненные документы
- Обращаться с вопросами к представителю банка непосредственно из приложения
- Находить ближайшие офисы и банкоматы банка
В большинстве разделов доступна фильтрация документов в удобном для пользователя порядке.
Подтверждение операций осуществляется кодами, сгенерированными картой с дисплеем, при этом некоторые операции возможно подтвердить и SMS-кодами.
Уточнить способы ее получения можно на сайте банка или в Службе клиентской поддержки банка по тел. 8-800-555-9993.
www.avangard.ru