Общая схема работ по созданию сайта

Давайте знакомиться!

Мы — компания Peppers Digital — в первую очередь команда преданных своему делу профессионалов. Днем и ночью на благо вашего проекта будут работать перфекционисты до мозга костей: маркетологи, программисты, аналитики, дизайнеры и копирайтеры. Здесь мы расскажем, про этапы создания сайта.

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

Первые минуты жизни проекта

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

Затем мы обсудим наш подход. Команда Peppers Digital поочередно использует знаменитые методологии Kanban и Scrum, в зависимости от нужд проекта. Автономность и самоорганизованность — основа этих систем. Многие известные бренды такие, как Toyota, МТС, Dodo Pizza уже давно успешно ими пользуются.

После встречи мы формируем и отправляем по e-mail следующие документы для клиента: заполненный с вами бриф и контакт репорт, который рассказывает об основных нюансах проекта. Это письмо должно появиться у вас в папке «входящие» уже в течение 24 часов.

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

Стратег, аналитик и джедай проекта в одном лице

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

Для работы с вашим проектом мы назначим специалиста, у которого уже есть успешный опыт в этой сфере: будь то интернет-магазин запчастей, мобильное приложение для сети пиццерий, IT-стартап или же Landing Page для HR-бренда.

Если говорить о руководителях проектов, то дотошность и въедливость — это их конек. Они будут атаковать вас вопросами, которые могут сначала показаться банальными. Но благодаря этому проект «дозревает». На этом этапе нам потребуются ваши временные ресурсы и чуткость к деталям: планируйте около 2 часов в течение рабочей недели для обсуждения актуальных вопросов. И до дня Х — запуска — останется совсем чуть-чуть!

Агрегация требований

Стейкхолдеры → Целевая аудитория → Боль & Слёзы → Противоядие+Конкуренты → Готовая структура

Агрегация требований — это глубокая аналитическая работа и прочный фундамент будущего digital-продукта.

Теперь мы находим, исследуем и подвергаем анализу все доступные данные по проекту:

• какие задачи должен решить digital-продукт;
• пожелания и видение клиента;
• поведение пользователей;
• преимущества и недостатки сайтов компаний-конкурентов;
• целевую аудиторию, её боли, недовольства и «хотелки».

На основе полученной информации формируется структура будущего digital-продукта, и затем она станет базой для прототипа и дизайна. Чем качественнее выполнена агрегация требований, тем больше понимания и нацеленности действий. А значит, меньше корректировок, временных и финансовых затрат.

Уже на данном этапе мы:

1. Находим и фиксируем составные части проекта.
2. Определяем все виды работ и составляем смету.
3. Делим digital-продукт на фазы.

Прототип

Для того чтобы клиент не изучал многотомные сочинения «История государства Российского», то есть техническое задание, а сразу мог «пощупать» проект еще до разработки, команда Peppers Digital презентует ему прототип — функционирующий сайт с упрощенной черно-белой графической частью. Наши клиенты, как космонавты МКС, узнают и тестируют режим невесомости еще до запуска корабля.

Стоимость разработки прототипа составляет 10-15% от общей стоимости будущего digital-продукта.

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

Качественный прототип → четкое техническое задание → успешный проект.

Затем мы приступаем к самому захватывающему этапу — дизайну.

Командная работа над концепцией

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

На этом этапе у креативной команды будет следующий состав: арт-директор, дизайнер, руководитель проекта и специалист по интерфейсам (он же UI дизайнер). Такая методика работы дает гарантию, что интерфейс вашего проекта будет удобным и понятным для пользователей, а дизайн — оригинальным, но при этом нетоксичным, то есть лаконичным и понятным.

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

Верстка: особенности и качество

Верстка — основа сайтостроения. У качественного проекта она адаптивная, лаконичная, соответствующая последним тенденциям рынка. Именно на этой ступени процесс создания digital-продукт оживает благодаря анимации и становится интерактивным. Теперь клиент получает не банальный набор красивых картинок, а работающие кликабельные веб-страницы, которые соответствуют важнейшим стандартам JavaScript, HTML5 и CSS3.

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

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

Разработка

Peppers Digital осуществляет мобильную разработку на платформе PhoneGap. Она позволяет создавать практичные и удобные приложения на HTML5, JavaScript и CSS3. Такая методика работы предоставляет возможность молниеносно переносить digital-продукты на самые популярные платформы — Android, Symbian, iOS, Blackberry, WebOS и Windows.

Такие проекты, как интернет-магазины, порталы и сайты для поддержки мероприятий мы разрабатываем с помощью системы управления интернет-проектами 1C-Битрикс. Она активно используется многими лидирующими брендами , как например: Эльдорадо, Евросеть и т.д. Peppers Digital — партнер 1С-Битрикс, и наши специалисты регулярно сдают экзамены и тесты, чтобы улучшить свои знания.

Для сайта компании или корпоративного проекта мы обычно используем MODX CMS или Joomla! CMS. Это гибкие, быстрые и при правильном использовании безопасные инструменты. За долгие годы работы мы решили все вопросы, связанные с CEO и технической поддержкой данных систем управления контентом проекта. Команда Peppers Digital готова развеять множество мифов и предубеждений по поводу каждой из этих CMS.

Проверка качества

Тестирование проекта — самая рутинная работа в процессе создания сайтов. При этом мы продолжаем быть въедливыми и разборчивыми. Поэтому мы используем классический метод, когда специалист по качеству проводит доскональное тестирование проекта, в которое входит проверка:

• скорости,
• скриптов,
• всех ссылок (включая интеграцию с соцсетями и внутренние переходы),
• семантической микроразметки,
• мета-описаний,
• степени противодействия мошенникам,
• адаптивной верстки (смотрим, как открывается сайт на всех гаджетах и во всех браузерах),
• иконки в отображении вкладки в браузере и т.д.

Для автоматизации процесса разработки проектов мы используем сервисы Pingdom, Human Emulator, Site-Auditor, Xenu Link Sleuth. От такого пристального досмотра не укроется даже самый бойкий баг. Классическое тестирование гарантирует надежную защиту и целостность системы.

Открытость и обратная связь

В Peppers Digital существует ряд действий для комфортного общения с клиентом и мгновенной обратной связи:

• Этапность рабочего процесса разработки сайта и регулярные демонстрации. На каждой ступени разработки вас ждет подробный отчет о жизнедеятельности сайта/приложения.
• Вы можете связаться напрямую с руководителем digital-агентства и дежурным менеджером для решения срочных задач.

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

Техническая поддержка

Сразу после запуска digital-продукта команда Peppers Digital предоставляет месяц гарантийной поддержки на устранение технических неполадок. Это своевременное решение малейших проблем.

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