Как мы сделали редизайн сайта «Сколково» sk.ru

К нам в Embacy пришел фонд «Сколково» за редизайном сайта. Мы немного удивились, так как работаем в основном с диджитал-продуктами, но на проект с радостью согласились, потому что у некоторых наших клиентов стоит логотип «Сколково» в подвале. Символично, что теперь в подвале sk.ru ссылка на нас.

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

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

Наши встречи проходили в Квартале Менделеева в «Сколково»

Логотип «Сколково» напрямую отсылает к элементу таблицы Менделеева:

Поэтому мы взяли за основу концепции сайта… таблицу Менделеева.

Маркетинговый текст звучит так: Менделеев упорядочил химические элементы в систему, а «Сколково» упорядочивает российские стартапы.

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

В итоге пришли к тому, что технологические конкурсы оформили близко к классической таблице Менделеева:

Из блока мероприятий убрали бессмысленные фотографии и оставили место для ключевого мероприятия слева:

Участников «Сколково» на главной странице оформили с корешками по направлениям:

Инфраструктуру «Сколково» отрисовали линейными иллюстрациями, единственными вписавшимися в стилистику, а также сделали множество иконок:

В табличной стилистике мы «почувствовали нотки» швейцарской типографики, поэтому шрифт Formular дополнил картину: гротеск без засечек, но не слишком классический. Серьезный ровно настолько, насколько нужно.

Мы привыкли работать с лицом, которое принимает финальное решение. Это удобно, потому что помогает двигаться быстро. Здесь на стороне «Сколково» было 5 уровней принятия решений. Это был главный челлендж. Совещания выглядели настолько серьезно, что мы задумались над тем, чтобы надеть рубашки вместо черных толстовок Embacy.

Например, концепцию и стилистику согласовывали на примере кликабельного прототипа главной страницы в фигме (посмотрите, там даже есть анимации).

Этот проект научил нашу горизонтальную структуру трансформироваться четкую в вертикаль (у нас получилось 4 уровня), теперь мы пользуемся этим навыком по необходимости

Разбили проект на 12 спринтов, и двигались последовательно, сдавая по частям. На нас был только дизайн, поэтому команда «Сколково» смогла приступить к верстке уже после второго спринта. Вроде банально, но банально удобно.

Финальная фигма с высоты птичьего полета:

Отдельно отметим страницу с тем, как стать резидентом «Сколково». Она выглядела так:

Мы переработали ее и расписали путь:

Разделили «что нужно сделать, чтобы стать участником Сколково», и «что делать после того, как стал участником Сколково», отдельно выделили преимущества, полезные документы и ссылки

#сколково #сайты