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

Что такое <nobr>веб-сервисы</nobr>

Чтобы объяснить, что мы имеем в виду под <nobr>веб-сервисом</nobr>, давайте возьмём все сайты, разобьём их на группы по назначению и увидим разницу между ними.

Знакомство с компанией:

• визитки,
• корпоративные сайты.

Такие сайты решают имиджевые задачи. Они рассказывают о компании или личности, показывают новости, знакомят с сотрудниками, товарами и услугами <nobr>и т. д.</nobr> Коммерческую пользу от сайта несёт прайс на услуги, калькулятор, <nobr>онлайн-консультант</nobr><nobr>и т. п.</nobr>

Продажи:

• лендинги,
• <nobr>интернет-магазины</nobr>.

Главной задачей такого сайта является рассказать о товаре или услуге и подвести посетителя к покупке. Если <nobr>интернет-магазин</nobr> решает эту задачу напрямую, то лендинг (он же одностраничник) чаще всего только генерирует лиды — пробуждает интерес целевой аудитории к товару или услуге и предлагает оставить свой электронный адрес или другие контактные данные. На эту задачу работает каждый элемент одностраничника, размещение которых должно быть логически оправданно. Как сделать лендинг, учат профессионалы из конструктора для создания сайтов Tilda.

Информационные:

• блоги,
• медиа.

Такие ресурсы освещают события и вопросы разной степени значимости и тематики. Ожидается, что у информационных сайтов будет рубрикатор, поиск, возможность оставить комментарий и поделиться статьёй в соцсетях, подписка на рассылку новостей, мобильная вёрстка и безупречная <nobr>SEO-оптимизация</nobr>, позволяющая сайту быть на первых местах в поисковой выдаче по актуальным запросам.

Блог не обязательно делать с нуля — платформ для этих целей, вроде LiveJournal, Blogger, Blogspot, Tumblr и других, хватало во все времена.

Общение:

• соцсети,
• форумы,
• сайты знакомств.

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

<nobr>Веб-сервисы</nobr>:

• доски объявлений,
• каталоги,
• <nobr>онлайн-консультации</nobr>,
• поиск товаров и сравнение цен,
• решения для бизнеса,
• торговые маркетплейсы,
• системы бронирования.

С помощью <nobr>веб-сервиса</nobr> пользователь в режиме реального времени получает услугу или совершает действие: покупает билет, обрабатывает фотографию, собирает презентацию или пересчитывает одну валюту в другую по текущему курсу. С этой точки зрения <nobr>веб-сервисы</nobr> напоминают программы или мобильные приложения. Пока визитки или лендинги просто продают услуги и рассказывают о компании, <nobr>веб-сервисы</nobr> несут практическую пользу.

<nobr>Сайты-сервисы</nobr> и <nobr>интернет-сервисы</nobr> — это синонимы <nobr>веб-сервисов</nobr>, поэтому не теряйтесь, если встретите такие формулировки.

Сервисы должны быть полезными, их главная задача — сделать так, чтобы пользователь решил проблему быстро и с минимальными усилиями. Представьте, что вам нужна кредитная карта. Чтобы выбрать и заказать подходящую, вы можете самостоятельно изучить сайты десятка банков, потом поехать в офис одного из них, отстоять очередь, поговорить с менеджером, заполнить документы, а через неделю вернуться за готовой кредиткой. Другой вариант — воспользоваться сервисами вроде banki.ru или sravni.ru, где в одном месте собрана вся важная информация о продуктах и есть функция заказа онлайн.

Хороший сервис всегда выглядит лаконично. Чем меньше деталей отвлекает пользователя от основной функции, тем лучше. Наглядный пример — любые сервисы «Яндекса» или Google: на странице с картами вы найдёте только карты, а на сайте <nobr>онлайн-кошелька</nobr> — только инструмент для управления финансами, без лишних ссылок и рекламы других продуктов.

Чтобы пользователю было удобно, при разработке такого сайта очень важно уделить внимание <nobr>UX-аналитике</nobr>, а затраты на UX/<nobr>UI-дизайн</nobr> могут оказаться гораздо выше, чем при создании обычного лендинга или <nobr>интернет-магазина</nobr>.

Веб-агентство или фрилансер: где заказать онлайн-сервис?

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

Фрилансер

Чтобы выбрать действительно хорошего фрилансера, в первую очередь необходимо изучить его портфолио. Обратите внимание, есть ли там работы, похожие на то, что вам нужно. Следующее, что вас должно заинтересовать – стоимость, реальные отзывы и хотя бы приблизительные сроки выполнения. Немаловажным является размер предоплаты и регулярность выхода на связь. Также один фрилансер не сможет разработать сервис. Надо собирать команду из Дизайнера, front-end разработчика, back-end разработчика, маркетолога. И при этом самому выступать в роли менеджера проекта. То есть, если вы сами хорошо разбираетесь в вопросе, этот вариант может вам подойти. Но если вы не эксперт — есть шанс, что вас обманут или попросту сделают некачественно. Основное преимущество фрилансеров перед агентствами – это стоимость услуг, однако это не стопроцентное правило. Если заказывать комплекс услуг — может выйти и дороже. Первый работает сам на себя и обычно дома, а потому ему не нужно тратиться на аренду офиса, зарплату другим людям. Так что стоимость будет ниже, чем в агентстве.

Однако у фрилансеров есть свои нюансы, о которых вам точно стоит знать:

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

Агентство

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

1. Разработка онлайн-сервисов в агентствах обычно делается «под ключ». То есть каждый шаг согласовывается с заказчиком, выбираются лучшие варианты, детально продумывается структура. Агентство не просто создает сайт, но заботится о том, чтобы он был действительно рабочим, конверсионным, продающим и увеличивающим аудиторию.
2. В агентстве работает много профессионалов с опытом. Каждый специализируется на определенных задачах и качественно их выполняет, в отличие от фрилансера, который делает все сам.
3. Агентство гарантирует выполнение проекта. После того как вы обсудите все детали, заключается договор. После этого они обязаны уложиться в сроки, быть постоянно на связи и выполнить все условия, которые прописаны в документе.

Кстати, мы занимаемся разработкой сервисов!

Подробнее

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

Почему создавать сайты сервисов сложнее и дороже, чем визитки

Разработку <nobr>веб-сервиса</nobr> придётся делать с нуля. Готовые коробочные решения для этого практически не подходят, особенно если речь идёт о продукте, а не о калькуляторе на сайте компании.

Что же усложняет создание такого сайта?

• Более высокие затраты на <nobr>UX-аналитику</nobr>, UX/<nobr>UI-дизайн</nobr> и <nobr>фронтенд-разработку</nobr>. Сервисом будут пользоваться люди со специфическими потребностями, и чем более узкую задачу надо закрыть, тем острее интерфейс должен быть заточен под своего пользователя. Не стоит недооценивать важность пользовательского интерфейса.
• Затраты на <nobr>бэкенд-разработку</nobr>. Лендингу или визитке бэкенд не нужен, потому что их контент статичный и не предполагает никакого интерактива. <nobr>Веб-сервисам</nobr>, наоборот же, надо работать с кучей данных: сортировать товары по стоимости, бренду или другому признаку, оформлять бронь в кинотеатре на конкретный фильм, время и место <nobr>и т. п.</nobr>
• Интеграция с разными сервисами. Это может быть что угодно: CRM, <nobr>1C</nobr>, <nobr>SMS-рассылка</nobr>, <nobr>push-уведомления</nobr>, оплата. Эту часть проекта можно сделать ещё дороже, если разрабатывать, например, собственный платёжных шлюз, но зачем, если есть готовые решения.
• Отсутствие коробочных решений и конструкторов. Визитку можно сделать из шаблона, а <nobr>интернет-магазин</nobr> — на основе сотен готовых CMS. Но если тебе нужна система по управлению отгрузками нефтепродуктов с уникальной механикой, заточенной под твои <nobr>бизнес-процессы</nobr>, то тебе не обойтись без кастомной разработки с нуля, а это долго и дорого.

Определение целевой аудитории

Прежде чем приступить к разработке онлайн-сервиса, ответьте на несколько важных вопросов:

1. Для кого вы создаете сайт?
2. Каковы интересы, предпочтения вашего потенциального клиента?
3. Какую информацию они хотят видеть, что для них важно и полезно?

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

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

Подробнее в нашей статье: «Определение целевой аудитории».

Из чего складывается цена разработки <nobr>веб-сервиса</nobr>

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

• Аналитика (3%)

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

• Дизайн (11%)

На стадии дизайна продумываются пользовательский опыт (UX), интерфейс (UI) и внешний вид сервиса.

• Разработка (55%)

Чтобы сервис был хорош собой на всех устройствах, <nobr>фронтенд-разработчики</nobr> делают адаптивную HTML/<nobr>CSS-вёрстку</nobr> и в целом силой кода приводят в движение созданный дизайн, а <nobr>бэкенд-разработчики</nobr> налаживают <nobr>клиент-серверное</nobr> взаимодействие и <nobr>бизнес-логику</nobr> со стороны сервера.

• Тестирование (11%)

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

• Менеджмент (20%)

Менеджер обеспечивает работу всей команды и держит клиента в курсе происходящего на проекте: показывает результаты, обсуждает возможный выход за сроки и способы этого не допустить <nobr>и т. п.</nobr>

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

Взаимодействие во время создания сервиса

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

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

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

Создание технического задания и прототипа

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

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

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

Rarchy

Beta-версия проекта обладает скромным набором функций. Сайтмэп строится как с нуля, так и в генеративном порядке по ссылке на сайт. На момент публикации обзора механика добавления страниц устроена следующим образом — необходимо вызвать контекстное меню, кликая на блоки страницы. Никаких дополнительных настроек отображения блоков не предусмотрено. Тем не меннее drag’n’drop работает понятно. А форматы отображения схемы позволяют переключить проект в вид биоморфной схемы. Возможно, такой вид покажется наглядным и уместным. На момент публикации доступен экспорт только в CSV-файл. Поделиться прямой ссылкой нельзя. Стоимость, подписка: бесплатноПростота использования: для начинающихДизайн: ★★☆☆☆Командная работа: Экспорт: CSV

Постановка целей

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

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

Writemaps

Относительно простой в организации Writemaps помогает проектировать сайтмэпы и планировать контент проекта. Для того, чтобы протестировать сервис, придется зарегистрироваться. С точки зрения дизайна интерфейс можно описать, как «народный» или незамысловатый. Бесплатный план обеспечивает доступ к части функции: 3 активных сайтмэпа c 50 страницами. Остальные фичи доступны платным пользователям. Часть платного функционала включает возможность выделять страницы проекта цветом, объединять и добавлять к ним контент, создавать разделы, делиться проектом и экспортировать сайтмэп в PDF. Хотя для бесплатных планов предусмотрен экспорт в CSV и XML. Стоит отметить, что переключение между сайтмэпом и содержательной частью реализовано удобно и наглядно. В ускорении работы поможет список шорткатов.Резюме «Только самое необходимое» именно так можно охарактеризовать подход к функционалу бесплатной версии. Платная подписка подойдет для пользователей, которые планирую распределение контента, помимо общей структуры сайта.Стоимость, подписка: бесплатный план предусматривает 3 активных проекта с ограничением в 50 страниц. Платные подписки от 14.99 $ в месяц.Простота использования: для начинающих и пользователей среднего уровняДизайн: ★★☆☆☆Командная работа: ✓Экспорт: CSV, XML, PDF и ссылка (только для платных пользователей)

Где найти исполнителя?

Итак, появилась необходимость в собственном большом онлайн-сервисе. Где же искать того, кто это создаст?

1. Специализированные сайты. Чем-то похоже на биржи, только здесь направленность немного другая: в первую очередь делятся своими работами, но не предлагают свои услуги. Поэтому цен на таких сайтах вы не увидите. Зато можете надолго залипнуть на крутые проекты, выбрать понравившийся и связаться с исполнителем. Пример сайта – Behance, GitHub.
2. Поисковики. Довольно затратный по времени способ, но велика вероятность найти действительно профи. Кроме того, по такому ресурсу можно составить представление о специалисте: насколько качественно выполнен его сайт, что в разделе «о себе», каковы условия сотрудничества, какое портфолио.
3. Социальные сети. Многие опытные специалисты «обитают» в социальных сетях. Достаточно зайти в группы ВКонтакте или Фейсбуке и ввести «веб-дизайнер» и получить массу результатов. Здорово то, что здесь почти всегда есть реальные отзывы. То же самое и с Инстаграмом. Сегодня это одна из самых популярных площадок, где люди создают бизнес-аккаунты и рассказывают о своих проектах, делятся процессом, что вызывает доверие.
4. Электронные рейтинги. Рейтинги помогут как найти исполнителя, так и удостовериться в правильности своего выбора. Например, Ruawards. Можно просматривать специалистов по виду деятельности, по ценовой политике, по регионам.

Visual Sitemaps

В сервисе Visual Sitemaps сайтмэпы строятся на основе уже запущенных проектов автоматически. Инструмент кроулит структуру сайта и делает полноразмерные скриншоты страниц. При этом пользователь определяет количество скриншотов и глубину кроулинга в уровнях. Пользователям бесплатных подписок доступна глубина не более 2-х уровнейю. Процесс кроулинга относительно быстрый. Но если проект объемен, то будет разумно запустить процесс и отвлечься на другие задачи, а сервис сообщит по почте о готовности сайтмэпа автоматически. Предусмотрен экспорт проекта в PDF. На момент публикации дополнительных функции не так много, но анонсированы комментарии к скриншотам страниц, возможность реорганизовывать структуру проекта и защищать проекты паролем. Резюме Visual Sitemaps будет удобен для предварительного анализа проекта. Особенно, если есть необходимость посмотреть и оценить устройство страниц. Стоимость, подписка: бесплатный план предусматривает регистрацию одного пользователя и 50 скриншотов с ограничение глубины кроула до двух уровней. Платные подписки от 29 $ в месяц.Простота использования: для начинающих и пользователей среднего уровняДизайн: ★★★★☆Командная работа: ✓Экспорт: ссылка, PDF

Flowmapp

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

• начать с чистого листа
• импортировать из XML файла
• расширить существующий шаблон

В заготовленных шаблонах найдется три типа проектов: e-Commerce, корпоративный проект и новостной портал. В процессе знакомства с сервисом в правом нижнем углу будут регулярно появляться полезные рекомендации и советы относительно инструментов и особенностей рабочей среды. Анимации и реакции элементов интерфейса помогают втянуться в процесс и научиться базовым манипуляциям. Удобно реализованы групповые выделения страниц для удаления или смены лейбла. Одно из основных преимуществ — наглядные шаблоны страниц. Библиотека шаблонов покрывает большинство возможных информационных паттернов — незаменимая и наглядная фича в подготовке и планирования контенте для будущего сайта. А для тех, кому в первую очередь важна структура, можно переключиться в компактный вид с одними заголовками. Что касается навигации, то к стандартному набору функции добавлена довольна удобная механика — Project Map. Project Map сочетает в себе как визуальную, так и механическую ценность — перемещение по структуре больших проектов упрощается. К каждой из страниц проекта можно добавлять расширенное описание и прикреплять отдельные файлы. Эта фича полезна в процессе наполнения сайта контентом. Широкие настройки экспорта в SVG и PNG форматы позволяют выбрать оптимальный вариант и даже задать разрешение изображения на выходе.Резюме Сервис с продуманным набором функций и приятным интерфейсом. В бесплатной подписке функции доступны в широком спектре. Подойдет для эффектной и качественной презентации проектов сайтмэпов. Стоимость, подписка: бесплатный план предусматривает 1 активный проект и 100 Мб места, без ограничении по коллабораторам. Платные подписки от 8 $ в месяц при годовой оплате.Простота использования: для начинающих и пользователей среднего уровняДизайн: ★★★★★Командная работа: ✓Экспорт: ссылка, PNG, SVG, PDF, DOCX

Тестирование

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

• Оценка внешней составляющей (дизайн) сайта.
• Анализ качественности адаптации ресурса под различные устройства (насколько хорошо и корректно отображается сайт на компьютере, телефоне и планшете).
• Проверка скорости, с которой загружается сайт (наиболее распространенный инструмент — Google PageSpeed).
• Тщательная проверка контента на наличие орфографических, пунктуационных, стилистических и фактических ошибок.
• Тестирование работы чата, кнопок призыва к действию, форм для заполнения личных данных.
• Тестирование индивидуальных настроек и функций.
• Тестирование сервиса реальными пользователями и дальнейшие доработки до максимального удобства и устранение выявленных багов.

Оптимизация и наполнение контентом

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

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

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

Оценка работы

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

Важный момент: сначала создается ТЗ (техническое задание) и прототип, а уже потом проводятся предварительные подсчеты. Это необходимо для того, чтобы узнать примерный диапазон стоимости и вовремя проанализировать, по карману это, окупится ли, нужны ли такие затраты или лучше сделать что-то более бюджетное. А может быть, стоит еще больше постараться и вложиться по-крупному, чтобы сервис был действительно качественным.

Dynomapper

Чтобы осмотреться в Dynomapper придется создать аккаунт. Доступен 14-дневный тестовый период. Знакомство c сервисом начнется с наглядного видео-эксплейнера. Как и в продвинутых визуальных сайтмэп сервисах пользователя предлагается начать проект с нуля или же воспользоваться экспортом. Кроулинг, к слову, тоже есть. Стоит отметить, что дизайн среды сдержанный и консервативный. А процесс создания сайтмэпа больше похож на классическое взаимодействие с Explorer (Win) или Finder (Mac). Структура сайта, в отличие от сервисов описанных ранее, отображается в виде, напоминающем дерево файлов. Компактно и придется по вкусу тем, кто привык к такому взаимодействию. Хотя режим Preview отображается уже в виде блок-схемы, и предусматривает 4 дополнительных вида отображения. Настройки свойства и функций элементов удобно расположены в правой панели вкладок:

• Page (Расширенная информация о странице)
• Content (Планирование (добавление) текстового и мультимедийного контента)
• Analytics
• Comment

Приватный проект будет доступен только пользователям подключенным к аккаунту. Гибкие настройки экспорта в PDF позволяют выбрать формат (размер) перед сохранением. Дополнительно пользователь определяет и ограничивает количество уровней вложенности для экспорта. Отдельные манипуляции и действия требуют более подробного изучения раздела помощи.Резюме Инструмент производит основательное впечатление и скорее всего подразумевает более глубокую проработку проектов и работу с контентом.Стоимость, подписка: 14-дневный триальный период. Платные подписки от 49 $ в месяц. Простота использования: для пользователей среднего и продвинутого уровнейДизайн: ★★☆☆☆Командная работа: ✓Экспорт: ссылка, PDF, CSV

Slickplan

Многофункциональный сервис Slickplan включает в себя проектировщик сайтмэпов, инструмент по созданию диаграмм и потоков. Широкий набор инструментов планирования контента и дизайн шаблоны. Среда устроена логично, рабочая зона четко отделена от элементов навигации. А панель навигации наследует логику классических desktop-приложений. Сайтмэп можно построить с нуля или же импортировать: возможно использовать XML и текстовые файлы, а также встроенный кроулер. Механика манипуляции с блоками интуитивно понятна. Добавление новых страниц происходит быстро, а drag’n’drop объектов позволяет менять порядок и иерархию. Настройки каждого элемента (страницы, блока) сайтмэпа включают:

• Добавление контента (текстовый и мультимедиа)
• Добавление заметок
• Выбора типа страницы
• Распределение дизайн шаблона
• Диаграмы
• Добавление ссылки

В Slickplan стилизовать сайтмэп можно не только с помощью заготовленных цветовых схем, но и индивидуально. Настройки найдутся во вкладке Styles верхней панели инструментов. Командная работа реализована подробно. Помимо пользователей с правами редактора, можно подключать пользователей права которых ограничены просмотром проекта. А раздел с комментариями поможет вести обсуждения проекта онлайн. Сервис предусматривает подключение Google Analytics. Это отличительная и полезная особенность Slickplan. A интеграция со сторонними сервисами (Basecamp, Slack и другие) позволяет шерить проект в удобном формате. Проект может быть защищен паролем. Конечно, с таким набором функций не стоит ожидать бесплатных подписок. 30-дневный триальный период подведет к выбору подходящего плана от 9.99 $ в месяц. Резюме Богатый набор функций и продуманный интерфейс. Огромный набор возможностей и настроек экспорта. Стоимость, подписка: 30-дневный триальный период. Платные подписки от 9.99 $ в месяц.Простота использования: для пользователей среднего и продвинутого уровнейДизайн: ★★★★☆Командная работа: ✓Экспорт: ссылка, PDF, EPS, HTML, CSV, TXT, DOCX, Slickplan Sitemap XMLИспользуемые источники:

• https://livetyping.com/ru/blog/skolko-stoit-razrabotka-saita-web-servisa
• https://waytostart.ru/blog/kak-razrabotat-online-service
• https://m.habr.com/ru/post/467625/