Презентация решения

1. АИТИ
АДАПТИВНЫЙ САЙТ
МЕДИЦИНСКОЙ КЛИНИКИ
на базе самых современных WEB-технологий
со скоростью загрузки менее 1 секунды,
за 2 дня по цене в 3 раза ниже рыночной
www.ircit.ru/medclinicweb
© 2016 ООО «ИРЦ АЙТИ». Москва.

2. Стандартная формула определения стоимости сайта основана
на произведении нужного для разработки количества часов
на стоимость одного часа работы специалиста.
8 лет опыта web-разработки, сотни клиентов и тысячи часов
на оптимизацию процесса создания сайта позволили сделать
Вам такое предложение.
КАК ЭТО ВОЗМОЖНО?
2
АИТИ
2
2 РАБОЧИХ
ДНЯ
60 000
Н А Ш Е П Р Е Д Л О Ж Е Н И Е
Мы создали инструмент, с помощью которого процесс создания Вашего уникального
Сайта займет совсем немного времени. Наша технология разработки позволяет
конструировать любые адаптивные страницы из заранее созданных нами секций
и блоков с широким диапазоном настроек.При этом вы получаете превосходный
результат.
Об этом читайте дальше.
W E B Б И Л Д Е Р

3. ЧТО ВЫ ПОЛУЧИТЕ

4. Главная цель создаваемого сайта
– получение новых клиентов (лидов*).
Landing page – формат сайта,
полностью раскрывающий Ваше
торговое предложение и прекрасно
справляющийся с задачей
лидогенерации.
ФОРМАТ LANDING PAGE
Лид - это первичный контакт, потенциальный
клиент или партнер, поступающий с сайта для
обработки (через форму или используя
опубликованные контакты).
*
4
АИТИ
4
ПОДХОДИТ ДЛЯ 97%
субъектов малого
и среднего бизнеса,
полностью обеспечивая
потребности в сфере
Интернет-маркетинга.

5. С нашим предложением вы
экономите деньги на покупке
системы управления сайтом (CMS),
оплате работ по интеграции с ней,
а также время на обучение
и управление контентом через
панель администрирования!
ВСЕГДА АКТУАЛЬНАЯ ИНФОРМАЦИЯ
НЕ ЗНАЧИТ, ЧТО ВАМ НУЖНА CMS!
Сегодня медицинские центры активно
ведут социальные сети, и именно они
являются основым источником контента.
Наверняка, вы также публикуете новости,
акции, фотографии и видео в социальных
сетях Facebook, Twitter, Youtube, Google
plus, ВКонтакте или Instagram.
Наше решение автоматически собирает
информацию из ваших профилей, групп,
страниц в соцсетях и отображает на
вашем сайте в заданном блоке
(например, в слайдере, галерее, новостях, услугах...).
Э Т О С У П Е Р Б Ы С Т Р О И У Д О Б Н О ,
И C M S Н Е Н У Ж Н А .
5
АИТИ
5

6. СТРУКТУРА
LANDING PAGE
www.ircit.ru/medclinicwebtest
facebook.com/Medical-WEB-231751923867915/
Посмотрите пример страницы
Публичная страница facebook
из которой берется информация

7. На вашем сайте может быть представлено
2 типа источников лидов:
КОНТАКТНАЯ
ИНФОРМАЦИЯ
(телефон, e-mail, адрес, точки продаж)
ФОРМА
(бронирования, заказ звонка,
подписка на рассылку)
Лиды с сайта (данные из форм)
будут поступать к вам на e-mail,
либо в ваш персональный аккаунт
в однин из лучших сервисов рассылок –
UniSender.
ЛИДОГЕНЕРАЦИЯ
Выгодные бесплатные тарифы,
простое и удобное администри-
рование рассылок, адаптивные
письма и множество готовых
шаблонов, настройка получате-
лей и продвинутые отчеты
Умный виджет организации
обратного звонка с 3 алгорит-
мами захвата клиента.
Конверсия страницы
выше на 30-70%.
7
АИТИ
7

8. П О Э Т О М У М Ы В Ы Б РА Л И К О Н Ц Е П Ц И Ю F L AT D E S I G N .
Один из самых значимых дизайн-трендов
последнего времени.В основе дизайна лежит
двухмерное пространство. Представляется
как противоположность скевоморфизму.
По задумке должен подчёркивать эффект
«очаровательной простоты» и утончённости.
ВЫРАЗИТЕЛЬНЫЕ ФОТОГРАФИИ
АККУРАТНАЯ ТИПОГРАФИКА
АКЦЕНТ НА ЧИСТЫЕ ЯРКИЕ ЦВЕТА
ПРОСТОТА
ЧИСТОТА
МИНИМАЛИЗМ
УТОНЧЕННОСТЬ
ПРОСТОР
УДОБСТВО
ВАМ НУЖЕН НЕ ДИЗАЙН,
А ИНТЕРФЕЙС!
8
АИТИ
8

9. При разработке дизайна
мы обязательно учитываем
современные устройства
с экранами сверхвысокого
разрешения и подготавливаем
графику специально для
качественного отображения
на экранах Retina*.
RETINA READY!
Retina (англ., «сетчатка») — обобщающее маркетинговое название экранов очень
высокого разрешения. Благодаря высокой плотности пикселей на квадратный
дюйм (от 264 ивыше), изображение на экране максимально приближается
по качеству к изображениям на странице журнала.
Все элементы интерфейса
в векторном формате - SVG
Растровая графика создается
в smart objects с учетом
увеличенного разрешения.
9
АИТИ
9

10. ПЕРСОНАЛЬНАЯ ПАЛИТРА
M AT E R I A L PA L L E T E
БОГАТАЯ ТИПОГРАФИКА
G O O G L E F O N T S
Персонализируем ваш сайт используя палитру
на основе ваших фирменных цветов.
Мы подберем для вас оптимальные шрифтовые решения
используя огромную базу Google fonts.
10
АИТИ
10

11. АНИМАЦИЯ ЭЛЕМЕНТОВ
И ПАРАЛЛАКС ЭФФЕКТЫ
PARALLAX-ЭФФЕКТ
АНИМАЦИЯ ПРИ ЗАГРУЗКЕ СТРАНИЦЫ
АНИМАЦИЯ ПРИ ПОЯВЛЕНИИ/ИСЧЕЗНОВЕНИИ БЛОКОВ
АНИМАЦИЯ ПРИ ПРОКРУТКЕ СТРАНИЦЫ
АНИМАЦИЯ ПРИ НАВЕДЕНИИ НА ЭЛЕМЕНТЫ
ИНТЕРАКТИВНЫЕ СЛАЙДЕРЫ, ГАЛЕРЕИ, МЕНЮ
ПРОВЕРКА ФОРМ БЕЗ ПЕРЕЗАГРУЗКИ СТРАНИЦЫ
МИКРОАНИМАЦИЯ ИКОНОК
Мы создавали потрясающие эффекты на вашем
новом сайте. Вы будите выглядеть современно
и безупречно на фоне конкурентов.
С О В Е Р Ш Е Н С Т В О В Д Е ТА Л Я Х
При помощи анимации мы управляем вниманием посетителя.
Используем в верстке самые современные технологии
отзывчивости и анимации создаваемых страниц.
Плавные движения элементов выглядят естественными,
не заставляют пользователя ждать и не раздражают.
11
АИТИ
11

12. Сайт состоит из видимых смысловых блоков.
Для привлечения внимания к определенным секциям
мы размещаем на их фоне короткие видео-ролики,
которые автоматически проигрываются по кругу
(циклично, без явного начала и конца).
Это задает настроение, расставляет акценты
и на психологическом уровне способствует принятию
решения посетителя сайта в пользу вашего
продукта или услуги.
Вместо видео на фоне блока вашего сайта
мы можем разместить интерактивную
графическую анимацию, которая будет
определенным образом реагировать
в ответ на движения курсора над ней.
Так мы добавляем игровой элемент
в интерфейс и развлекаем
пользователя.
Этот прием потрясающе выглядит
и точно запомнится!
12
АИТИ
12
ВИДЕО ФОН
А Н И М И Р О В А Н Н Ы Й Ф О Н

13. Браузер – это программа для просмотра веб-страниц (сайтов).
Ваш сайт будет корректно работать и отображаться во всех
современных версиях браузеров:
GOOGLE CHROME
MOZILLA FIREFOX
OPERA
SAFARI
INTERNET EXPLORER 10+ / EDGE
ЯНДЕКС.БРАУЗЕР
Мы уделили особое внимание этому вопросу в связи с тем,
что разные браузеры могут отображать одну и ту же разметку
страницы по-своему и нуждаются в особой корректировке верстки
для того, чтобы добиться одинакового отображения сайта.
Наши сайты работают кроссбраузерно!
13
АИТИ
13
КРОСБРАУЗЕРНАЯ СОВМЕСТИМОСТЬ.
www.ircit.ru/medclinicwebtest
убедитесь сами

14. Аудитория пользователей мобильных
устройств растет стремительными
темпами — игнорировать это
при разработке сайта
значит потерять
"мобильных" клиентов.
27%
ПОЛЬЗОВАТЕЛЕЙ ИСПОЛЬЗУЮТ
МОБИЛЬНЫЕ УСТРОЙСТВА
ДЛЯ ВЫХОДА В ИНТЕРНЕТ
И ГЕНЕРЯТ ПОЧТИ
50% ТРАФИКА.
14%
РОССИЙСКИХ ПОЛЬЗОВАТЕЛЕЙ
(11.8 МЛН.) ВЫХОДЯТ В СЕТЬ
ТОЛЬКО С МОБИЛЬНЫХ
УСТРОЙСТВ.
Исследование LiveInternet 2014 год
Адаптивность предполагает динамичное изменение
структуры страницы, размеров ее составных блоков, а также
масштабирование контента для корректного отображения сайта
на любых устройствах, в любом их положении, при любых
размерах и пропорциях экрана (окна браузера).
Гарантируем поддержку всех популярных браузеров, операционных систем и устройств.
АДАПТИВНОСТЬ
14
АИТИ
14

15. ОДОБРЕННО ТЕСТОМ
GOOGLE MOBILE FRIENDLY
15
АИТИ
15
ТЕКСТ ЛЕГКО ЧИТАТЕТСЯ БЕЗ УВЕЛИЧЕНИЯ
КНОПКИ И ССЫЛКИ ЧЕТКО НАЖИМАЮТСЯ
ОТСУТСТВУЕТ ГОРИЗОНТАЛЬНАЯ ПРОКРУТРКА
Всемирно известная поисковая система Google запустила
новый алгоритм MOBILE FRENDLY, который ранжирует сайты,
адаптированные под мобильные устройства, выше остальных
в результатах мобильного поиска. Такие сайты помечаются
ярлыком «Для мобильных».
Ваш сайт будет отвечать всем требованиям Google
к дружественности страниц для мобильных устройств.
убедитесь сами
Более того, положительный пользовательский опыт на мобильном
телефоне поможет установить доверие среди ваших посетителей.
www.ircit.ru/medclinicwebmobiletest

16. Мы обеспечим правильное форматирование
кода и подготовку вашего сайта для его
лучшей индексации поисковыми машинами
Google и Яндекс.
При разработке соблюдаем стандарты W3C
(World Wide Web Consortium).
Принципы и стандарты этой всемирной
организации обеспечивают совместимость
между программными продуктами
и аппаратурой различных компаний, что
делает Всемирную сеть более совершенной,
универсальной и удобной.
16
АИТИ
16
SEO-ОПТИМИЗАЦИЯ
И СООТВЕТСТВИЕ
СТАНДАРТАМ W3C

17. ТЕХНОЛОГИИ

18. H T M L 5
Считается одним из самых лучших
современных инструментов разметки,
позволяющий веб-страницам, имеющим
мультимедийный контент, работать
с программными интерфейсами,
взаимодействовать с формами,
структурировать документы и решать
множество других задач.
J A V A S C R I P T
Скриптовый язык, предназначенный
для создания интерактивных веб-страниц.
J Q U E R Y
Библиотека JavaScript, фокусирующаяся
на взаимодействии JavaScript и HTML.
С ее помощью мы легко получаем доступ
к любым элементам страницы и можем
создавать интерактивный функционал
для взаимодействия посетителя с сайтом,
а также практически любую анимацию.
C S S 3
Используем современный стандарт CSS3
для создания анимированных элементов,
линейных и радиальных градиентов,
теней, сглаживания и прочих визуальных
эффектов!
W E B G L
Это программная библиотека для JavaScript,
позволяющая создавать невероятную,
интерактивную 3D-графику прямо на страницах
вашего сайта!
R E T I N A
Программируем сайты таким образом, чтобы на
устройствах с экранами сверхвысокого качества
Retina загружалась специально оптимизированная
графика высокой четкости.
L A Z Y L O A D
Мы максимально оптимизируем все скрипты и контент сайта, чтобы
добиться высокой скорости загрузки страницы – менее 1 секунды.
И в дополнение подключаем для определенных «тяжелых» элементов
страницы технологию LazyLoad, позволяющую реализоваь отложенную
загрузку контента/скриптов/стилей, происходящую только после
попадания таких элементов в область видимости пользователя.
18
АИТИ
18
Каждый 4-ый пользователь уходит со страницы,
если она загружается дольше 4 секунд.
С К О Р О С Т Ь !

19. ПОДКЛЮЧИМ И НАСТРОИМ СИСТЕМУ WEB-АНАЛИТИКИ
Цели на сайте для измерения
вовлеченности, лояльности и конверсии.
UTM метки для отслеживания
эффективности каждого из каналов
коммуникаций.
Вебвиозор для просмотра поведения
посетителей на сайте.
Отчетность по ключевым показателям.
АИТИАИТИ
19
А ТАКЖЕ, ПОЧТУ НА ВАШЕМ ДОМЕНЕ
Вы сможете самостоятельно создавать email-адреса в виде email-name@vash-site.ru

20. +7 499 215-34-34
www.ircit.ru
mailbox@ircit.ru
АИТИ
ДАВАЙТЕ НАЧНЕМ!
www.ircit.ru/medclinicweb
П О Д Р О Б Н А Я И Н Ф О Р М А Ц И Я