Как мы разработали сайт для стартап-экосистемы Беларуси

У одного предпринимателя только идея. Другой готовится привлекать инвестиции. Третий ищет команду. Как объединить их на одной площадке, чтобы каждый понимал, куда двигаться дальше?

С такой задачей мы работали при разработке сайта Startup Space.

Startup Space - площадка стартап-экосистемы Беларуси на домене spacemedia.by. Партнёр проекта - MTBank.

Наша команда, Веб-студия Оригами, отвечала за UX/UI-дизайн, frontend и backend-разработку на кастомном WordPress.

Аудитория Startup Space неоднородная.

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

У каждого свои задачи и уровень подготовки.

Кому-то нужно разобраться, как проверить идею. Кто-то уже находится на стадии Seed и ищет мероприятия, полезные именно для этого этапа.

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

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

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

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

Он охватывает стадии:

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

Есть даже отдельное понятие «долина смерти».

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

Для каждой стадии предусмотрена отдельная страница со своей структурой и содержанием.

Так пользователь может двигаться по сайту исходя из текущих задач своего проекта.

Помимо маршрута, мы разработали два важных раздела.

Каталог фаундеров

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

Календарь мероприятий

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

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

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

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

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

Мобильная версия была одним из главных приоритетов проекта.

На небольшом экране нужно было сохранить удобную работу с каталогом, фильтрами, календарём и страницами стадий.

Поэтому адаптация не ограничивалась уменьшением элементов.

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

Часть декоративных элементов и анимаций на телефонах отключается.

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

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

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

Добавлять события, редактировать карточки фаундеров, обновлять материалы и страницы стадий.

Для этого мы использовали кастомный WordPress с индивидуально разработанной логикой.

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

Это позволило объединить разные типы контента и предоставить заказчику гибкую систему управления.

Разработку вели поэтапно, регулярно согласовывая результаты с клиентом.

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

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

Дизайн изначально создавался с учётом дальнейшей реализации на кастомном WordPress.

В рамках проекта реализовали:

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

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

Команда клиента при этом может обновлять контент самостоятельно.

Важный момент: в доступных материалах нет подтверждённых показателей роста регистраций или конверсии после запуска. Поэтому мы не приписываем проекту цифры, которых не можем доказать.

WordPress (кастомная разработка), PHP, AJAX, GET-параметры для фильтрации, WebP, адаптивная вёрстка и оптимизация анимаций.

Startup Space: https://spacemedia.by/

Разработка: Веб-студия Оригами https://origamiweb.net/

Мы занимаемся UX/UI-дизайном, WordPress-разработкой и созданием веб-платформ с индивидуальной бизнес-логикой.

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