Передача третьим лицам без согласования с компанией запрещена.
Мы — digital-агентство
12
200
лет
Разрабатываем сложные интернет-магазины и мобильные приложения
компаний
Занимаемся комплексным продвижением в интернете
Входим в промышленно-финансовую группу СТК «Союз»
ТОП-30 веб-студий и SEO-компаний России «Рейтинг Рунета» за 2013 год
Проводим PR-кампании в социальных медиа
Являемся членом Российской ассоциации электронных коммуникаций
30-е место в рейтинге digitalагентств России 13-е место в рейтинге SMMагентств России
260 проектов
Обеспечиваем оперативную поддержку веб-ресурсов
Имеем представительства и офисы в Москве, Курске и Белгороде
ТОП-20 SEO-компаний России Рейтинг «SEO глазами клиентов 2013»
2
В числе наших партнёров
3
Клиенты
И ещё более 200 клиентов 4
Репутация
5
Репутация
6
7
Создание сайта
Наши сайты решают задачи Информирование
Имидж
Визитная карточка
вашего клиента о ваших услугах в любой точке мира
лицо вашей компании
с контактами и удобной схемой проезда
Офис 24 часа в сутки,
База рекламных материалов
365 дней в году
Удобная обратная связь с клиентами
по продукту или услуге
9
Этапы создания сайта 1
2
3
Проектирование
Разработка сайта
Техническая поддержка сайта
Сбор и анализ данных. Подготовка проектной документации, на основе которой определяется точная стоимость и сроки реализации проекта.
Дизайн, вёрстка, программирование, наполнение, тестирование, перенос на рабочий хостинг.
Дизайн, вёрстка, программирование, наполнение, копирайт
10
1-й ЭТАП: ПРОЕКТИРОВАНИЕ
Что такое проектирование? Проектирование — это разработка информационной, логической и функциональной структуры проекта.
Проектирование убирает из процесса создания сайта недопонимание между заказчиком и исполнителем.
Проектирование экономит время и деньги, так как на этапе перед началом создания сайта обе стороны понимают как будет выглядеть и работать сайт.
Именно из-за «мы имели в виду такую реализацию», «а мы это не закладывали в стоимость» более 60% сайтов не разрабатывается в срок или вовсе не доходит до завершающей стадии. 12
Команда проекта Сначала необходимо разработать проектную документацию, которая станет ясным заданием, и по которой вы будете принимать результат.
Стоит подчеркнуть, что проектная документация не создается одним человеком. Один специалист, тем более, менеджер, не сможет предусмотреть всех важных составляющих проекта.
Понятно, что разработана она должна быть специальным проектным отделом.
Над проектированием работает группа специалистов различных направлений
Директор по маркетингу
Арт-директор
ИТ-директор
Руководитель отдела маркетинга
Проектировщик
Менеджер проектов
13
Проектирование Этапы проектирования 1
2
3
СБОР ИНФОРМАЦИИ
КОНЦЕТ-РЕШЕНИЕ
ПРОТОТИПИРОВАНИЕ
Сбор информации у клиента. Анализ конкурентов. Аналитика текущего сайта.
Обсуждаем проект с командой разработки. Определяем вариант решения задачи.
Быстрая «черновая» реализация базовой функциональности для анализа работы системы в целом.
АНАЛИЗ
ПРОЕКТНАЯ ДОКУМЕНТАЦИЯ
Определение задач сайта. Построение образа потенциального покупателя.
Составление проектной документации. Описание функционала сайта.
14
Сбор и анализ информации и материалов Проектирование: 1-й этап
• «полное погружение» в бизнес-модель компании • постановка целей и задач • определение целевой аудитории и её потребностей • сбор информации о специфике деятельности компании, услугах/продукции, маркетинговых материалов • анализ конкурентов, их сайтов, поиск решения
15
Разработка концепт-решения Проектирование: 2-й этап
Концепция — это идеи и возможности, заложенные в проект: •
что и для кого мы делаем — общая идея и целевая аудитория
•
как сайт будет работать и какую информацию содержать
•
как сайт будет зарабатывать
•
каковы будут отличительные особенности сайта (от конкурентов), как он будет позиционироваться
•
концепция задаёт направление проектированию и помогает, аналогично видению, ещё раз состыковать точки зрения на проект — заказчика и исполнителя
16
Прототипирование и составление проектной документации Проектирование: 3-й этап
Создание структурных схем страниц
Проектная документация — это создание модели сайта, которая
(wireframes) показывает, какая информация и элементы управления должны располагаться на страницах сайта. Это еще не дизайн, но уже основа для него — wireframes являются техническим заданием для дизайнера.
описывает функциональные возможности и информационную структуру. В функциональной части проектной документации мы описываем возможности, которые сайт предоставляет своим пользователям. Информационная структура — это схема, показывающая, из каких разделов состоит сайт, какие задачи они решают, и как пользователь будет перемещаться по сайту (схема навигации).
17
2-й ЭТАП: РАЗРАБОТКА САЙТА
Наглядный пример Этап проектирования
Реализация проекта на основе проектной документации.
19
Система управления сайтом oneSSA Мы реализуем все проекты на уникальном, разработанном нами инструменте, который позволяет решить задачу, стоящую перед каждым сайтом — эффективно осуществлять информационную поддержку и управление содержимым сайта.
Для ежедневной работы с системой управления сайтом oneSSA сотрудников не понадобится дополнительно обучать. Корректировка содержания сайта производится с использованием интуитивно понятного интерфейса.
Особое внимание уделено безопасности сайта на базе oneSSA, которая обеспечивается: • на уровне сервера — платформой Unix. Сайт работает под уникальным пользователем, таким образом, защищен от вмешательства других пользователей системы. • на уровне клиентской части — системой управления сайтом oneSSA.
20
Система управления сайтом oneSSA Главная панель управления
21
Сайт «ФОНДСЕРВИСБАНК» Графическое оформление создавалось на основе фирменного стиля Банка.
Система управления oneSSA объединила все сайты филиалов Банка в единую информационную систему, что позволяет эффективно и быстро управлять контентом, с премодерацией из центрального офиса Банка.
Новые функциональные модули Кредитный и депозитный калькуляторы, интерактивная карта поиска отделений банка и банкоматов в различных городах России, где присутствуют филиалы Банка.
22
Сайт элитной мебели компании «Контур» Дизайн сайта в стиле классицизма.
Функции «недавно просмотренные» и «отложенные», есть фильтр для быстрого поиска мебели по заданным параметрам.
Карта сайта в формате sitemap.xml, необходимая для оптимизации индексации сайта поисковыми системами.
Сайт построен на базе Yii framework Это обеспечивает надежность и защищенность ресурса.
23
Сайт «ТЕЛЕКАРТА» Интерактивный красочный слайдер изображений по представленным телеканалам (платным и бесплатным) с возможностью навигации. Бэкграунд по бокам слайдера переливается разными цветами, имитируя эффект телевизоров с задней подсветкой.
Функционал сайта • отдельно представлен список платных и бесплатных каналов • иллюстрированные анонсы передач; • наглядная зона приема • перечень оборудования • оплата заказа различными способами • страничка «как подключиться» — всё по пунктам и с картинками
24
Сеть отелей Германии
25
Сайт для блогера
26
Спасибо
+7 495 647-75-30 109004, Москва, Шелапутинский переулок, дом 1, строение 7 Таганская vdg@one-touch.ru
www.one-touch.ru