Как написать свою соц сеть

Время на прочтение
9 мин

Количество просмотров 64K

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

В сфере веб-разработки я работаю немногим более трех лет. Проект поднимался в одиночку в свободное от основной работы время и главной целью было — выпустить продукт в установленные сроки (6 мес.).

Вдохновение, идея, исследование

Будучи подростком, я начал увлекаться музыкой, живописью. Чуть позже загорелся 3D графикой и даже успел заработать на 3D моделях первые копейки. Еще пару лет спустя всерьез занялся фото- и видеосъемкой и в этот же период на уроках вокала (и такое было в моей жизни, да) познакомился с будущей женой — актрисой. Все это подтолкнуло сделать какой-нибудь проект для поддержки “веселых” судеб творческих людей. Иии? Социальная сеть? Почему бы и нет? Но это же хейтят, мол, соц. сети умирают. У кого-то умирают, а у меня получится, верно? И вообще, если есть обоснованная идея и концепция, почему бы не воплотить это в веб-страницу? Загуглив список социалочек, наткнулся на интересный вариант — stage32. На мой взгляд, это единственная серьезная зарубежная площадка, собиравшая сообщество причастных к кинопроизводству. В России аналогов на то время (начало 2017 г.) я не нашел (плохо искал?). Решено. Сделаю свой сервис, опираясь на лучшие образы, практики и UX уже существующих соц. сетей, но с уклоном к сфере театра, кино и искусства в целом.

Идеология проекта

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

Первый вариант (2017 г.)

Любой проект должен начинаться с постановки и ответа на вопросы: для кого? Для чего? Какую проблему это решает (цель)? Какие есть альтернативы? Какие преимущества можно предложить? После четких и лаконичных ответов, я составляю список функциональности будущего проекта. Далее определяюсь с костяком: убираю все хотелки и фантазии из общего списка функционала и оставляю только самое необходимое — то, без чего приложение не будет функционировать. От минимального функционала подбираю стек. Ищу примеры реализации. На этом этапе уже есть общая картина: что делать, для чего и как. Весь процесс, комментарии и мысли записываю в блокнот, чтобы повторно не решать то, от чего ранее отказался.

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

Далее прорабатываю эскизы детально. Вот, например, самый первый вариант страницы профиля:

Посты, комменты, лайки, альбом с фотографиями — все по классике. Из нового:
расширенный профиль для актеров, поиск по профессиям и навыкам.

Для разметки макета использовал modulargrid.org:

Я экспериментировал с 12, 15 колоночными сетками, но остановился на 12. Хочу отметить, что верстка по модульной сетке штука неоднозначная. Вам не всегда удастся вписать информацию в блоки, потому что интерфейсы — это графическое отображение данных. Я исхожу из принципов Data-Driven design, т.е. основное назначение интерфейсов — представлять данные и удобные варианты взаимодействия с ними. Именно поэтому дизайнер != веб-дизайнер. Вернувшись к проблеме модульной сетки скажу, что она лишь помогает в первоначальном расположении блоков, а финальный вариант должен утвердиться с помощью тренированного глаза. К тому же, в любой сущности должна быть изюминка или отхождение от правил, чтобы добавить живости.

Пара набросков главной страницы:

Некоторые решения выглядят не совсем удачными и убираются/правятся при верстке. На этапе проектирования надо давать себе свободу и не выводить все до идеала.

Страница входа:

После набросков десктопной версии, уделяю внимание мобильной. Графическая часть готова? Нормас. Пора кодить.

Frontend первого варианта.

В качестве бэкграунда для главной страницы я использовал библиотеку Three.js для работы с WebGL. Треугольники свободно плавают и “следят” за мышкой. Забегая вперед скажу, что в реинкарнации я отказался от Three.js и сделал на css + png, потому как библиотека весит ~570кб и использовать ее для одного несложного эффекта показалось расточительством. В разработке я придерживаюсь установок: минимализм, производительность, легкость поддержки. Так как социальными сетями примерно на 3/4 пользуются с мобильных, то был отдан приоритет легковесности и скорости. Как библиотеку UI компонентов взял Bootstrap 4. Без jquery, только css. Я пробовал обертку bootstrap-vue, но как-то не зашло. Бросались в глаза невалидные html теги и хотелось свободы кастомизации. Как вы могли догадаться, фреймворк Vue. Хотелось изначально заложить хорошую индексацию поисковиками, поэтому докрутил Nuxt.

Backend первого варианта.

Laravel. Для one-man проектов vue + laravel = must have. Скорость разработки, большое сообщество, куча готовых пакетов. Архитектура API-first (бэкенд изначально разрабатывается как API).
Какое API без документации? ApiDoc отличная штука, которая умеет генерировать документацию из PHPDoc. Роутинг кастомизировал и вынес файлы роутов из единого api.php, т.е. один файл, один роут. Для удобства и для генерации документации. Вдохновение черпал из Apiato. Неплохой starter kit для API, напичканный разными паттернами проектирования и оригинальным архитектурным Porto, призванным разбить приложение на модули, но по сути ведущий к монолиту. Судя по репозиторию, проект заброшен более года назад. Скорее всего, по причине активного распространения микросервисной архитектуры.

Отдых, прокачка скиллов

Шел 2018 год. В первой версии я успел реализовать регистрацию, аутентификацию, страницу профиля с редактированием, страницу настроек. Времени по вечерам было немного. Тогда я только начинал путь vue, да и ssr на nuxt капризничал. В итоге, через 4-5 месяцев сдулся. Это был амбициозный проект и не хватило скилла его поднять, не упав самому. За 2018 год я сильно подтянулся как full stack разработчик, освоил docker и в начале 2019 начал все с нуля. Ну, почти с нуля.

Второй вариант (2019 г.), релиз

Frontend второго варианта.

От nuxt ssr я отказался — прослойка из node.js требует дополнительного внимания, да и не видел в нем нужды конкретно на этом проекте. Bootstrap заменил на Quasar — полноценный vue UI (и не только) framework (почему взял его расскажу ниже). Интерфейсы полностью переделал, ушел от вк-стайл концепции. Теперь insta-стайл. Добавил возможность создания трех типов публикаций: фото, видео и текст. В макете использовал 24 колоночную сетку. Сейчас сервис выглядит так:

Да, можно сделать верхнее меню прозрачным. Но нужно уметь хотелкам сказать “нет”. Главную страницу я в итоге нарисовал заново. Поэтому, не стоит вдаваться в детали раньше, чем будет полная картина. Рано или поздно вы захотите все изменить и не важно, насколько прекрасным было решение. Конечно же, сайт полностью адаптирован:

Про TypeScript. Я пробовал его внедрить, но в последствии вырезал, потому что строгая типизация требует больше времени на расстановку типов, интерфейсов. Я пришел к выводу, что TS без strict режима не имеет смысла. Оно и верно — зачем типизация без указания типов. В strict режиме приходится описывать абсолютно все и это как минимум +30% к срокам разработки. А если у вас не утверждена схема обмена данными с бэкендом, то придется постоянно отвлекаться на мелкие правки. Местами вам понадобится игнорить ошибки компилятора добавлением комментария @ts-ignore в код только потому, что вы не ответственны за сторонний код, который не полностью поддерживает TS. Кроме того, вся выгода от TS раскрывается в сложных логических расчетах, т.е. типизировать .vue файлы оказывается несколько избыточным. Буду рад услышать комментарии по этой теме.

Когда фронт был готов на 90%, я задонатил Browserstack и протестировал приложение на Safari. Не жалею потраченных денег, потому как удалось пофиксить парочку простых, но критичных багов. Минутка бомболейло. Safari, когда вы уже начнете думать о пользователях и разработчиках? Годами не исправляете баги. Особенно залипающий скролл в модалке. Я не нашел 100% работающего способа, как заставить Safari корректно скроллить контент в модальном окне. Буду рад, если кто сталкивался и подскажет решение.

Помимо основного приложения, сделал еще и простенькую админку со своим апи:

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

Backend второго варианта.

Laravel. Обязательная валидация всех входящих данных, cors заголовки, дополнительные заголовки безопасности secure-headers, следование RESTful спецификации (как-нибудь попробую JSON-RPC), Fractal для трансформации отдаваемых данных на фронт. Try-catch всего, чтобы пользователь не давил мышку, а получил внятную причину ошибки. Автоматические дампы обеих баз данных с помощью db-dumper. Какого-либо автоматизированного тестирования не писал, ибо ограничен по времени. Надо подкачаться и попробовать TDD, может получится не сильно увеличивать сроки разработки или даже сократить.

Отдельно хочется сказать, что я избегаю использования абстракций на начальных этапах проектирования, если без них сейчас можно обойтись. Их преждевременное использование ведет к усложнению модуля приложения, который может быть никогда не использован. Решайте проблемы по мере поступления. Да, соблюдать баланс между архитектурой и сроками не просто и это приходит только с опытом, но лучше потратить время на продумывание базы данных, а переписать код приложения можно в любое время. Самый важный ресурс, который у нас есть — это время. Лучше выпустить не идеальный продукт и быть первым, чем потом догонять конкурентов. А они будут.

Проблема, стагнация

Запуск состоялся в конце мая. Я начал заниматься рекламой и почти сразу наткнулся на похожий сервис. Да, они по сути реализовали такую же идею. Года на 2 раньше. Надо было лучше исследовать рынок и мониторить его постоянно на предмет новых сервисов. Но проблема даже не в этом. В процессе дискуссий, размышлений и просто жизненного опыта я пришел к выводу, что проблема трудоустроенности людей искусства намного глубже и, возможно, специализированной социальной сетью не помочь. Это рыночная проблема нехватки рабочих мест. В каком направлении развивать продукт я точно не знаю. Сейчас проект переживает стагнацию.

Под капотом

Итог

Несмотря на сложившуюся ситуацию с моими представлениями на особенности рынка сферы искусства, я нисколько не жалею несколько сотен затраченных часов. Процесс завораживал, давал кучу опыта и не только программерского. Я сделал сервис таким, каким задумывал и горжусь финальной реализацией. Мною двигала вера в то, что я смогу помочь творческим людям. Это было главной мотивацией. Может, изначальный некоммерческий подход поставил проект в сложное положение? Есть (спорное) мнение, что надо начинать либо бизнес, либо ничего. Как это ни печально, но иногда лучше вовремя остановиться, чем делать то, во что не веришь. Если придет новое понимание в какую сторону двигаться, то продолжу развивать. Буду польщен вашими мнениями.

Привет! Меня зовут Александр. Однажды меня достали современные соцсети, и я с нуля создал собственную соцсеть WeKnow.

В её основе – нетворкинг, бартер знаний и ноль мусора.

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

Я задумался, а какими качествами должна обладать соцсеть, чтобы она приносила мне реальную пользу, и я реально кайфовал, заходя в нее? Если бы я знал, куда приведут меня эти мысли… В итоге пошёл учиться на продакт-менеджера, параллельно – на маркетолога, купил полтонны книг и обложился ими на год, провел исследования рынков и конкурентов, несколько раз облажался, нарвался на мошенников… Но в результате собрал крутую команду и создал собственную социальную сеть WeKnow. При этом опыта в IT у меня не было никакого, так как всю жизнь я занимался организацией b2b-мероприятий и созданием видеоконтента.

Что не так с нынешними соцсетями

Вы и сами знаете, что. Это адские машины, сжирающие наше время. Зачем мне читать, кто-где из френдов сегодня поел, кто-где сфоткался, и что она думает, сидя на своем манике? И стооооп! – остановите этот чудовищный поток рекламы!

Я хочу видеть в ленте только то, на что у меня есть запрос, все остальное лишнее, и его в топку!

…и что должна уметь идеальная для меня соцсеть

А теперь попробуйте написать в FB любому незнакомому человеку с этой целью. Или Linkedin. Или Инсту. Где гарантии, что вас воспримут всерьез, а не как очередного спамера или городского сумасшедшего?

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

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

И все это без лишнего инфошума, пожалуйста!

Первый кастдев

Сформулировав качества своей идеальной сети, я, как умел, отрисовал её прототип в PowerPoint – кружочки и квадратики. Когда сеть был готов на 80-90% (как я тогда считал), мне вдруг пришла в голову супергениальная идея спросить у других людей, а какими качествами должна обладать сеть, чтобы она им зашла? Один из опрошенных сказал: «Что-то ты коряво проводишь кастдев» – и порекомендовал прочесть книгу «Спроси маму». В тот момент я узнал, что оказывается проводил кастдев! После книги второй опрос проводил по уму: выписывал инсайты, боли, паттерны, вот это вот всё. Удивился результату: оказывается, все думают по-разному, и нифига непонятно, что делать дальше.

Пришло понимание, что мне катастрофически не хватает знаний, как работать с продуктом. Составил сравнительную таблицу учебных заведений, победил Geek Brains (не реклама). Началось обучение, новые знания сразу переносил на свой продукт.

Первый успех, первый факап, команда

Для проверки идеи соцсети создал лендинг с описанием преимуществ WE KNOW и запустил на него трафик из директа. По самому успешному месседжу CTR достиг 8,8%, цена клика 29 рублей, стоимость регистрации на лендинге 143 рубля. Как умел, прикинул на пальцах экономику и ROI, вдохновился результатом и решил, что пришло время узнать миру про мою идею. ) Я составил красивое и умное письмо о том, что знаю, как заработать миллиарды, нашел контакты топ-менеджеров ведущих IT-компаний, разослал им письма… Сижу жду ответа.

жду.

Ещё немного подождал.

Ни одного ответа.

Понял, что жестко облажался. Тогда я не знал, что так это не работает, сейчас невероятно стыдно!!!

Еще понял, что рекламу запустил через ж* – результаты могли бы быть лучше, и что мне катастрофически не хватает знаний в маркетинге. Составил сравнительную таблицу, победил Qmarketing Academy (не реклама), пошел учиться.

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

Во время обучения в GeekBrains приглядывал себе команду. Договорился о встрече с двумя преподавателями с релевантным опытом и презентовал им идею сети. Ребята крутые, со своими продуктами и серьезным бэкграундом в IT, но каким-то чудом они поверили в меня и идею, и у сети WE KNOW стало три партнера. Функционал разделили так: на мне креатив и финансирование, Паша, как продуктовый дизайнер и продюсер, отвечает за разработку, а Стас, как финансист и growth hacker – за стратегию и экономику.

Сели втроем за анализ.

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

И мы начали всё заново.

«Это всё звучит красиво, но надо подтвердить»,

… – сказали мне партнеры об идее соцсети. Чтобы понять, насколько она реалистична, и в каком именно направлении ее двигать, мы решили:

1) Проанализировать тренды в контексте нашей идеи

2) Провести кастдев силами профессионального агентства

3) Посмотреть аналоги и конкурентов и понять, как работает у них

4) Вытащить все идеи из моей головы

5) Собрать всё вместе, структурировать и выделить ядро будущего продукта.

Поехали!

Тренды

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

Общий объем новой информации только за прошлый год составил более 59 зеттабайт

Это где-то 3,7 млрд лет безостановочного просмотра видео 4k.

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

Возможность:

Вероятно, все более востребованными станут сервисы, которые будут защищать и освобождать нас от «мусорного» контента (а такого порядка 96% в общем потоке). И соцсети не исключение.

И это направление не просто перспективное, а сверхнеобходимое!

Шеринг-экономика набирает обороты

«IPO Airbnb стало одним из самых успешных в истории американского фондового рынка!» – по-моему, это сногсшибательная новость под занавес 2020 года. Года, в течение которого сервис аренды жилья Airbnb терпел миллиардные убытки.

Но что это значит в действительности? Что инвесторы верят в идею шеринга даже в самое провальное время. И правильно делают. По прогнозам PwC к 2025 году доля экономики совместного потребления достигнет 335 миллиардов долларов, а компании, работающие в этом секторе, вырастут на 2133% за 12 лет.

Экономика шеринга, как известно, основана на коллективном использовании товаров и услуг, бартере и аренде вместо владения. Все слышали про сервисы каршеринга и велопрокаты, Uber. Однако сейчас арендовать можно практически всё: от газонокосилок и самолетов до букетов и тестов на беременность. О чем бы вы ни подумали, наверняка где-то в мире уже есть стартап, пытающийся встроить этот предмет в логику совместного потребления.

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

Возможность:

5 лет назад швейцарский конгломерат Credit Suisse проводил исследование, в котором среди прочего выяснилось, что 26% пользователей с удовольствием поделятся услугами или онлайн-уроками, за которые они платят.

Представьте, сколько людей готовы это сделать сегодня! Ведь фактически всё, чем мы занимались в этом году – это потребляли разнообразные электронные услуги. Тема же онлайн-образования держалась в топе весь год. И похоже, бум шеринга знаний имеет хороший прогноз в долгосрочной перспективе. Проведенный нами кастдев также подтвердил этот тренд: 100% опрошенных нами респондентов оказались готовы делиться своими знаниями и экспертизой, и притом бесплатно! Для нас это был очень ценный инсайт.

Сервисы с элементами социального шеринга – самые конкурентные на рынке

Minecraft, Fortnite, Tiktok, Pinduoduo – во все эти продукты встроена крепкая социальная составляющая. Она обеспечивает преимущества перед их «несоциальными» конкурентами: лучшие циклы роста, лучшее вовлечение, лучшее удержание, лучшая защита.

Сегодня такие компании называют «social+». По сути, они выбирают одно направление – например, спорт, музыка или игры – и реализуют его в цифровом пространстве вместе с социальными паттернами поведения.

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

Китайский онлайн-ритейлер Pinduoduo пошёл ещё дальше. Он заимствует из оффлайна идею совместного похода по магазинам и предлагает пользователям объединяться для общих более выгодных покупок. И это уже не про расшаривание какого-то бессмысленного контента. Это про реальную выгоду для людей. Шеринг-экономика в действии! А ещё нервничающий конкурент Alibaba и капитализация в 100 миллиардов долларов менее чем за 5 лет. Браво, Pinduoduo!

Возможность:

Самое крутое то, сколько ниш и возможностей открывается в этом направлении.

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

И да, как насчет переноса процесса нетворкинга в «цифру»?

И не факт, что он вновь появится у тех, кто навсегда перейдет на удаленку.

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

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

Аналоги и конкуренты

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

Из сервисов с похожими идеями мы выделили следующие:

«Место» – это сообщество, где люди помогают друг другу создавать полезные компании и продукты. Сервис основан на бизнес-идеях и «магии» Кремниевой долины, что является их главным маркетинговым движком и привлекает соответствующую аудиторию: стартаперов, продактов, аналитиков. Функционально это 128 чатов, разделенных по разным направлениям, уследить за всеми невозможно.

Любиточтоделаешь – сообщество, которое объявило о запуске своей социальной сети. Основатели самостоятельно определяют людей-героев, и они в формате монолога на одноименном YouTube-канале делятся своими историями взлетов и падений, духовных исканий и выбора своего пути. Здесь действует платное членство.

Thegrand.world – это сообщество, которое активно поддерживает друг друга в принятии профессиональных и личных жизненных решений. Сервис связывает экспертов (в их случае «гидов») с нуждающимися в их экспертизе искателями. Сообщество самостоятельно определяет, кто имеет право стать «гидом» и наставлять других. Общение с «гидом» платное.

Superpeer – скорее удобный инструмент для экспертов и консультантов, который позволяет им продвигать свои услуги и взимать за это плату. Superpeer предоставляет для этого заточенный функционал для видеообщения 1 на 1. Казалось бы, не слишком новаторская идея в эпоху Zoom, но инвесторам она нравится: Superpeer недавно поднял под свой проект $8 млн.

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

И давайте исключим никому не нужные «посреднические услуги» сети между ними! Пусть пользователи сами знакомятся и определяют цену и ценность своих взаимодействий.

Идея соцсети WE KNOW

Кофе тому, кто дочитал до этого места!

В итоге все наши мысли, исследования и концепции сформировались в 5 возможностей для пользователей сети WeKnow:

1. Обмениваться знаниями. Взаимные бесплатные консультации внутри сети реализуются по принципу win-win: за каждую свою консультацию пользователь также может получить консультацию эксперта внутри сети.

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

3. Продвигать личный бренд. Алгоритмы сети должны автоматически продвигать наиболее активных пользователей.

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

5. Находить команды под проекты. Сеть должна стать пространством, которое поможет людям искать друг друга и объединяться для создания совместных продуктов и проектов.

Для того, чтобы все эти возможности заработали, мы заложили в функционал WeKnow более 25 инструментов.

MVP

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

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

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

Маркетинг

Запустив бета версию, мы начали кампанию по привлечению пользователей. Условно разделили её на 3 отдельных дня, чтобы заодно прощупать разные каналы и месседжи.

Наиболее эффективной оказалась реклама в Telegram-каналах – стоимость регистрации получилась 30-35 рублей, что намного меньше расчетной в юнит-экономике. В результате мы получили 520 регистраций. У нас неплохо сработала механика онбординга, а в дни запуска я лично приветствовал каждого нового пользователя и общался с теми, кто был к этому готов.

Хотя рекламу мы больше не размещали, люди в течение месяца потихоньку продолжали к нам приходить. Аудитория еженедельно вырастает на 6-9%, что на текущем этапе (запуск MVP для исправления багов) – просто космические значения.

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

И самое для меня удивительное (у нас реально глубокая-глубокая бета) – в рамках сети уже прошли первые сделки.

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

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

Монетизация

Мы планируем тестировать разные модели монетизации, чтобы сделать наиболее интересный и лояльный аудитории вариант. Так как сейчас мы фокусируемся на привлечении своих первых последователей и поиске продакт маркет фита, то решили использовать Freemium модель и PRO-функции. По предварительным расчетам получается схлопывать юнит-экономику при стоимости 690 рублей в месяц за PRO-аккаунт и 15% платных пользователей. Данные 15% мы будем закрывать путем создания баланса между бесплатным и платным функционалом. При этом тестовые запуски с сильно неоптимизированным маркетингом первично подтвердили жизнеспособность такой юнит-экономики.

Будущее социальных сетей

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

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

– Несомненно все большую роль будет играть функционал, позволяющий избавить людей от «мусорной» информации. Соцсетям предстоит поменять свои ключевые метрики: с оценки времени, проведенного в сети – на оценку пользы, полученной пользователем. На мой взгляд, DAU – это абсолютно косвенная метрика. Тут все просто: время можно разделить на «качественное», которое приносит выгоду пользователю, и «время с нулевой пользой». Какое будем считать? Окей, давайте так: за какое пользователь готов будет платить?

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

Видение социальной сети WE KNOW (будущее):

Мы развиваем технологии для построения эффективных взаимоотношений будущего по принципам People to People. Такие отношения между людьми стирают рамки и ограничения. Пройдет немного времени – и человек больше не будет привязан к офису, к работодателю и даже к государству. Каждый из нас сможет контактировать напрямую с глобальным обществом. Эффективность каждого будет измеряться тем, насколько его труд, навыки и знания востребованы в обществе. Человек будущего сможет самостоятельно определить, чем именно он хочет заниматься, и какие свои навыки, опыт и идеи он может предложить глобальному обществу для эффективного и выгодного взаимодействия с ним. Мы создаём социальную сеть, которая объединяет людей и позволяет им быть полезными друг для друга. Думаю, за этим будущее.

Спасибо, что прочитали этот текст, для меня это действительно важно! В сети WeKnow у меня навык «Идеи для бизнеса», буду рад быть полезным для вас, готов бесплатно помогать, консультировать и делиться своим опытом: https://beta.weknow.me/AlexShra Добавляйтесь в друзья!

Оставьте комментарии, дайте обратную связь и поделитесь вашими мыслями, для меня и нашей команды это невероятно ценно!

Читайте комментарии, там часто умные люди пишут умные вещи!:)

И напишите, какой для вас должна быть идеальная социальная сеть? Что именно она должна уметь?

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

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

Как работают социальные сети?

Википедия говорит,https://ru.wikipedia.org/wiki/%D0%A1%D0%BE%D1%86%D0%B8%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0%D1%8F_%D1%81%D0%B5%D1%82%D1%8C что социальная сеть — это «онлайн-платформа, которая используется для общения, знакомств, создания социальных отношений между людьми, которые имеют схожие интересы или офлайн-связи, а также для развлечения (музыка, фильмы) и работы».

Мы скажем проще:

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

Во всем мире около 4,2 миллиардаhttps://datareportal.com/social-media-users пользуются социальными сетями, и этот трафик распределяется между сотнями приложений и сайтов. Согласно статистике, в среднем каждый человек использует 8 различных соцсетей.

Как социальные сети зарабатывают деньги?

Если кратко, то существует две популярные стратегии заработка: реклама и премиальные подписки. Давайте разберем два примера!

• Реклама — пример Facebook. Сейчас в каждой уважающей себя компании есть маркетолог, который занимается рекламой в социальных сетях. Самым крупным игроком на рынке рекламы является Facebook, в котором владельцы бизнес-профилей могут продвигать контент и выбирать аудиторию для публикации. Эта статья доходов Facebook приносит свои плоды — ожидается, что в 2021 году, только за счет рекламы, социальная сеть заработаетhttps://www.statista.com/statistics/544001/facebooks-advertising-revenue-worldwide-usa/ 94,69 миллиардов долларов.

По сути, реклама в социальных превратилась в огромную индустрию. От этого в плюсе не только Facebook, но и все мы. Представьте, если бы не социальные сети, не существовало бы таргетологов и SMM-специалистов 😁 В общем, это одна из стратегий, как создать социальную сеть, которая генерит прибыль.

• Премиум сервисы — пример LinkedIn. Другой вариант — предложить пользователям платный функционал. Посмотрите, что придумал LinkedIn — они показывают, кто просматривал ваш профиль. Например, вы решили посталкерить коллегу или бывшего партнера и не хотите, чтобы они об этом узнали. Тогда платите! Единственный способ скрыть, чьи аккаунты вы просматриваете — купить LinkedIn Premium по цене от 29,99 до 119,95 долларов.

Типы социальных сетей

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

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

• Социальные сети в чистом виде: Facebook, LinkedIn. Они объединяют людей и дают им возможность публично обмениваться сообщениями и новостями.
• Приложения с фокусом на создание и обмен контентом: Instagram, TikTok, Snapchat. В эту категорию входят приложения, основанные на контенте — фотографиях и коротких видео.
• Приложения для создания сообществ и обсуждений: Reddit, Quora. На этих платформах люди в основном общаются друг с другом в группах и задают вопросы.
• Приложения-закладки, в которых можно сохранять контент: Pinterest. В таких социальных сетях можно сохранять изображения и тексты себе на доску или в альбом.

Ключевые функции для социальных сетей

• Регистрация & Онбординг.

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

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

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

• Настройки профиля.

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

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

• Обмен сообщениями.

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

Сейчас в каждой социальной сети есть мессенджер. В случае с Facebook это целое отдельное приложение.

• Создание контента.

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

В Instagram можно редактировать фото, например, менять контрастность или добавлять тени. В В общем, даже фотошоп не нужен!

• Push-уведомления.

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

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

• Интеграция с другими социальными сетями.

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

Чтобы сделать процесс входа более плавным и увеличить оборот контента в интернете, мы советуем вам подключить свое приложение к другим соцсетям. Синхронизируйте свое решение с самым популярным гигантами: Facebook, Instagram, Twitter и TikTok.

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

А моей будущей социальной сети нужен MVP?

Если коротко, то да! MVP (minimum viable product) — это минимально жизнеспособный продукт, который является первой версией вашего решения. MVP используют для того, чтобы получить обратную связь от реальных пользователей и проверить, соответствует ли идея потребностям рынка.

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

Как найти надежного разработчика для MVP?

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

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

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

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

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

Стоимость и сроки разработки социальной сети

Можно ли сделать приложение для социальных сетей, не потратив на это целое состояние? Да! В Purrweb мы разрабатываем приложения для социальных сетей с самым разным бюджетом и всегда обговариваем цены на берегу. Вы можете использовать наш онлайн-калькулятор, чтобы заранее посчитать, сколько будет стоить ваш MVP. Сроки разработки тоже зависят от сложности приложения. 

Давайте перейдем от слов к делу. Мы посчитали, сколько может стоить разработка социальной сети в Purrweb и сколько займет каждый этап:

Этап	Что мы делаем	Как долго	Стоимость
Интервью	Обсуждаем вашу идею	1 день	бесплатно
UI/UX дизайн	Продумываем интерфейс: прорабатываем логику и стилистику будущего продукта	4 недели	$5 400
React Native разработка	Превращаем готовый дизайн в функциональное решение	10 недель	$40 500
QA тестирование	Досконально проверяем работу приложения. Находим и исправляем баги.	Параллельно с разработкой	$6 000
Управление проектом	Следим за сроками выполнения проекта и распределяем задачи	Параллельно с разработкой	$4 100

Подведем итоги

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

В 2023 году все социальные сети воюют за внимание пользователей. Как выиграть эту битву? Сначала нужно определить тип вашей социальной сети и выбрать команду полного цикла для разработки MVP. После этого можно расслабиться  — мы возьмем решение в свои руки: разработаем удобный и вовлекающий дизайн, продумаем user flow и заранее проверим все на наличие ошибок.

В Purrweb мы занимаемся над разработкой MVP для приложений. Мы создаем надежные приложения с фокусом на удобный и минималистичный UI/UX дизайн, чтобы  улучшить опыт взаимодействия с вашим приложением. С нами разработка социальной сети займет около 3 месяцев и будет стоить около 56 000 долларов. Надеемся, что ответили на все ваши вопросы о том, как создать социальную сеть и какой функционал потребуется.

Хотите получить индивидуальную оценку стоимости своей социальной сети? Заполните форму, и мы вернемся к вам с подробной информацией!

Подготовка к разработке социальной сети

Короткая документация

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

Домен

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

Стоимость домена составит $10-20 в год. Я рекомендую использовать одну платформу для регистрации домена и хостинга.

Хостинг

Если Вы планируете запустить крупную социальную сеть, которая будет иметь 500,000 – 5,000,000 пользователей в месяц, я настоятельно рекомендую использовать мощные сервера. Они дадут возможность справляться в большими нагрузками.

Дизайн социальной сети

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

Разработка социальной сети

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

Социальные сети CMS

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

Среди самых популярных социальных сетей CMS стоит выделить: BuddyPress, Dolphin, phpFox, SocialEngine. Хотя, такие системы имеет целый набор проблем. Первая проблема со скоростью работы. Часто они очень сильно нагружают сервер и приводят к авариям. В нашу компании Merehead, в 2017 году, обратилось два клиента. Они имели схожие проблемы. Мы не могли им помочь, так как проекты надо было полностью переписывать. Открыв букмекерский бизнес вы не сможете использовать CMS.

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

Это будет движение по кругу. Как видите общая популярность данных CMS падает, но стоит отметить что среди всех BuddyPress имеет большую востребованность. Фреймворки

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

В нашей компании мы предпочитаем использовать Laravel фреймворк на базе PHP. Стоит отметить что существует около 10 популярных фрейморков на базе PHP (CakePHP, Codeigniter, Zend, Symfony etc). Динамику популярности и тренды веб разработки Вы можете увидите ниже. Основным недостатком использования фреймворков является то, что социальную сеть необходимо разрабатывать нуля. На это потребуется время и ресурсы, но в таком случае вы можете быть уверены, что сайт будет работать стабильно и приносить вам доход. По сути, это ваши инвестиции в будущее.

Тестирование и запуск социальной сети

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

Если Ваша социальная сеть будет привлекать ежедневно 1000 пользователей и все они будут возвращается. Вы получите 30,000 посетителей в день на протяжении одного месяца. Наша компания имеет опыт разработки социальных сетей. Например, наш проект Frevend получил 50,000 пользователей в течении 2 месяцев.

Маркетинг

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

1. Реклама Adwords. Я не рекомендую использовать для привлечения пользователей в социальную сеть. Стоимость клика очень высокая. Google Adwords хорошо подходит для дорогих услуг. —
2. Реклама Вконтакте. Вы можете получить посетителей по стоимости $0.05-0.1. Это хороший источник с огромным набором фильтров для сегментации. Таким образом, привлечь 10,000 пользователей будет стоить $1000.
3. Гостевые посты. Напишите несколько интересных статей про Ваш проекта. Отправьте их популярным СМИ и блогерам.

Вы удивитесь, сколько людей готовы размещать интересный материал совершенно бесплатно. Например одна публикация в TechCrunch может дать 10,000 – 20,000 пользователей в день!

Монетизация социальной сети

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

Freemium. Пользователи имеют бесплатный доступ к большинству функций. А вот дополнительные возможности потребуют небольшой платы. Как правило стоимость небольшая, так как относится ко всем участникам социальной сети. Имея конверсию в 1% от 1,000,000 пользователей, вы получите 10,000 транзакций ежемесячно. При минимальной стоимости $9.99, ваш ежемесячный доход составит $99,900. Согласитесь, хорошая перспектива! Данную бизнес модель использует Linkedin и доски объявлений по типу Авито.

Реклама. Пользователи имеют доступ ко всем функциям и возможностям социальной сети бесплатно. Деньги взымаются за рекламные места. Таким образом платит рекламодатель за клики на свой сайт. Эту бизнес модель использует Google и Вконтакте. Недостаток ее в том, что необходимо разрабатывать отдельную панель для управления рекламными объявлениями. Кроме того, вы будете терять пользователей, так как они будут переходить на другие сайты. Это бизнес модель хорошо подходит для крупных проектов, у которых есть стабильная аудитория.

Подготовка к инвестированию

Когда проект растет, он привлекает внимание инвесторов. Это тот момент, который ждут многие начинающие стартапы. Я меня есть несколько рекомендаций, чтобы стать более привлекательным в глазах инвестора. Сделайте действительно крутой и безопасный проект — прочтите о блокчейне в банках. Он должен работать как часы, без аварий, без ошибок. Будет очень не приятно когда инвестор захочет вложить $500,000, а в это время ваш сайт упал. Позаботьтесь о бизнес модели заранее. Вы должны понимать как будете зарабатывать деньги, еще перед началом разработки.

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