Разработка нового веб-сайта: 10 позиций в ваш чек-лист

 

Как не ошибиться и не упустить важные детали в процессе создания веб-сайта или приложения?

 

Начинаем новое дело, планируем пивот или создаем новую ветку успешного растущего бизнеса. В любом случае, в современных условиях веб-сайт, как “окно” в глобальную сеть, будет неотъемлемой частью плана стратегического развития.

Создавая новое, мы не ограничиваемся рамками уже существующего продукта (как, например, в случае с редизайном). У нас есть возможность начать с чистого листа и создать, не побоимся этого слова, идеальный продукт. Либо продукт, близкий к идеальному.

 

 

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

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

 

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

Просто задумайтесь: над продуктом работает не один и не два человека.  В зависимости от сложности, целей и масштаба проекта в работе могут быть задействованы:

  • архитектор решений;
  • веб-дизайнер / UX/UI дизайнер / дизайнер – продуктолог;
  • верстальщик;
  • программист;
  • тестировщик;
  • SEO  специалист;
  • PM (Project Manager – лицо, отвечающее за организацию работы команды).

Чем масштабнее проект, и чем более сжатые сроки установлены, тем больше специалистов привлекается к процессу.

 

Для всех этих специалистов нужно обеспечить соответствующие условия:

  • организовать работу;
  • составить четкий план с учетом специфики проекта;
  • контролировать его выполнение;
  • вносить необходимые изменения по ходу решения задач и возникновения новых.

 

Непросто? Но выполнимо.

 

Нужен только грамотный подход и современные методы и инструменты.

Самым простым и эффективным инструментом для контроля и организации работ (причем в любой сфере) является чек-лист.

Чек-лист – это перечень пунктов/вопросов/позиций, на основании которых проверяется правильно ли выполнена работа/задача/процедура.

 

Чек-листы помогают:

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

 

Чек-листы давно подтвердили свою эффективность на практике:

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

 

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

 

checklist template

Сhecklist.com

 

Мы также используем этот удобный метод в работе (и общие по проекту, и отдельные чек-листы у каждого исполнителя) для того, чтобы:

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

 

У нас уже выработан свой чек-лист, отражающий базовый процесс разработки веб-сайтов и приложений, который:

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

Примечание:

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

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

 

Встречайте,
ЧЕКЛИСТ:

 

checklist aim

 

1. ПОСТАНОВКА ЦЕЛИ

Начните с определения целей и формулировки конкретных задач.

На самом деле, это очень непросто – учесть изначально все тонкости будущего процесса, особенно если он вам совершенно незнаком.

 

Umbrella всегда поддерживает своих клиентов. Мы готовы помогать и подсказывать, начиная с самого первого звонка и/или письма, потому что знаем, насколько важен правильный старт.

Но решение принимаете вы:

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

Помните:

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

 

2. ПЕРВАЯ КОММУНИКАЦИЯ

В процессе выбора команды для работы над вашим проектом назначается время первого созвона/встречи.

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

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

Помните:

Окончательный результат работы во многом зависит именно от вашего выбора на данном этапе. Поэтому будьте максимально внимательны к информации о команде и всему связанному с ней.

Обратите внимание на:

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

 

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

Хотите достичь успешных результатов? Свяжитесь с нами прямо сейчас.

 

3. ПОДГОТОВКА К РАЗРАБОТКЕ

Когда вы определились с выбором исполнителя, начинается непосредственно процесс подготовки к разработке (predevelopment).

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

В ходе работы мы сформировали свой predevelopment чек-лист и предлагаем его вам в помощь:

  • Какие бизнес цели преследует проект?
  • На основании каких показателей измеряется успешность проекта?
  • Что случится, если эти бизнес цели не будут достигнуты в срок?
  • Насколько успех или провал этого проекта может повлиять на финансовое положение (репутацию компании на рынке и т.д.)?
  • Хотите ли использовать готовые решения для реализации целей проекта?
  • Связан ли это проект с другими вашими проектами? Если да, то как?
  • Существуют ли какие-то ограничения для данного проекта (сроки, бюджет, технологии, страны использования и т.д.)?
  • Собрана ли команда для работы над проектом с вашей стороны? Кто в нее входит?
  • Кто принимает решения (подписание договорной документации, бюджет, приемка работ, переход к новой фазе работ и т.д.)?
  • Существуют ли у вас внутренние процедуры, которых команда должна придерживаться?
  • Существуют ли подробные требования по проекту (отдельно по дизайну, в области SEO, по распределению ролей и т.д.)? В каком виде вам удобно их оформить?
  • Потребуется ли в дальнейшем разработка мобильного приложения?
  • Имеются ли требования к технологиям?

 

question mark

 

Да, да, да! Вопросов много (и это лишь примерный перечень). На этом этапе вам нужно будет очень серьезно поработать вместе с командой. Никто лучше вас не объяснит, что именно вы хотите получить на выходе.

 

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

 

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

 

ФУНКЦИОНАЛЬНАЯ КАРТА (MIND MAP)

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

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

Помните:

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

 

ОЦЕНКА

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

И снова вы активно включитесь в процесс, чтобы обсудить и согласовать получившийся результат.

 

webpage

 

ПРОТОТИП ИНТЕРФЕЙСА (WIREFRAME)

Мы уже рассказывали подробно в нашей статье о том, как происходит разработка функциональных карт и прототипов интерфейсов.

Будут ли разработаны прототипы интерфейса или нет и на каком именно этапе (до подписания контракта или после) – это зависит от того, что именно будет оптимальным для вашего проекта.

После того, как с вами согласована оценка и объем функционала, можно переходить к этапу подписания контракта.

 

4. ПОДПИСАНИЕ КОНТРАКТА

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

Но есть моменты, на которые рекомендуется обратить особое внимание:

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

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

 

5. ДИЗАЙН

Есть несколько вариантов работы над дизайном:

  • возможно, у вас есть готовый дизайн, который уже разработан в соответствии с вашей общей маркетинговой стратегией;
  • или вы уже выбрали дизайнера, которому планируете поручить эту работу;
  • либо вы поручаете дизайн той же команде, которая занимается разработкой.

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

Более подробно о том, что происходит в мастерской дизайнера, вы можете прочитать здесь.

 

6. РАЗРАБОТКА

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

 

ПЕРЕДАЧА В РАЗРАБОТКУ

После подписания контракта вы получаете приветственное письмо с уведомлением о том, что проект передается в разработку. Вашим контактным лицом теперь будет PM, который отвечает за организацию и координацию работ по проекту.

 

ДЕТАЛЬНАЯ СХЕМА РАБОТ (ROADMAP)

PM представляет вам детальный график всех запланированных работ (roadmap).

В таком документе указывается:

  • разбивка проекта на фазы (то есть этапы проекта, в рамках которых выполняется определенный объем работ);
  • разбивка фаз на спринты (короткие промежутки времени, около недели);
  • дата начала работ;
  • количество разработчиков;
  • количество человеко-часов;
  • стоимость;
  • статус работ (по мере выполнения статус меняется: запланировано, в процессе, готово к проверке, проверено, выполнено).

 

task description

 

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

 

ОТСЛЕЖИВАНИЕ ВЫПОЛНЕНИЯ ЗАДАЧ

Параллельно настраиваются и конфигурируются инструменты для отслеживания выполнения задач (мы используем Trello). На основании графика работ PM распределяет задачи среди исполнителей, переносит их в систему и осуществляет постоянный контроль их исполнения.

 

СРЕДА РАЗРАБОТКИ

Сам процесс написания и проверки кода разворачивается в трех окружениях:

  • development (разработчик пишет код и предварительно проверяет его работу);
  • staging (здесь клиент может посмотреть уже протестированные блоки);
  • production (как только принято решение о том, что функционал готов к работе, настраивается сервер, доменное имя на нем, и приложение заливается на сервер production, где запускается. В некоторых случаях предоставляется не глобальный доступ для всех пользователей, а только для определенной группы лиц – с целью проверить их реакцию и собрать результаты, при необходимости внести коррективы).

 

ОЦЕНКА РАБОТЫ

По мере готовности после фазы production подключаются различные сервисы, которые позволяют оценить показатели работы созданного продукта:

Например:

  • New Relic – сервис, который позволяет оценивать технологическую составляющую – performance (производительность);
  • сервисы типа Google Analytics, которые позволяют отслеживать поведение пользователей на сайте, анализировать конверсию.

 

new relic

New Relic

 

7. ДОКУМЕНТАЦИЯ

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

 

seo

 

8. ПОИСКОВАЯ ОПТИМИЗАЦИЯ

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

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

  • структуре страниц;
  • правильно оформленным url;
  • наличию ключевых слов;
  • корректной sitemap;
  • чистоте кода.

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

 

Почему это важно?

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

Подготовкой и реализацией стратегии оптимизации занимаются SEO специалисты, и если на этапе разработки будут выполнены все соответствующие условия, они смогут действовать более эффективно, не отвлекаясь на внесение изменений и исправлений.

 

9. ЗАВЕРШЕНИЕ ПРОЕКТА

Завершение проекта – еще одна серьезная веха, к которой следует подготовиться обеим сторонам, участвующим в процессе:

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

 

10. ПОДДЕРЖКА

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

Например:

  • заключение  SLA (англ. service license agreement). В рамках этого соглашения команда берет на себя техническую поддержку серверов заказчика с целью своевременного устранения возможных ошибок или сбоев.

Таким образом, у вас всегда будут под рукой “помощники”. Нужны ли вам такие услуги или нет – решайте сами.

 

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

А сейчас вас ждет традиционный бонус от Umbrella  – мы всегда даем нашим клиентам больше, чем обещаем.

Еще один, одиннадцатый пункт в ваш чек-лист.

 

11. ПРОДУМЫВАНИЕ МОБИЛЬНОЙ ВЕРСИИ

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

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

 

 

Чек-лист для создания веб-сайта

Чек-лист по предевелопменту

 

Фото: Shutterstock.com

 


Ещё

  • CEO компании Umbrella на Agile Days 2018: рецепт эффективного и контролируемого роста команд разработчиков
    CEO компании Umbrella на Agile Days 2018: рецепт эффективного и контролируемого роста команд разработчиков
      22-23 марта в московском Центре Международной Торговли прошла 12-я глобальная конференция по гибкому управлению процессами Ag;)le Days 2018. Одним из спикеров конференции стал основатель и CEO компании Umbrella Станислав Мешков. Мы попросили Стаса рассказать немного о том, как это было. Интервьюер: Привет, Стас! На конференции Ag;)le Days 2018 ты выступал с докладом: “Разработка: увеличь компанию, …
  • IT Лидеры и правители из прошлого: удивительные параллели успеха, которые вы могли не заметить. Часть 2
    IT Лидеры и правители из прошлого: удивительные параллели успеха, которые вы могли не заметить. Часть 2
      В стремлении стать одним из сильнейших лидеров в IT-индустрии, немаловажно обладать рядом определённых качеств, развивая которые вы сможете построить собственную империю. В предыдущей статье вы узнали несколько историй успеха величайших деятелей IT-индустрии, у которых есть, чему поучиться. Сегодня мы расскажем вам о том, что помогает Александру Македонскому нашего времени осваивать новые ниши рынка, и как …
  • IT Лидеры и правители из прошлого: удивительные параллели успеха, которые вы могли не заметить. Часть 1
    IT Лидеры и правители из прошлого: удивительные параллели успеха, которые вы могли не заметить. Часть 1
      Стремитесь завоевать весь мир? Отлично! Вы почти обречены на успех. Как насчёт анализа кирпичиков того победного фундамента, что был заложен в великих и известных всему миру достижениях? Во все времена главной движущей силой была целеустремлённость. Однако чтобы построить могущественную державу, необходимо обладать ещё и рядом определённых качеств – развивая их, вы сможете повторить успех ваших …