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

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

Связь с нами: hello@oktta.ru
@igolnaya
Download Telegram
Тренд на соц. ответственность и устойчивое развитие

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

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

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

Читайте подробнее на Sostav ссылка
❤3🔥3
Кажется, мы сделали то, на что всегда не хватало времени — обновили свой сайт.
За последние годы мы сильно изменились и хотелось, чтобы пользователь, заходя на сайт, с первых секунд считывал: кто мы, как мы думаем о дизайне и зачем вообще делаем то, что делаем.

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

→ oktta.ru
1🔥8❤1👍1🎉1
This media is not supported in your browser
VIEW IN TELEGRAM
Показываем немного закулисья – в работе дизайн интернет-магазина экзотических фруктов и овощей.

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

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

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

За что мы готовы взяться:
– Дизайн сайтов и лендингов;
– Баннеры, иллюстрации и motion;
– Точечные исследования;
– Прототипы и интерфейсы;
– оформление email-рассылкок;
– поддержка работоспособности и разработка нового функционала.

Как устроен процесс:
– отвечаем на запрос в течение 60 минут;
– вытраиваем прозрачный процесс работы через Asana, Telegram и Zoom;
– проводим еженедельные встречи и отправляем подробные отчёты о проделанной работе по пятницам.

У нас есть пять пакетов – от 20 до 140 часов в месяц. Чем больше часов, тем ниже стоимость часа.

Поддержка в нашем понимании – это не просто «чинить баги», а системно развивать продукт.

Почитать подробнее можно по ссылке.

Или сразу написать нам в Telegram, если есть горящие задачи @oktta_office
1🔥3⚡1❤1
This media is not supported in your browser
VIEW IN TELEGRAM
🎃 Показываем, что варится в наших рабочих котлах.

Новый проект для компании СХТ, производящей химическую продукцию.
1🥰4🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Привет!
Сегодня в рубрике #okttainspo подборка от нашего арт-директора.

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

Я регулярно заглядываю в эти подборки, вдохновляюсь для своих и текущих проектов, поэтому делюсь с вами ресурсами, которые действительно помогают:

• CallToInspiration – лаконичные и хорошо собранные примеры интерфейсов и блоков для продуктовых сайтов.

• SaaSFrame – огромная библиотека SaaS-интерфейсов и лендингов, идеально для структуры и UX-паттернов.

• SaaSlandingpage – около 900 примеров лендингов SaaS-компаний. Помогает разобраться, как формируются страницы, CTA и ключевые секции.

• Land-Book – кураторская коллекция с сильным фокусом на визуале: стиль, цвета, типографика. Отлично для поиска «атмосферы».

• PracticeDesign – галерея интерфейсов с Dribbbl, с упором на детали. Много классных примеров дашбордов.

• Refero – библиотека UI-референсов. Удобно фильтровать по паттернам, страницам и элементам – идеальный инструмент, когда нужно поймать композиционный баланс.

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

Какие ресурсы используете вы? А может, у вас есть свои секретные галереи? Делитесь в комментариях – всегда интересно взглянуть, что вдохновляет других.
1🔥6❤2⚡2
This media is not supported in your browser
VIEW IN TELEGRAM
Зачем бизнесу исследования и как мы их делаем в OKTTA

Мы никогда не начинаем дизайн «на глаз». Перед тем как делать интерфейсы, мы разбираемся в поведении пользователей, мотивации, барьерах и реальных сценариях. Исследования – это фундамент, который позволяет продуктам работать, а не просто выглядеть красиво.

Что мы делаем:
Качественные интервью – говорим с реальными пользователями, чтобы понять, как они принимают решения.
Аналитика поведения – изучаем пути по сайту, что тормозит, где теряются клиенты.
UX аудит – фиксируем проблемы, противоречия, точки роста.
Бенчмаркинг – сравниваем с лучшими примерами на рынке, чтобы найти сильные решения и вдохновение.
Гипотезы и рекомендации – превращаем выводы в чёткие, понятные шаги по улучшению продукта.

Зачем это бизнесу:
• Увеличить конверсию и продажи.
• Снизить стоимость лида и ошибки в разработке.
• Чётко понимать, что нужно пользователям и делать только то, что работает и приносит результат.
• Быстрее принимать продуктовые решения.

Исследования помогают смотреть на продукт глазами клиента, а не просто строить предположения.

Если хочешь заглянуть глубже – мы собрали примеры наших подходов и методологий здесь: oktta.ru/analytics
1🔥10🦄5❤4🕊1
This media is not supported in your browser
VIEW IN TELEGRAM
Как музыкальному e-commerce усилить эмоциональные впечатления пользователя от интерфейса

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

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

Подробнее читайте в нашей новой статье на Dsgners – Ссылка
1🔥8❤3👏2
Делимся с вами бенчмаркингом карточки товара в фэшн

Собрали самое интересное:
– Галерея фотографий
– Зум фото
– Выбор цвета
– Выбор размера и размерный гайд
– Где купить
– Блоки cross-sale
– Намекнуть о подарке

Зачем мы делаем такие бенчмарки?
Чтобы не «угадывать», а собирать лучшие практики и применять их в проектах.
Фэшн-ecom живёт на эмоциях, но выигрывает тот, у кого эмоция опирается на удобство.

😖 Ссылка на бенчмаркинг
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👍2❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Как использовать мультисенсорный маркетинг в онлайн-пространстве бренда

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

Сильная сторона мультисенсорики в том, что она быстрее формирует память и ощущение в сознании клиента – «это мой бренд». Когда бренд предлагает не только рациональный опыт покупки («цена/характеристики»), а телесно-эмоциональный («стимулируя пользователя сфокусироваться на ощущениях»), решение о покупке принимается легче. В исследованиях и отраслевых обзорах часто приводят эффект: мультисенсорные сценарии могут заметно усиливать запоминаемость бренда по сравнению с коммуникацией, задействующей всего один канал восприятия. Почитать подробнее об этом явлении можно по ссылке. Это особенно важно для сегмента fashion: в онлайне мы компенсируем отсутствие примерки и тактильности, и как раз мультисенсорные подсказки помогают снизить неопределённость и поднять намерение купить.

Примеры, куда смотреть. Люксовые fashion-бренды активно пробуют иммерсивные форматы: Gucci делал смешанную реальность в Apple Vision Pro как часть бренд-истории, а Burberry запустил виртуальную примерку своих шарфов. Смысл здесь не столько в «вау-технологии», сколько в том, чтобы усилить ощущение продукта, которого нельзя потрогать через экран.

Что можно использовать в интерфейсе уже сегодня:
1. Визуальная «тактильность»: крупные макро-фото фактуры, честный зум, свет, который показывает особенности материала, а не ретушь.
2. Динамика вместо статики: короткие видео 3–5 секунд, микровращение, демонстрация того, как материал ведёт себя «в жизни/ в движении».
3. Саунд дизайн: мягкие звуки подтверждения действий (добавили в корзину, избранное), аккуратно и отключаемо.
4. Haptics на мобильных устройствах: короткая вибро-обратная связь на ключевых шагах, чтобы интерфейс ощущался «более отзывчивым».
5. Слова, которые передают ощущения: не «плотность 320 гр», а «плотный, держит форму, не просвечивает» – то есть перевод характеристик в опыт.
6. AR-примерка и «look builder»: собрать образ, увидеть посадку, получить рекомендации «с чем носить» как продолжение сенсорного нарратива.

Мультисенсорика в онлайне это не про спецэффекты. Это дизайн опыта, который делает продукт ощутимым, а бренд более ярким и узнаваемым на уровне ощущений.
🔥4⚡3❤2
This media is not supported in your browser
VIEW IN TELEGRAM
Этот год был разным. Сложным, насыщенным, местами очень быстрым

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

Это не просто сайт, а крупный портал фонда Карачаево-Балкарского народа – про культуру, идентичность, историю и развитие региона.

Проект, где особенно важно было:
– работать с контекстом и уважением к смыслам
– аккуратно соединить современный digital и культурное наследие
– сделать сложную структуру понятной для разных аудиторий

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

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

С наступающим ✨
🎄6❤4🕊2
This media is not supported in your browser
VIEW IN TELEGRAM
Начинаем год стабильно.
Все сервисы работают – едем дальше.
⚡4🔥3
Новый кейс – Музрум

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

К нам компания пришла с задачей ребрендинга и разработки интернет-магазина. Ключевой фокус – создать уникальный дизайн-код для digital-среды, который бы отражал характер бренда, его экспертизу и любовь к музыке, а не выглядел как очередной типовой e-com.

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

В итоге получился интернет-магазин, который не просто продаёт инструменты, а продолжает философию Музрум в цифровой среде.

Кейс на сайте: Ссылка
Кейс на Dprofile: Ссылка
🔥6❤5
Мы участвуем в программе обучения HTML Academy!

Наша команда вместе с HTML Academy запускает новый поток программы «Фронтенд-разработчик для Bquadro, OKTTA, Лига А» – это образовательная программа, в рамках которой учащиеся проходят полный курс фронтенд-разработки с прицелом на трудоустройство или стажировку у нас и других партнеров.

В программе:
• интенсивное обучение HTML, CSS и JavaScript;
• работа над реальными проектами;
• взаимодействие с наставниками и нашей командой;
• итоговые собеседования и возможность стажировки или работы с нами.

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

😄 Ссылка на программу
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8⚡4🕊2😎1
Brand-owned resale: когда вторичный рынок становится маркером качества

Ресейл сегодня – это уже не побочный эффект вторичного рынка, а осознанная стратегия компаний. Всё чаще реализуется в формате brand-owned resale, когда перепродажа происходит прямо на сайте бренда.

Для бренда это публичное заявление: продукт достаточно качественный, чтобы прожить не одну жизнь.

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

Для потребителя это не компромисс, а осознанный выбор.
Brand-owned resale объединяет экономическую рациональность (более доступная цена, предсказуемое качество) и ответственное потребление – меньше перепроизводства, меньше импульсивных покупок, больше ценности у каждой вещи.

Если в статье «Тренд на социальную ответственность и устойчивое развитие» мы говорили о том, почему потребители всё чаще ждут от брендов осознанности и разделения ценностей, то brand-owned resale – это наглядный пример того, как бренды начинают отвечать на этот запрос на практике.

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

На международном рынке это уже устоявшаяся практика. Ниже наиболее популярные примеры известных брендов:
▪️Patagonia Worn Wear: ссылка
▪️Levi’s SecondHand: ссылка
▪️Nike Refurbished: ссылка

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

Сегодня brand-owned resale отражает более широкий сдвиг в e-commerce: от разовых транзакций к экосистемам, где бренд сопровождает продукт на всём его пути, а не только в момент продажи.
⚡7🔥3🏆2
Продолжаем делиться закулисьем, на этот раз показываем проект Tropical Star

Tropical Star – компания, которая занимается поставкой экзотических фруктов и овощей из Таиланда и Колумбии.

Задача была простой по формулировке и сложной по сути: сделать бренд и сайт такими же сочными, живыми и аппетитными, как сам продукт.

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

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

В итоге получился e-commerce, который не только продаёт, но и передаёт настроение бренда – свежесть, тепло и удовольствие от продукта 🌞

Если чувствуете, что вашему бренду тоже требуется обновление, будем рады обсудить детали и помочь с дальнейшими шагами.
❤4👍4🔥2🍌1