К нам в Embacy пришел фонд «Сколково» за редизайном сайта. Мы немного удивились, так как работаем в основном с диджитал-продуктами, но на проект с радостью согласились, потому что у некоторых наших клиентов стоит логотип «Сколково» в подвале. Символично, что теперь в подвале sk.ru ссылка на нас.
Какая стояла задача
Перейти от преимущественно новостного сайта к платформе, рассказать и показать, что «Сколково» представляет из себя сегодня. Старый сайт выглядел так:
Что получилось:
Нахимичили, или рассказ про концепцию
Любой наш проект начинается с поиска концепции. Иногда это мучительный путь через аналитику, интервью и брейнштормы, но тут все лежало на поверхности, потому что:
Наши встречи проходили в Квартале Менделеева в «Сколково»
Логотип «Сколково» напрямую отсылает к элементу таблицы Менделеева:
Поэтому мы взяли за основу концепции сайта… таблицу Менделеева.
Маркетинговый текст звучит так: Менделеев упорядочил химические элементы в систему, а «Сколково» упорядочивает российские стартапы.
Стилистика: табличный минимализм
Стилистическая работа состояла в том, чтобы придумать как в выбранной концепции будем показывать единнобразно, но не одинаково, совершенно разные вещи: мероприятия и конкурсы, карточки стартапов, элементы инфраструктуры, контентные страницы, новости.
В итоге пришли к тому, что технологические конкурсы оформили близко к классической таблице Менделеева:
Из блока мероприятий убрали бессмысленные фотографии и оставили место для ключевого мероприятия слева:
Участников «Сколково» на главной странице оформили с корешками по направлениям:
Инфраструктуру «Сколково» отрисовали линейными иллюстрациями, единственными вписавшимися в стилистику, а также сделали множество иконок:
В табличной стилистике мы «почувствовали нотки» швейцарской типографики, поэтому шрифт Formular дополнил картину: гротеск без засечек, но не слишком классический. Серьезный ровно настолько, насколько нужно.
Как мы это все утверждали
Мы привыкли работать с лицом, которое принимает финальное решение. Это удобно, потому что помогает двигаться быстро. Здесь на стороне «Сколково» было 5 уровней принятия решений. Это был главный челлендж. Совещания выглядели настолько серьезно, что мы задумались над тем, чтобы надеть рубашки вместо черных толстовок Embacy.
Что сделали, чтобы процесс прошел эффективно
- Не показывали промежуточных версий
Например, концепцию и стилистику согласовывали на примере кликабельного прототипа главной страницы в фигме (посмотрите, там даже есть анимации).
- Четко распределили роли внутри
Этот проект научил нашу горизонтальную структуру трансформироваться четкую в вертикаль (у нас получилось 4 уровня), теперь мы пользуемся этим навыком по необходимости
- Действовали итеративно
Разбили проект на 12 спринтов, и двигались последовательно, сдавая по частям. На нас был только дизайн, поэтому команда «Сколково» смогла приступить к верстке уже после второго спринта. Вроде банально, но банально удобно.
Итого: 16 уникальных страниц и шаблонов
Финальная фигма с высоты птичьего полета:
Отдельно отметим страницу с тем, как стать резидентом «Сколково». Она выглядела так:
Мы переработали ее и расписали путь:
Разделили «что нужно сделать, чтобы стать участником Сколково», и «что делать после того, как стал участником Сколково», отдельно выделили преимущества, полезные документы и ссылки
Двоякое ощущение... Вы вроде как помогли им, а вроде как и испачкались.
В превью (ссылка ниже, но можно даже не открывать — описание и так видно) утверждается, что это «некоммерческая организация», а всё равно вызывает столько неприязни, словно это чёрная дыра для бюджетных денег 🙄
Почему такое негативное восприятие, интересно? 🤔
Комментарий недоступен
Квадрокоптер совершил {{Роскомнадзор}} ?
Я призадумался. Не уверен что ребята испачкались. Представим 3 пути развития событий:
1. Sk заказывает сайт непонятно у кого за небольшие деньги и получает трэш.
2. Sk заказывает сайт за бешенный деньги у условного агенства Апостол и понятно куда идут средства.
3. Sk заказывает сайт у ребят из поста, получает хороший результат за вменяемые деньги.
Мне кажется третий сценарий самый нормальный и мы как раз в нем. Ну я верю что embacy не попилочная)
Иконки - жесть, шрифты - жесть... Вы реально считаете что Ариал это лучший шрифт для веба?...
— Ваш сайт говно!
— Но это же сайт Сколково.
— Тогда недурно!
У вас в портфеле хорошие сайты, а это работа стажера из 2010-го ? =/
Ребята осваивают Corel Draw че вы докопались )))
Не трожь Короля Дров!
Да я сам в нем много всего делаю ))
Сколько вам заплатили за работу?
это сайт про бизнес а не дизайн, нормальный вопрос
1. Нет единого стиля – просто визуальная «каша» (шрифты, иллюстрации, ховер-эффекты, полоски – какое-то нагромождение кусков разных тем, которые спорят с друг другом).
2. Ощущение несерьезности от сайта какая-то подростковая тематика – компьютерные игры из прошлого.
3. Нет ощущения инновационности, хотели про будущее, а получилось про прошлое.
4. Первый экран – никакого Wow. Просто унылая картинка здания и блок новостей из прошлого века.
5. Глазу не за что зацепиться, ощущение пустоты, не радует.
Как-то даже стало обидно за ребят из Embacy – поклонник их работ.
В чем же кроется причина? Такое ощущение, что очень сильно хотели сделать круто, но перемудрили. Возможно заказчик очень сложный. Коллеги, расскажите, были ли сложности с заказчиком? При этом сама идея с таблицей Менделеева вполне логична.
Аккуратная, но очень слабая работа с точки зрения дизайна.
Мои впечатления:
Плюсы: Дизайн упростился, шрифт стал крупнее, лишние картинки удалили. Стало проще, это позитив.
Минус 1: Раньше активно пользовался страницами кластеров и они были в самом вверху. Сейчас кластеры куда-то пропали. Скажу честно - я пока не смог найти, где они. Может, кластеров в Сколково больше нет, их упразднили?
Минус 2: Зачем выносить сервис "Застройщику" в один ряд в поиске с разделом Инвесторам и Инноваторам. Неужели Застройщиков в Сколково столько же, сколько и Инноваторов? Судя по сайту, выходит, что да.
Минус 3. Вместо "Инноваторам" в "Сервисах" я бы писал "Резидентам"
Минус 4. Помимо стартапов-резидентов, есть еще корпорации, которые открыли свои R&D подразделения в Сколково. На мой взгляд, это важнейший пласт обитателей Сколково, которые сейчас остались без своего блока на сайте. Их не найти и не выделано раздела сервисов для них.
Минус 5. Кто придумал термин "Уставной капитал" в карточках компаний? Есть Гражданский кодекс, есть Закон об ООО, и везде написано "УставнЫй капитал".
Минус 6. Я бы показывал в карточках полный статус взаимодействия стартапа и фонда. Сейчас не хватает даты получения статуса резидента, суммы полученных грантов ("нет", если не выделялись), дат выделения грантов ("нет", если не выделялись).
Минус 7. Есть теории экосистем, законы Рида, Меткалфа и прочее. Критически важно для масштабирования, чтобы узлы экосистем становились сами "мини-экосистемами". В контексте Сколково, в карточках стартапов не хватает того, какие услуги они могут оказывать другим стартапам. Нужно стимулировать горизонтальные связи на уровне стартапов.
Минус 8. Сколково становится и большой жилой зоной. Живут люди, и тоже есть сервисы для них. На мой взгляд, это важно для привлекательности Сколково в целом. Сейчас про это нигде ничего нет.
Минус 9. Случайно заметил. Есть сервис "нотариальные услуги". На странице сервиса перечислены эти услуги, которые не полностью бьются с законом о нотариате (не совпадает количество услуг). Нужно или не перепечатывать законы вообще, или перепечатывать их правильно.
К тому же, на сайте самого этого избранного нотариуса нет ни слова о том, что он работает или хоть как-то связан со Сколково, а сидит себе на Сивцевом Вражке. Если Сколково к нему направляет тысячи компаний, стоило бы это отразить на сайте нотариуса.
Минус 10. Сколково стало большой территорией, много чего построено. Была бы очень полезна интерактивная кликабельная карта, что где находится. Да, есть отдельный сайт skolcity, но я бы показал карту на главном сайте. Карта дает ощущение масштаба, размаха. Это важно.
Минус 11. На мой взгляд, категорически не хватает "Историй успеха". Это просто важнейший блок. Есть много скептиков, которые задают вопросы типа "Ну и что там ваше Сколково сделало, где результаты?" Для ответа на подобные вопросы и нужен подобный блок - сделано было действительно много, и много чего полезного.
Вы бы там пофиксили 404. Хотя бы с этой страницы: https://sk.ru/education/
Они еще и про SVG не знают - все иконки размытые. Инновации хуле.
очень плохо!
Ребята из Embacy с задачей не справились. Я не пойму почему, но очень плохо воспринимается информация. Слишком много горизонтальных и вертикальных полосок, которые еще к тому же почти одного цвета с текстом, отчего глаза не могут сфокусироваться на нужно контенте, глаза разбегаются, либо шрифт тут виноват.
Таргет "лендинга по лендингам" на интересы "Сколково" оправдался :D
Пустили ностальгическую слезу))
Вот за один такой экран вашего стажера надо нахуй уволить — настолько круто раскиданы стрелки и расстояния до значения на весь экран. Что листать, куда нажимать. И так сойдет.
А мне нравится и дизайн, и сама концепция, минимализм в действии.
О, сайт сколково это пока самое интересное что я видел от сколково за 10 лет.
а как же санта-барбара с пономаревым и прочими скандалами о растратах? ))
Много белого, скучновато.
Не смогли в ?
Новое слово в типографике?