Как мы делали «Мама-райтер». Часть 3
В первой и второй частях этой истории я рассказала о том, как сформировалась идея проекта, как я прописала концепцию и что сделала на первых этапах создания проекта.
Сегодня речь пойдёт о сайте.
Скажу сразу. Обучающий проект не обязательно начинать с создания многостраничного сайта, блога. Можно стартовать по-другому: сделать бесплатный продукт, лендинг для его раздачи, прикрепить форму подписки, дать рекламу, а затем сделать платный продукт и продавать его тем, кто подписался. Это обычная первичная воронка для информационного бизнеса. О её появлении и роли в «Мама-райтере» я ещё расскажу.
Мне же хотелось сразу сделать ресурс, транслирующий идею и ценность проекта. Спешки не было, поэтому мы взялись за сайт.
Движок
Мы решили делать на WordPress. На этом движке работает «Маркетинг с азов», мы уже набили с ним какие-то шишки, которых теперь с новым сайтом можно было избежать. Мы добыли целую пачку плагинов для Вордпресса (по ссылке лишь малая часть) и научились их использовать, потестировали, выбрали актуальные для нас. Научились интегрировать форму подписки на сайт и крутить её, как нам вздумается — растягивать, перекрашивать, помещать на всплывающее окно. Так что бери и делай.
Структура
Вообще-то, чтобы получить хороший сайт с минимумом трудностей, нужно обязательно составить грамотное техническое задание. Я уже рассказывала о том, как это можно и нужно делать.
В моём случае техническое задание было куцым. С Наташей, веб-мастером и нашим «техническим волшебником», мы работаем с самого рождения «Маркетинга с азов», у нас свой способ объяснять друг другу задачи и пожелания, поэтому некоторой части бюрократии можно избежать. Тем не менее требования по структуре я всё равно расписывала. Ведь чтобы выбрать дизайн сайта, нужно понимать его структуру, верно?
Получилось так:
Нажмите на картинку, чтобы увеличить
Материал рабочий, черновой, с моими пояснениями о том, что и для чего мне нужно и как должно работать. Целиком файл можно посмотреть здесь.
Не знаю, обрадуется ли ваш веб-мастер, если вы будете делать так же.:) Спросите сначала у него, возможно, ему подойдёт другой формат.
Когда стало понятно, что требуется от сайта, мы отправились на поиски шаблона.
Шаблон
И вот тут у нас случился затык.
Мне хотелось найти бесплатный или недорогой шаблон для Вордпресса. Но идеального не находилось. Такого, чтобы прямо сразу захотелось взять себе. Я даже думала взять шаблон с «Маркетинга с азов», перекрасить, поменять главную и работать с ним. Однако и он не был для меня идеальным.
Шаблон, который на «Мама-райтере» сейчас, оказался лучшим из всех, что мы нашли. Копеечным он не был. Зато подходил по функционалу (главная-конструктор, разные форматы страниц, каталог и прочее) и лёг мне на душу.
Мы с Наташей не дизайнеры. Поэтому я сразу отправилась на консультацию к проверенному дизайнеру, показала шаблон, получила одобрение и рекомендации по шрифтам и прочим нюансам.
Затраты: 3200 руб. на шаблон, 800 руб. консультация дизайнера.
Прототип
После этого я нарисовала прототип сайта.
Можно было сделать прототип и до согласования шаблона, имея только структуру. Но тогда после пришлось бы подстраиваться под новый дизайн. Нарисуешь одну главную, — а у шаблона другие технические возможности. Поэтому прототип я делала уже с имеющимся шаблоном. Заодно текстовки на главную написала прямо на картинке.
Выглядело это так:
Чтобы посмотреть целиком, нажмите на картинку
Для создания прототипа я использовала сервис canva.com. Его функционала хватило. Как видите, кое-что на прототипе отличается от настоящей главной страницы. Изменения мы сделали в процессе создания сайта. Оказалось, что-то работает некорректно, где-то исправления не вносятся. Но в целом получилось похоже.
Самая неприятная для меня штука: в этом шаблоне некорректно работают шрифты. Одобренные дизайнером шрифты, которые мне очень хотелось подключить, выглядят в разных браузерах по-разному. С помощью разработчиков шаблона эту проблему решить не удалось, как и некоторые другие. Много всплыло нюансов технического характера, связанных именно с этим шаблоном. К сожалению, заранее предугадать их наличие было трудно, несмотря на то, что мы изучили готовые сайты на этом шаблоне и тестово поставили его на свой домен, посмотрели разные страницы.
Лайфхак: возможно, лучше выбирать разработчика шаблона из России или близлежащих стран. Ничего не имею против специалистов из других стран, наша Наташа умеет общаться с ними по-английски. Но всё же с разработчиками из Таиланда (кажется) подружиться оказалось трудно. Они помогали нам и кое-что исправили. При этом коммуникация проходила гораздо труднее, чем с нашим соотечественником, у которого мы купили шаблон “Маркетинга с азов”. Впрочем, возможно, это частный случай, и нам просто не очень повезло.
У меня также были прототип каталога и прототип страницы Редколлегии.
По-хорошему, для разработки сайта нужны прототипы каждой страницы нового сайта. Но мы с Наташей решили опустить некоторые детали.
Кстати, это было зря. Кое-какие нюансы пришлось переделывать несколько раз. А это Наташино время и мои деньги. Были бы прототипы — не пришлось бы.
Некоторые моменты мы допиливали и подгоняли. Ставили плагины. Например, на странице с отзывами функционал сайта нас не устраивал и работал криво. Поэтому сейчас там стоят какие-то надстройки.
Добавляли подписные формы сервиса рассылок Smartresponder (к тому моменту я уже зарегистрировала аккаунт, пока это бесплатно — за пакет до 1000 подписчиков). Загружали и настраивали плагины для комментариев с помощью социальных сетей. Ставили виджеты соцсетей в сайдбар. И так далее.
Сложнее всего было справиться с каталогом, страницей для Редколлегии и отзывами. Не буду вдаваться в технические подробности, но там мы плясали шаманские танцы с бубном. Вроде бы справились, хотя идеала, который мне виделся, не получилось. И отзывы пока допиливаем.
Возникла трудность и с заголовками. В ряде шаблонов заголовки сделаны так, что это хорошо для дизайна главной страницы, но не годится для дизайна самой статьи. Мы знаем, как улучшить дизайн, но это не очень хорошо для SEO. Мы посоветовались со специалистами, решили, что это не ужасно, и сделали выбор в пользу дизайна.
Лайфхак: хотите идеал — платите за индивидуальную разработку сайта. Это дорого. Я была согласна на «достаточно хорошо»:-) при условии, что мы можем перекрасить фоны и поменять цвет и размер заголовков.
Так я объясняла, что и где перекрасить :)
Затраты на создание сайта около 15 тысяч рублей.
Контент
Пока шла работа над сайтом, я запустила процесс создания контента. Желательно делать так, чтобы готово было всё одновременно, и сайт не стоял пустым.
Тексты для основных страниц написала я сама, причём достаточно быстро — дня за два-три. Это был удачный момент: меня очень вдохновлял новый проект, мне хотелось работать над ним круглосуточно, поэтому и тексты дались легко. Мы даже сделали одно интервью со мной же с ответами на вопросы о копирайтинге в декрете.
Но нужны были ещё статьи в блог.
На первом этапе мне хотелось обойтись малой кровью. Понятно было, что самые первые статьи увидит мало людей: подписчиков у проекта ещё нет, набираться они будут какое-то время, пока обкатка рассылки пройдёт, пока другие оргмоменты… Короче, сразу использовать статьи участниц Редколлегии было жалко. Поэтому мы взяли актуальные статьи из блога «Маркетинга с азов», те, которые рассказывают о текстах, и сделали рерайтинг.
Эту часть я делегировала почти полностью. Редактор и администратор «Мама-райтера» Лена пролистала наш блог, собрала тематические статьи со ссылками в табличку, я выбрала из них десяток. Какие-то Лена переделала сама, какие-то отдали райтерам агентства. Благо копирайтерских мощностей у нас хватает.:)
В итоге доработки сайта и наполнение первичным контентом шли одновременно.
Затраты: около 7000 рублей на рерайтинг и работу администратора.
Можно ли сделать всё дешевле? Можно.
Я делала «Маркетинг с азов» совсем без бюджета и понимаю, что многие из читателей сейчас в такой же ситуации. Можно полностью писать тексты самостоятельно. Можно не платить за шаблон, а подавить в себе перфекциониста и выбрать бесплатный: их много, они сейчас хорошие и с адаптацией для мобильной версии. И сайт может быть дешевле, если не мучить вебмастера требованиями типа «А давай перекрасим заголовок» и «А теперь давай сделаем побольше расстояние между абзацами».:)
Сейчас у нас продолжается процесс наполнения сайта контентом, уже идёт работа с редколлегией, выходит регулярная рассылка. Постараюсь рассказать вам об этом в одной из следующих серий. И ещё на очереди у меня история о воронке продаж и наборе первых подписчиков.
Мария Губина, автор проекта «Маркетинг с азов», тренер, бизнес-консультант
* В случае упоминания в тексте социальных сетей Facebook, Instagram, уведомляем: деятельность компании Meta (Facebook, Instagram) признана экстремистской и на территории РФ запрещена.
