Создание сайта компании «Авангард директ». Часть первая. Авангард директ сайт
ООО «Авангард»" - разработка ваших сайтов по низким ценам

Наиболее эффективна для рекламы Ваших услуг или товаров в сети интернет

Возможность установки на систему управления (изменять текст сайта можете сами без знаний языков программирования)

Абсолютно адаптивная верстка (сайт будет отлично смотреться на всех утсройствах)

Разработка дизайна (работает команда профессиональных дизайнеров)
Настройка рекламы на Яндекс Директ и Google Adwords Настройка продвижения сайта в Cоциальных Сетях (SMM)
Клиенты уже в первые недели работы сайта
Сайт визитка
Интернет магазин
Уникальный дизайн

- Панель управления, защищенная паролем для размещения объявлений и управление риэлторами
- Личные кабинеты каждого риэлтора
- Загрузка объявлений из Excel
- Добавление любого количества фото
- Возможность создавать свои характеристики и поиски для каждого раздела (аренда, продажа, коммерческая, земельные участки)
- Выгрузка для популярных досок объявлений: яндекс-недвижимость, avito.ru, циан, афи, млсн
Вы можете создать собственную форму, в которой будет содержаться специфическое описание для коммерческой недвижимости – например, наличие парковки, охраны, кафе и ресторанов поблизости. А для земельных участков добавить описание ближайшего шоссе или наличия разрешения на строительство. И при этом, каждый набор полей будет виден только при вводе определенных данных, чтобы не перегружать человека лишними деталями.
Дизайн, который приносит деньги. Быстро. Качественно.

Логотип
от 5 000 Р
— основной элемент любого фирменного стиля. На его разработку уходит больше всего времени и сил, но ожидание всегда окупается. На основе брифа и собранных нами данных мы предлагаем оптимальные решения для Вашей аудитории.
Оставить заявкуФирменный стиль
от 10 000 Р
— это комплект используемых шрифтов, цветов, а также слоган или подстрочник логотипа (кратко и доступно объясняющий суть деятельности). В основу чаще всего ложится паттерн (орнамент), который используется на большинстве носителей фирменного стиля.
Оставить заявку

Дизайн полиграфии
от 500 Р
Разработка дизайна полиграфии – дело творческое, помимо обычного «ощущения красоты и прекрасного» здесь необходимо учитывать и некие знания в области копирайтинга. Мы предлагаем все услуги по дизайну любой рекламной полиграфии с учетом подобных особенностей.
Дизайн соц. сетей
от 1 000 Р
Социальные сети – это новый и крайне эффективный способ взаимодействия с аудиторией и привлечения новых клиентов в Ваш бизнес. Первым шагом к привлечению новых клиентов должно стать создание позитивного облика группы.
Оставить заявку

Веб-дизайн
от 5 000 Р
Мы можем создать красивый современный web-дизайн сайта и подготовить его к будущей верстке, если у вас есть свой верстальщик и программист. Можем подготовить сайт с нуля: вместе с отрисовкой дизайна мы также можем выполнить и техническую часть.
Оставить заявкуIT-Avangard Россия, Москва, Пресненская набережная, 11 Телефон: +7(904)855-55-03
ООО "Авангард" Россия, Пенза, Ул.Ставского, 14 Телефон: +7(8412)545-555
Напишите нам
×web-avangard.ru
Создание сайта «Авангард директа». Часть первая
На время сборки основного сайта создаем заглушку.
Приходит мысль сделать большой танкер, который увозит контейнеры с необходимыми действиями.



Клиенту нравится. Отрисовываем чистовую графику, верстаем и открываем.



Накидываем первые идеи сайта.




Почему бы не рассказать «истории грузов»?
Берем реальные истории о сложных грузах и ставим их в центр внимания. Например, рассказ о том, как доставляли дирижабль.
Хотим довести это до абсурда, усложнить и на примере этой истории рассказать про другие услуги. Про варенье, которое бабушка доставляла из Штатов своему внучку. Или про цистерны с роботами-трансформерами из Китая. Или про переезд зоопарка со всеми сопутствующими сложностями.

Машинка ездит во время прокрутки страницы
А здесь груз проходит таможню
Затем — экспедирование и погрузка на корабль. При прокрутке корабль плывет дальше с грузом
Груз попадает на склад (тут кратко рассказываем про складские услуги)
Или сделать репортаж — фото- либо видеоисторию о компании?
О том, как идут погрузки, как рождаются логистические схемы, что происходит с грузом на корабле. Съемка может быть ускоренной, в стиле тилт-шифт. Такой игрушечный мир логистики.

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

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

Или гугл-карта на главной странице?
На карте — офис компании. Вокруг разбросаны иконки: машина, корабль, склады всякие. По нажатию на иконки в баблах всплывает краткая информация об услугах. Приближаешь офис — и его сотрудники рассказывают о логистических схемах, консультировании в сфере ВЭД и других сервисах, которыми занимаются в офисе.

Сложно ли доставить слона?

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

Собираем презентацию и показываем клиенту.

Клиент: Метафоры — это интересно, но сложновато для наших заказчиков. Хотелось бы более прямолинейно рассказать, что к чему. По разным причинам ни один из вариантов целиком не подходит, но симпатичны отдельные элементы в каждом из них.
Уходим думать.

Клиент вспоминает о том, что ему нравится заглушка с кораблем. Развиваем тему и оживляем ее персонажами.


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

Собираем презентацию.

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

Собираем кликабельный прототип и монтируем видео.
Клиент уходит думать. Резюме: «Теперь получилось слишком сухо и скучно». Просит добавить яркого.
В обсуждении появляются понятия «движение» и «двигать бизнес». Клиент двигает все, он умеет перемещать и трансформировать объекты любого масштаба. У арт-директора возникает метафора завода, перемещения чего-то большого.




Собираем новое видео.
Показываем.
Клиент: Вы понимаете, вот на встречу приходят два человека. Один — в костюме «Армани», а второй — в джинсах и футболке в стиле кежуал. Вот вы нам показали кежуал.
Пытаемся снизить яркость. Ищем еще идеи, консультируемся с тайным советником.

А почему бы не показать логистику как искусство?







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

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

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


Решенные головоломки.
Собранный кубик Рубика, пятнашки, распутанные (или правильно завязанные) узлы.

Нам нужно больше контейнеров.
Пробуем картинки, сформированные большим количеством контейнеров.

Простая задача и решение.
Переносим стиль иллюстраций с заглушки в плоскость геометрических фигур и формул, понятных с детства. «Задача», «Дано», «Решение», «Ответ» — прямо как в школе. Никаких главных страниц. На ней просто будет первая задача с решением про логистику.



Распечатываем все варианты и еще раз показываем клиенту. Клиент останавливается на варианте с кораблем: он был ближе всего. Только просит доработать графику.
Вторая часть процесса.

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
Создание сайта «Авангард директа». Часть вторая
На проекте меняется дизайнер.

Упрощаем меню, оставляя только ссылки на главные услуги.

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

Арт-директор: Ночью — хорошо. Не уверен, что это должна быть именно Москва, мелковат масштабчик. Лучше возить в Японию, Бразилию, еще куда-нибудь. А какая у них самая длинная перевозка?
Узнаем, что очень часто клиент доставляет груз в Китай. Подходит.
Рисуем Пекин и добавляем погрузочный кран.

Было бы круто перевозить тигра.

Арт-директор: Только корабль должен приплывать ночью справа.

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

Делаем анимацию скролла и показываем клиенту.

Клиенту в целом нравится направление, но по-прежнему не нравится графика на главной.
Кран не похож на портовый кран, и тигр вызывает плохие ассоциации.
Дорабатываем графику, рисуем другой кран, и перевозить он теперь будет не тигра, а катер.

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


Большое число — любопытная статистика
Чего уж мелочиться, «Авангард директ» настолько крут, что легко способен доставить статую Свободы.

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

Начинаем прорабатывать графику для всех экранов.

К «Логистике под ключ» придумываем метафору настольной игры.
Было:


Клиенту кажется, что дорога напоминает сантехническую трубу. Распрямляем.

Вспоминаем эволюцию «Морских перевозок».



Приступаем к «Автомобильным перевозкам».

Нет, лучше одна фура, увозящая число.

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

И шлагбаум мигает.

Теперь «Авиаперевозки». Пробуем сделать вид изнутри самолета, а ползунком регулировать освещенность неба: день или ночь — зритель решает сам. На этапе разработки забываем про эту идею из-за технологических нюансов.

Клиент говорит, что иллюминатор — это про пассажирские перевозки.
Останавливаемся на взлетающем самолете. Изучаем грузовые воздушные суда — многие из них выглядят как военные.

Выбираем нейтральный вариант.


Иллюстрируем сборные грузы — любые грузы массой до 10 кг.

Беремся за «Мультимодальные перевозки» — это когда груз перевозят несколькими видами транспорта.

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

Делаем раздел «Таможенные услуги».


Рисуем картинку для «Склада и хранения».

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

Старший дизайнер: Слишком прямой, согни его.

Идут только ноги, не хватает динамики.

Теперь голова дергается вверх.



Делаем остальные мелочи.

Верстаем, по ходу добавляем мелкую анимацию и правим баги.

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

Открываем сайт и идем есть икру, которую уже давно растаможили.

www.artlebedev.ru
Выбор организации:
| Выбор счета:
|
demo.avangard.ru
Мобильное приложение «Авангард Бизнес»
Банк Авангард разработал для корпоративных клиентов мобильное приложение «Авангард Бизнес» на платформах iOS и Android.
Реализован наиболее востребованный клиентами сервис: актуальное состояние счета, выписки, документы, ожидаемые поступления, заблокированные суммы, проведение рублевых платежей, размещение депозитов и оформление сделок резервирования, проведение конверсионных сделок, сохранение и предоставление контрагентам платежных поручений и реквизитов в формате PDF, поиск офисов и банкоматов и др.

Только в «Авангард Бизнес»:
Специальные оповещающие индикаторы — появляются сразу при входе в приложение в главном меню при наличии информации или документов, требующих внимания пользователя.
Раздел «Документы для меня» — личный кабинет, в котором отображаются все документы, ожидающие действия от пользователя. Единовременно (пакетом) можно подписать, завизировать и отправить документы разных типов.
Раздел «Документы из Банка» — в этом разделе собраны все запросы, предупреждения, сообщения и документы из банка.
Мобильное приложение «Авангард Бизнес» позволяет:
- Создавать платежи по образцу и по шаблону
- Просматривать информацию по всем счетам, детализируя ее до отдельного документа
- Размещать средства в депозиты и резервирование
- Покупать и продавать доллары США и евро за рубли
- Сохранять и отправлять документы в формате PDF
- Просматривать реквизиты счета и отправлять их контрагенту
- Просматривать историю SMS
- Работать с единым логином
- Отзывать из банка неисполненные документы
- Обращаться с вопросами к представителю банка непосредственно из приложения
- Находить ближайшие офисы и банкоматы банка
В большинстве разделов доступна фильтрация документов в удобном для пользователя порядке.
Подтверждение операций осуществляется кодами, сгенерированными картой с дисплеем, при этом некоторые операции возможно подтвердить и SMS-кодами.
Уточнить способы ее получения можно на сайте банка или в Службе клиентской поддержки банка по тел. 8-800-555-9993.
www.avangard.ru