Лига А.

Старый сайт честно отслужил своё — он рассказывал о нас с 2021 года. Мы делали его на Pug и на чистом JavaScript без TypeScript. Это была крепкая сборка для своего времени, но технологии для проектов клиентов у нас давно обновились, а на нашем сайте — нет.

Главные боли:

• Не было админки. Любое изменение контента требовало участия разработчика. Статьи, картинки — всё вставлялось руками в код. Разработчик сам правил, коммитил и деплоил. На это уходило время, которое можно было потратить на клиентские проекты.

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

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

• Сайт не транслировал наш уровень. Мы делали клиентам крутые проекты на современном стеке (взять те же Next.js, React или TypeScript), а у самих был устаревший сайт. Он был надёжным для своего времени, но больше не показывал спектр наших возможностей. Клиенты могли засомневаться: точно ли мы предложим современные решения, если сами используем стек прошлых лет.

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

Мы законнектились с дизайн-студией UXART — визуальная часть была на них. Дизайн делали постепенно: созванивались, обсуждали, вносили правки, придумывали новые фишки. Мы не торопили наших партнёров. У нас не было горящих сроков, нам было важнее сделать хорошо, а не быстро.

Мы хотели чистый, понятный, быстрый сайт, где:

• всё логично лежит;

• легко найти информацию;

• анимации не отвлекают, а дополняют смыслы;

• нет ничего лишнего.

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

Второй важный смысл — преемственность. Мы оставили динозавра (маскота со старого сайта) в футере. Это отсылка к нашей истории и стартапной атмосфере, в которой мы выросли. Мы решили, что динозавр будет развиваться и дальше: скоро создадим с ним игру. Это весело, а ещё так мы снова покажем клиентам, что мы умеем не только сайты, но и игры.

Strapi: как мы учились новому на своём сайте

Когда мы выбирали CMS для админки, сомнений не было — хотим попробовать Strapi. Это популярная, гибкая, современная CMS, которая автоматически создаёт бэкенд и все нужные адреса для получения данных (API). То есть нам не пришлось писать их с нуля — достаточно было через интерфейс задать структуру данных, и Strapi сразу отдавала эти данные на сайт.

Почему это удобно для разработки: мы получаем работающий бэкенд «из коробки», с встроенной админкой, автоматическим CRUD (создание, чтение, обновление, удаление) и гибкой расширяемостью. Это заметно ускоряет разработку и избавляет от рутины.

Но есть один нюанс: до этого проекта Лига никогда не работала со Strapi. Мы решили, что пора это исправить. Клиентских проектов со Strapi у нас не было, и это был идеальный шанс прокачать компетенции на себе, без рисков и дедлайнов. Если что-то пойдёт не так — никто не пострадает, мы просто разберёмся и переделаем.

Особенности платформы познавали прямо в процессе: параллелили работу и обучение, консультировались с ChatGPT.

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

Здесь всё устроено иначе, чем в классических CMS вроде WordPress или Битрикса. Этот инструмент позволяет компоновать контент произвольным образом, как тебе удобно. Если не нужна цитата — ты её просто не добавляешь. В старых системах, даже если блок с цитатой не заполнен, он всё равно висит пустым полем. А здесь его нет — и всё. Контент структурируется (поля, типы, связи между сущностями), что снижает хаос в данных и упрощает повторное использование.

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

Что получилось в итоге:

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

Теперь у нас есть опыт, который можно использовать в клиентских проектах.

Так статья выглядит в админке. А так на сайте.

Так отзывы выглядят в админке. А так на сайте.

Так главная страница выглядит в админке. А так на сайте.

Мы сделали сайт, который:

• работает на современном стеке: Next.js, TypeScript, Strapi;

• управляется контент-менеджерами без разработчиков;

• имеет классные анимации: кубик, динозавр, карточки;

• хорошо индексируется поисковиками;

• транслирует наше позиционирование.

Фишка в отсутствии фишек

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

Планы на будущее

Мы не останавливаемся. В планах:

• Игра с динозавром — превратить пасхалку в полноценную игру для пользователя.

• Страница команды — показать, кто мы есть.

• Карта с городами — рассказать, где работают наши сотрудники.

• Доработка анимации кубика — сделать её ещё круче.