Кокос Тех

🥉 Забрали бронзу «Продвигай ИТ»!

2 октября мы были на вручении премии «Продвигай ИТ» — и наш рейтинг Telegram-каналов ИТ-лидеров занял 3 место в номинации «Маркетинг с нулевым бюджетом»! 👍🎉
Мы очень рады результату и делимся нашей радостью!

Наш CEO Павел Милосердов лично представил кейс на премии и рассказал, что стояло за созданием рейтинга — от первых сомнений до готового проекта.

Мы занимаемся разработкой сложных цифровых продуктов для бизнеса, поэтому особенно приятно получить награду ещё и за маркетинговый кейс. Такие премии — это отличная возможность выйти немного за рамки привычной разработки, посмотреть, как продвигают себя другие ИТ-компании, обменяться опытом и подсмотреть интересные идеи у коллег по рынку.

❤️ Спасибо всем, кто голосовал за нас и поддерживал!

➡️ Вы можете подробнее посмотреть наш кейс здесь.
➡️ А здесь можно почитать об итогах премии.

Мы в тройке лидеров премии «Продвигай IT»! 🏆

Наш рейтинг Telegram-каналов IT-индустрии вошёл в тройку лучших проектов в номинации «Маркетинг с нулевым бюджетом»!

Как вы помните, в начале года мы запустили свой рейтинг Telegram-каналов IT-индустрии, в котором главное — не количество подписчиков, а реальный интерес аудитории к контенту.

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

Итог первого месяца: 58 упоминаний, более 88 тысяч просмотров публикаций и ровно 0 рублей на рекламное продвижение 🤩

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

А пока радуемся результату и говорим спасибо всем, кто поддержал нас своим голосом, следит за рейтингом и делится им со своей аудиторией! 👍❤️

А при чем тут мы, если мы вообще-то про разработку? 👀

Мы создаем и развиваем цифровые продукты для бизнеса. И нам важно не только, как сайт работает или выглядит, но и как пользователь вообще до него добирается.

А этот путь прямо сейчас меняется🛤️

Раньше человек задавал вопрос поисковику → получал десяток ссылок → переходил на сайт. Теперь все чаще он задает тот же вопрос ИИ → и получает готовый ответ, собранный из разных источников 🤖

И для бизнеса появляется новый вопрос: а ваш сайт среди этих источников есть?

Поэтому в новой статье разбираемся с нейропоиском и тем, что он меняет в привычном подходе к контенту:

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

В общем, поиск меняется — а вместе с ним приходится пересматривать и то, каким должен быть сайт и контент внутри него.

➡️ Подробнее о том, как подготовиться к эпохе нейропоиска читайте в новой статье на сайте kokoc.tech.

😍 Дизайн-дайджест: сайты, которые не ограничиваются скроллом

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

В новом выпуске смотрим, как дизайнеры используют анимацию, hover-эффекты и нестандартную навигацию, чтобы по-разному взаимодействовать с контентом.

▌Что особенно зацепило:

🔴 Bubbbly — рандомайзер, который выглядит как digital-игрушка

Рандомайзеры обычно довольно утилитарны: поле, кнопка, результат. Здесь механику сделали частью визуальной концепции — вместо обычных чисел или карточек бросаем желейные 3D-кубики.
• кубики приятно деформируются и сталкиваются друг с другом;
• можно менять их цвет и текстуру;
• настройки не перегружают экран и позволяют быстро собрать свой вариант;
• сам процесс рандомизации становится интереснее результата — хочется бросить ещё раз просто ради анимации.

🔴 Heron — AI-продукт с эстетикой технических чертежей

Визуальный язык сайта строится вокруг чертежей, схем и технических иллюстраций. Они появляются практически во всех блоках и помогают связать довольно разные части лендинга в одну систему.
• иллюстрации дополнены hover-эффектами и реагируют на действия пользователя;
• в блоке «для кого» вместе с выбранной профессией меняется и графика;
• карточки основателей сделаны не стандартными портретами, а продолжают общую визуальную концепцию;
• даже футер здесь полноценная часть дизайна, а не просто место для ссылок.

Особенно интересно, что тема AI раскрывается без привычных градиентов, светящихся сфер и абстрактных нейросетей.

🔴 Brikken — сайт креативного digital-продакшена с акцентом на сетку и движение

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

Хороший пример того, как один простой графический элемент можно растянуть на весь лендинг и не превратить его в декоративный фон.

🔴 Geex Arts — CTA, который невозможно не заметить

Сайт дизайн-компании сразу начинает с очень крупного призыва к действию — кнопка занимает значительную часть первого экрана. И этот приём возвращается в финале страницы.
• 3D-анимации сопровождают пользователя практически на всём протяжении сайта;
• крупная типографика и объекты создают ощущение намеренно преувеличенного масштаба;
• огромный CTA в конце закольцовывает композицию и возвращает к главному действию.

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

🔴 Wiki Spy — Википедия через PNG

Экспериментальный сайт превращает контент Википедии в визуальную навигацию. Вместо списка статей — множество PNG-объектов, за каждым из которых скрывается новая тема.
• при наведении на объект открывается большое поле связанных изображений;
• каждый PNG становится точкой перехода к следующей теме;
• по клику можно уйти уже на соответствующую статью Википедии;
• привычный поиск информации превращается в цепочку визуальных ассоциаций.

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


В этот раз особенно много примеров, где дизайн меняет не столько внешний вид сайта, сколько сам способ взаимодействия с ним. Забираем в референсы ✍️

#дизайндайджест

С Днём программиста! 🥳

Сегодня поздравляем тех, кто умеет превращать «а можно сделать вот так?» в работающие продукты.

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

С праздником!❤️👍

Помните эти задания из детских журналов и учебников: «найдите на картинке спрятанные предметы»? 👀

🎒 1 сентября — хороший повод достать из памяти этот навык. Мы подготовили свою версию, конечно же, про IT и Kokoc.tech!

Что нужно найти на картинке:

🔴 5 наших коллег: разработчика, тестировщика, дизайнера, проджекта и HR;
🔴 5 пасхалок к проектам Kokoc.tech — все они отсылают к реальным кейсам из нашего портфолио;
🔴 1 бонусную пасхалку, которая к кейсам не относится, зато хорошо знакома всем, кто использует двухфакторную аутентификацию 🔐

Некоторые спрятались довольно очевидно. А некоторые придется хорошенько поискать.

В общем, увеличиваем картинку, вспоминаем школьные журналы с заданиями на внимательность и начинаем поиски 🔎

Кто найдёт все 11 — тому почет и респект бесконечный от нашей команды.

А мы поздравляем всех с Днём знаний! Пусть в новом «учебном году» будет побольше интересных задач, новых открытий и поводов узнавать что-то новое 🍁🎒