Портал для IT-сообщества за один месяц с помощью одного разработчика

Главное о кейсе

Срок выполнения: 1 месяц
Технологический стек: Vue, Tailwind CSS, Strapi
Состав команды: 1 middle frontend-разработчик

IT-кластер — это первая структура внутри Ассоциации развития digital-агентств ARDA, объединяющая компании с общими целями и принципами работы. Внутри кластера формируются рабочие группы по решению конкретных задач. Work Solutions руководит рабочей группой по созданию отраслевых стандартов для аутстаффинга и аутсорсинга.

Наша рабочая группа объединила более 100 сервисных ИТ-компаний, поэтому нам понадобился сервис, объединяющий всех участников в едином портале.
-------------------------

Lead time: 1 month
Technology stack: Vue, Tailwind CSS, Strapi
Team composition: 1 middle frontend developer

IT-cluster is the first structure within ARDA Digital Agency Development Association, uniting companies with common goals and principles of work. Working groups are formed within the cluster to solve specific tasks. Work Solutions leads a working group to create industry standards for outstaffing and outsourcing.

Our working group united more than 100 IT service companies, so we needed a service that would unite all participants in a single portal.

Как проект изменил жизнь пользователей

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

Unified all participants in a single portal. Now information is stored in one place instead of in disparate sources. In it, users can find information about the IT cluster and its goals. Have the opportunity to publish events held within the community, as well as an entry to events. The portal provides information about all participants of the community. Thanks to this data, IT companies can learn more about their colleagues.

Бизнес-задача и ее решение

Перед порталом стоят 3 основные задачи:

Дать пользователям информацию об IT-кластере и его целях;
Дать возможность опубликовать мероприятия, проводящихся в рамках сообщества, а также запись на эти мероприятия;
Предоставить информацию о всех участниках сообщества.

Изначально все данные хранились в разрозненных источниках: Google-документах, Telegram-каналах, ноушенах и прочих инструментах. У нас была цель собрать всю информацию в доступном для всех сервисе.

Strapi помог нам разработать и интегрировать с админ-панелью портал для IT-сообщества.

Крафт (мастерство), реализация, технические детали

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

Дизайна на проекте не было, только некоторые артефакты по фирменному стилю и сайт ассоциации на Tilda. Штатных возможностей Tailwind вполне хватает для наших целей, если нет строгих требований по стилизации кнопок и других элементов управления.

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

Портал состоит из следующих разделов:

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

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

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

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

Календарь IT-мероприятий. В нем указаны не только внутренние мероприятия, но и все, что касается IT-сферы.

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

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

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

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

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

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

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

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

Скриншоты