Задача — сделать лендинг, который позволит нанять топ разработчиков в «ноунейм» компанию
HighSky — стартап, который тогда только набирал обороты. Им нужны были опытные разработчики, и от меня потребовалось сделать сайт, который будет конвертить разработчиков в сотрудников компании.
Но проблема в том, что у компании не было ни соц сетей, ни офиса, действующие разработчики были анонимными, и основателей не было в LinkedIn. Поэтому показать крутость компании нужно было только за счет дизайна.
Направление дизайна я утвердил еще до того как назвать цену.
Дизайн концепция
У компании не было фотографий и видео. Поэтому мы утвердили концепцию с большими заголовками, абстрактными изображениями и анимацией появления текста, чтобы сделать сайт интересным даже не имея фото компании.
HighSky работает во многих направлениях машинного обучения, которые часто добавляются. Я выбрал абстрактные изображения, чтобы избавить всех от необходимости генерировать подходящие фото для каждого нового направления.
После просчета
Анализ конкурентов
Целью сайта был поиск крутых разработчиков. Я проанализировал 10 мощных IT компаний, чтобы увидеть, как они рассказывают от компании и об условиях для новых сотрудников.
Анализ конкурентов позволяет мне строить решения на реальном рынке, а не на догадках из головы.
Структура сайта
Дальше — структура всех страниц сайта. Под эту структуру копирайтер написал тексты, и после этого я сделал прототип.
Цвета и шрифты я подключаю на последних этапах, чтобы, согласовывая тексты, не отвлекаться на украшательства.
Шрифты, цвета, анимации
Согласовав прототип, я собрал в таблицу шрифты, сетку, цвета, сгенерировал графику, показал анимации на примерах других сайтов.
Мы остановились на аккуратных анимациях для мелких элементов, пиксельном эффекте для смены изображений и больших заголовках. Даже без фотографий и видео это цепляет взгляд и не дает заскучать, пока скроллишь сайт.
Дизайн и верстка
Дизайн и верстка проходят легко и быстро, когда все предварительные шаги согласованы.
Я верстал сайт на Webflow. Для меня было быстрее написать код для анимаций вручную, потому что тогда ИИ еще не работал с Webflow.
Итоги
В итоге за месяц сайт был готов.
800 разработчиков подали заявки через его форму в течение 3х месяцев.
С некоторыми из них я был знаком, так как позже я полтора года работал в HighSky на должности Business Analyst & Product Owner для нескольких продуктов. Но это совсем другая история:)
Смотреть еще
