Сайт, который объясняет роль венчурного билдера
AldanDev подключается к продуктам на разных стадиях роста. Я спроектировал сайт, который объясняет модель работы и помогает фаундеру быстро соотнести свой запрос с экспертизой команды.
AldanDevaldandev.com
Контекст
AldanDev работает с инвесторами, фаундерами и портфельными компаниями на разных стадиях. На одной странице нужно было показать, когда команда подключается, какую роль берёт и чем отличается от фонда или подрядчика.
Задача
Важно было показать AldanDev партнёром по росту, а не подрядчиком или фондом. Пользователь должен понимать ценность сотрудничества до знакомства с деталями каждого направления.
Моя роль
Спроектировал структуру и дизайн сайта, сделал визуальную систему с логотипом и знаком, подготовил адаптивную frontend-сборку.
Результат
Понятная модель услуг
Собрал сайт как маршрут от запроса фаундера до направления экспертизы и формата взаимодействия.
1. С чего начинал
- AldanDev работает с инвесторами, фаундерами и портфельными компаниями на разных стадиях. На одной странице нужно показать, когда он подключается и какую роль берёт.
- Модель венчурного билдера легко спутать с фондом или подрядчиком. Разница должна быть понятна раньше, чем человек дочитает до описания направлений.
2. Логотип и общий тон
Логотип набран плотным узким гротеском с сильным наклоном, «dev» вынесено маленькой надстрочной пометкой. Наклон даёт ощущение движения без стрелок и графиков, привычных для инвестиционной темы. Фоном взял мягкий градиент от сиреневого к светло-жёлтому, он смягчает тяжёлое начертание и отделяет бренд от тёмных технологичных клише.
3. Построил страницу вокруг запроса фаундера
Информационную архитектуру разложил по трём осям: тип запроса, стадия продукта и направление экспертизы. Первый экран сразу называет модель, venture builder, и ставит рядом объёмный логотип в малиновом цвете на чёрном фоне. Следующий блок отвечает на вопрос о роли крупной фразой о том, что доход AldanDev зависит от выполнения KPI и стоимости бизнеса партнёра. Ключевые слова в ней выделены белым, остальное серым, и смысл читается по выделениям.
4. Знак из первой буквы
Из буквы A сделал отдельный знак, где правая стойка сплошная, а левая расходится веером лучей из одной точки. Он повторяет наклон логотипа, поэтому работает и рядом с ним, и вместо него. Проверил его крупно на спине чёрной футболки с маленькой пометкой «dev», а на значках вписал в квадрат со скруглёнными углами в светлом и чёрном вариантах. На чёрном зонте знак стоит серым по чёрному в одной строке с адресом сайта и короткой подписью — цвет убран намеренно, для узнавания хватает формы.
5. Продуктовые метрики
Каждое решение привязано к показателю: что на него работает и по чему это видно в аналитике.
Доля посетителей, дошедших до формата сотрудничества
- Что на это работает
- Страница ведёт от типа запроса к стадии продукта и направлению экспертизы.
- Что смотреть в аналитике
- Глубина прокрутки и клики по блокам направлений.
Конверсия в обращение
- Что на это работает
- Человек сначала узнаёт свою ситуацию и только потом читает про условия.
- Что смотреть в аналитике
- Доля визитов, закончившихся заявкой.
Скорость обновления сайта
- Что на это работает
- Страница собрана из независимых блоков.
- Что смотреть в аналитике
- Время на добавление или замену блока без правки макета.
6. Что получилось
- Сайт ведёт от запроса фаундера к направлению экспертизы и формату взаимодействия: 5 направлений и 3 стадии роста связаны в 12 сценариев.
- Визуальная система с логотипом и знаком работает на сайте, одежде, значках и аксессуарах. Страница сделана из блоков контентной системы, их можно обновлять без переработки всей страницы.