Сделано в OKTTA
1.1K subscribers
164 photos
26 videos
1 file
74 links
Мы OKTTA – улучшаем клиентский опыт, проектируем интерфейсы и разрабатываем цифровые продукты.

В канале делимся закулисьем студии, кейсами и другими полезностями.

Связь с нами: hello@oktta.ru
@igolnaya
Download Telegram
Тёмная тема: мода или реальная забота о пользователе?

Когда-то dark mode был скорее фишкой для разработчиков и ночных приложений. Сегодня переключатель темы есть почти везде, от Telegram и YouTube до банковских сервисов и операционных систем.

Но действительно ли он нужен каждому продукту?

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

Есть и ещё один плюс – ВЫБОР. Если человек привык использовать весь смартфон в тёмном режиме, сайт или приложение с ослепительно белым экраном выбивается из привычного сценария.

Но просто заменить белый на чёрный, не значит сделать хороший dark mode.

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

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


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

Если добавляется только потому, что «выглядит технологично» – просто мода.

Хороший UX начинается не с трендов, а с понимания, зачем конкретная функция нужна человеку.
❤3⚡2🔥2🌚2
Wollmer: карточка и чекаут для тех, кто выбирает технику без сомнений

Обновили детальную страницу товара и оформление заказа для Wollmer – бренда бытовой техники с чистым, технологичным характером и понятной линейкой продуктов.

Переработанная карточка товара выводит особенности, преимущества, на первый план. А также снимает вопросы о комплектации и доставке – покупатель видит суть без лишней прокрутки. Обновлённый чекаут убирает трение на финальном шаге: путь к заказу стал прозрачнее и понятнее на любом устройстве.

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

😄 Смотреть кейс по ссылке
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4🔥4👍2🏆1
Почему одни бренды покупают аудиторию, а другие собирают вокруг себя комьюнити

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

В этом и есть сила бренд-комьюнити.

Хороший пример Nike.
Бренд давно продаёт не только экипировку для бега. В Nike Run Club есть тренировки, челленджи, отслеживание прогресса и возможность делиться результатами. В какой-то момент человека с Nike связывают уже не только кроссовки, а хобби и ощущение, что вокруг есть люди с таким же интересом.


У LEGO Ideas всё устроено по-другому.
Здесь аудиторию буквально пригласили поучаствовать в создании продукта. Можно придумать свой набор, опубликовать идею и собрать голоса. А некоторые проекты в итоге действительно становятся официальными наборами LEGO. Ты уже не просто покупатель, ты можешь повлиять на то, что выпустит бренд.


Что общего у таких комьюнити:

• Есть интерес помимо самого продукта. Бег, творчество, бьюти, музыка, игры.

• Люди общаются не только с брендом, но и друг с другом.

• Есть повод участвовать. Челлендж, мероприятие, голосование, совместный проект.

• Участников замечают. Репостят их истории, отмечают достижения, дают возможность влиять на развитие продукта.

• Общение выходит из онлайна. Встречи и мероприятия делают связь с сообществом ещё крепче.

В России похожую логику можно увидеть у «Золотого Яблока». Контакт с брендом не заканчивается после покупки: есть бьюти-мероприятия, коллаборации, специальные проекты и другие поводы оставаться внутри этой среды.

Людям нужен общий интерес, возможность участвовать и ощущение «я здесь свой». А бренд в этой истории скорее создаёт место и повод для встречи.


Если хочется построить не просто продукт, который покупают, а бренд, за которым следят, с которым взаимодействуют и чувствуют себя на одной волне, подумайте: что может объединять вас с аудиторией помимо покупки?
❤3🔥3👾3
Сегодня хотим поделиться важной для нас новостью – в Рейтинге Рунета 2026 мы стали безоговорочным лидером в музыкальной сфере

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

Для нас это не точка, а очередная ступень. Продолжаем расти, брать новые высоты.
🏆8🔥6🍾4
🧛 Ищем графического дизайнера

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

Предстоит работать над графикой для сайтов, баннерами, иконками и иллюстрациями, а также развивать нашу айдентику.

Инструменты которые нужно знать: Photoshop, Illustrator и Figma, а еще уметь работать с нейросетями.

Если тебе близок наш подход и хочется поработать над сильными проектами – пиши в телеграм Виталику или на почту v@oktta.ru
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6
Сделали сайт сами – получили штраф за шрифт. Как так вышло?

Наконец-то решили сделать сайт.

Кажется, что тут сложного? Собрали дизайн в Figma, нашли красивый шрифт, сверстали, подключили домен – готово.

А через некоторое время приходит претензия от правообладателя с требованием выплатить компенсацию за незаконное использование шрифта.

Подождите, а разве шрифт нельзя было просто скачать?

Вот здесь и начинается самое интересное.

Шрифт – это не просто красивый файл из интернета. У него есть правообладатель и условия лицензии. Вы можете легко найти в гугле любой шрифт и скачать его бесплатно, это ещё не значит, что его можно использовать в коммерческих целях.

Более того, лицензии бывают разными. Например, лицензия может разрешать дизайнеру работать со шрифтом в Figma, но не давать права подключать файл шрифта на сайт. Для веб, мобильного приложения, логотипа или некоторых видов рекламы у правообладателя могут быть отдельные условия и лицензии. А стоимость веб-лицензии иногда зависит от количества просмотров сайта или начертания.

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

И аргумент «нам дизайнер так сделал» проблему не решает. Если нелицензионный шрифт работает на сайте компании, претензия придет именно владельцу сайта.

Поэтому разработка продукта – это не только про красивый дизайн и удобный UX. Есть ещё вещи, о которых бизнес обычно узнаёт уже когда что-то пошло не так.

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

😄 Если планируете редизайн или запуск нового продукта – напишите нам.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5👍4😈3
Привет!
Мы участвуем в премии за лучшие сайты и мобильные приложения с нашим проектом Музрум. Будем очень признательны вашей поддержке. Проголосовать за проект можно по ссылке: https://awards.ratingruneta.ru/awards_vote/?site_id=125
🔥5❤3👏3🤩2
Спешим поделиться маленькой радостью!

Брендинг OKTTA получил награду на Dprofile – «Выбор жюри». Его для нас продумали и разработали ребята из агентства «Круг». Кажется, у них получилось так хорошо, что это заметили не только мы 🖤

Кто ещё не видел кейс, вот он → ссылка
❤5🏆3🔥2🎉1
Фича дня: подбор подходящего размера в фэшн

Самый частый вопрос перед покупкой одежды онлайн: «Какой размер выбрать?» А следом появляется второй: «А если не подойдёт?»

Именно на этом этапе многие покупки откладываются. Особенно если речь не о маркетплейсах вроде Wildberries или Ozon, где заказ можно быстро забрать, примерить и вернуть в ближайшем пункте выдачи. У брендов с собственным сайтом всё сложнее: доставка часто идёт через Почту России или СДЭК, а обмен размера может занять несколько недель, потребовать повторной отправки и дополнительных расходов.

Поэтому в fashion e-commerce всё чаще появляется удобная функция – подбор подходящего размера прямо в карточке товара.

Человек указывает рост, вес, параметры фигуры и размер, который обычно носит. Система сопоставляет эти данные с размерной сеткой бренда и рекомендует наиболее подходящий вариант.

Например: «Вам подойдёт размер M, этот размер выбирают люди с похожими параметрами».

Более продвинутая версия учитывает историю покупок и возвратов, особенности бренда и посадку конкретной модели. Если одни джинсы идут размер в размер, а другие маломерят, рекомендация будет отличаться.

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

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

Хороший бренд не просто показывает одежду. Он помогает выбрать вещь, которая действительно подойдёт.

😄 Если хотите добавить умный подбор размера в свой интернет-магазин – напишите нам. Спроектируем механику, продумаем пользовательский сценарий и свяжем функцию с бизнес-метриками.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6❤5🐳3
В 2026-м между агентствами появился новый разрыв. И проходит он не там, где кажется.

Не между большими и маленькими. А между теми, кто иногда заходит в ChatGPT «написать текст», и теми, кто уже встроил нейросети в ежедневную работу команды.

Расшифровать созвон, собрать резюме встречи, накидать черновик КП, разобрать пачку документов, найти информацию, свести данные — всё это давно делается заметно быстрее.

На одной задаче разница почти незаметна. Но когда таких задач десятки в неделю, меняется уже не отдельная задача, а сама скорость агентства.

И пока одни всё ещё «изучают нейросети», у других они стали такой же обычной частью процесса, как CRM или таск-трекер.

Мы собрали папку digital-каналов руководителей и агентств, где такой практики много: что реально используют в работе, что автоматизируют, какие инструменты тестируют и как перестраивают процессы.

📂 Забрать подборку: https://t.me/addlist/EiYapTVmVO5jODcy

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

А среди подписавшихся разыгрываем:
🥇 MacBook Neo
🥈 Яндекс Станция Лайт 2
🥉 JBL Wave Beam 2

Как участвовать:
• подписаться на папку
• подтвердить участие в боте
• за каждого приглашённого друга — ещё один билет

Итоги — 2 октября.

Участвовать
1🔥12❤7👏6❤‍🔥2👻1
Привет, мы к вам с анонсом! Совсем скоро мы выйдем в прямой эфир для того, чтобы обсудить, как начинающему специалисту попасть на работу в студию

17 сентября в 12:00 по МСК встречаемся на лайве. С одной стороны – Виталик Ягодкин, сооснователь OKTTA. С другой – Алексей Симоненко из HTML Academy. А между нами – вы и все ваши вопросы про первую работу.

У нас с HTML Academy есть совместная программа «Фронтенд-разработчик». Обучение длится 7 месяцев. После успешной защиты проектов – идёте на собеседование к нам или в другую компанию, а дальше оплачиваемый испытательный срок и место в команде.

Если вы учитесь на фронтенд-разработчика, ищете первую работу или просто любопытно послушать о том, как мыслят те, кто нанимает – наливайте чай и подключайтесь. Будем жать вас!

⚡️ 17 сентября, 12:00 МСК
▶️ Записаться на эфир
▶️ Ссылка на программу
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10⚡3❤2❤‍🔥1
Что там по внутренним разработкам и AI?

Рассказываем. Внутри студии у нас появился DBO (Data Base OKTTA) – сервис, где живёт вся компания. База знаний, AI-ассистент, все наши продукты и шаблоны в одном месте: больше не нужно спрашивать «а где та презентация» и «как мы это обычно делаем».

Но изюминка – Project AI 🥶

Классическая ситуация: что-то решили на созвоне, о чём-то договорились в телеграме, часть обсудили в переписке, а через неделю никто не помнит, кто за что отвечает и почему приняли именно такое решение.

Наш Project AI делает так, чтобы этого не происходило. Это не просто хранилище, а сервис, который сам следит за проектом: анализирует телеграм-чаты и записи встреч, вытаскивает все важные точки, ставит задачи в Asana и фиксирует договорённости, чтобы ни одно решение и ни один дедлайн не растворились в потоке сообщений.

По одному проекту разница небольшая. Но когда проектов много, а решения принимаются каждый день, Project AI держит всю картину за команду и никто не собирает её вручную по переписке.

💚 Хорошая работа над проектом начинается не с идеальной дисциплины, а с того, что важное просто невозможно потерять.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10⚡5👍2👀1
Forwarded from HTML Academy
🔴 Вместе с OKTTA запускаем совместную программу обучения фронтенд-разработчиков

Нужна ли студии сильная вёрстка, когда код пишет нейросеть? В 12:00 (MSK) руководитель студии ответит и расскажет, как новичок входит в распределённую команду. Выпускники программы идут на собеседование к каждому её работодателю. После него — оплачиваемая стажировка, штат или попроектная работа, у каждой компании свой формат.

Последний шанс на бесплатное место: разыграем его в конце эфира среди первых 100 зарегистрировавшихся. Подключайтесь в 12:00 и оставайтесь до финала, победителя назовём в прямом эфире.

🔜 https://htmlacademy.ru/events/live-oktta
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7❤6
Привет! Напоминаем, что через 20 минут стартует лайв с HTML ACADEMY! Подключайтесь к трансляции, ждём вас! 🖤

▶️ Смотреть трансляцию на YouTube
▶️ Смотреть трансляцию на VK
Please open Telegram to view this post
VIEW IN TELEGRAM
❤8🔥5🤩4👍1
Хороший продукт начинается не с макета, а с понимания пользователей.

Как раз этому – понимать людей и принимать решения на данных, а не на догадках, посвящён наш курс «Анализ пользовательского опыта».

Мы собрали в нём то, что сами используем в проектах последние пять лет: как исследовать аудиторию, находить её мотивы и боли, строить карту пользовательского пути, проводить юзабилити-аудит и проверять гипотезы. Без воды и абстрактной теории — только то, что работает на реальных задачах.

Что внутри:

🔘исследование целевой аудитории и её потребностей
🔘методы исследований и анализ конкурентов
🔘карта пользовательского пути (CJM)
🔘юзабилити-аудит и анализ пользовательского опыта
🔘гипотезы и веб-аналитика
🔘шаблоны, которые можно сразу применять в работе

Формат – статьи, которые проходишь в удобном темпе. Опыт в исследованиях не нужен: курс одинаково зайдёт дизайнерам, маркетологам и продактам.

Раньше курс был бесплатным, его уже прошли больше 160 человек. Теперь он стоит всего 990₽: нам важно развивать культуру исследований в индустрии, так что это скорее символическая цена за навык, который пригодится на каждом проекте.

😄 Забрать курс: https://stepik.org/a/279564
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6🔥5⚡4
Empty states: что делать, когда нечего показывать?

Пустые состояния часто остаются без внимания: кажется, ну нет здесь пока данных, что ещё показывать?

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

В карточках разобрали, как превратить «Здесь пока ничего нет» в следующий шаг.
🔥7💯6❤4