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

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

Связь с нами: hello@oktta.ru
@igolnaya
Download Telegram
Это первый пост и в нём мы хотим рассказать про наш недавний кейс. Мы разработали интернет-магазин бренда музыкальных инструментов Yamaha.

Yamaha — это имя, за которым стоит история, качество, эмоция. Поэтому ещё до первого пикселя мы провели большое бенчмаркинговое исследование:
— Изучили сайты ведущих музыкальных брендов Японии, Европы и США;
— Проанализировали, как они презентуют инструменты, какую визуальную и звуковую атмосферу создают;
— Собрали лучшие UX-практики электронной коммерции в этой нише, чтобы позже применить их на деле.

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

Подробный кейс можно посмотреть на Dprofile, где, кстати, он уже получил две ачивки - Ссылка на Dprofile

Также, мы написали статью об этом кейсе, почитать можно на Dsgners или на VC.
❤6🔥3😍2
Секрет успешной программы лояльности: как превратить клиентов в фанатов бренда

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

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

Читайте на VC.ru.
🔥5⚡2❤1
Сегодня хотим рассказать об одном из основных наших направлений – Диджитал.
В OKTTA мы разрабатываем масштабируемые digital-продукты и сервисы с приоритетом на устойчивую архитектуру и доступный пользовательский опыт.

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

Подробнее рассказываем в карточках и на сайте - по ссылка
❤5🔥3😍1
Начинаем этот день с подборкой наших вакансиий.
Сейчас особенно ищем Back-end и Front-end разработчика на 1С-Битрикс, а ещё PR-менеджера.

В карточках рассказали подробнее о вакансиях. Остальные вакансии — на нашей странице в Notion.

Если отзывается — будем рады отклику - Ссылка.
Please open Telegram to view this post
VIEW IN TELEGRAM
Когда идея не работает — смените комнату

Ты уже третий раз смотришь на задачу. Всё логично: структура есть, инсайты есть. Но идея — мёртвая. Ни ритма, ни объёма. Как будто собрана по инструкции, но в ней нет жизни.

Ты крутишь её так и эдак — а она не раскрывается. В такие моменты помогает не ещё один фреймворк, а смена ракурса. Радикальная.

Представь, что ты заносишь идею в библиотеку. В казино. В вагон поезда. В детскую.
И смотришь, как она там себя ведёт. Это и есть метод «120 комнат» — инструмент, который перезапускает мышление через контекст.

Что это за метод
«120 комнат» — креативная техника, основанная на работе с воображаемыми контекстами.
Задача — взять идею, продукт или вопрос и последовательно «переносить» его в разные воображаемые пространства (комнаты): музей, казино, психотерапевтический кабинет, картинную галерею, переговорку. Каждая «комната» — это новая рамка восприятия, способная сдвинуть точку зрения, усилить смысл или отсеять слабое звено.

Главное отличие от других техник
В отличие от стандартных брейнштормов или mind-map’ов, метод не опирается на логику или ассоциации напрямую. Он работает через резкую смену контекста, которая включает абстрактное мышление, образность и критическую дистанцию.
Это не улучшение идеи. Это провокация.

Когда использовать
- На старте концепт-работы, когда нужно быстро «разогнать» идею;
- При создании tone of voice, визуального стиля, бренд-настроения;
- Когда решения стали слишком безопасными и «на повторе»;
- Чтобы выйти за рамки туннельного мышления;
- В стратегических сессиях — для проверки гипотез и поиска новых точек входа.

Как использовать
1. Определите идею/продукт/вопрос
2. Представьте дом, состоящий из 120 комнат, где каждое пространство имеет свое назначение;
3. Ваша задача – заполнить все команды идеями. Дайте волю воображению, не бойтесь решений, которые поначалу могут казаться абсурдными;
4. Помните, что ваша основная цель не в придумывании новых и неординарных вариаций комнат, а в наполнении их содержанием. - Для этого можно задавать следующие вопросы:
- Как идея ведёт себя в этой комнате?
- Что меняется? Что вызывает конфликт? Что начинает работать по-другому?
- Что усиливается? Что теряет актуальность?
5. Повторите с другой комнатой. И ещё. И ещё. Чем разнообразнее обстановка, тем глубже переосмысление.

Пример
Онбординг в личном кабинете B2B-сервиса.
Функционально всё работает, но сценарий воспринимается как формальность: нет вовлечения, нет ощущения осмысленного начала.

Комнаты:
- Закулисье выставки
Пользователь только зашёл — всё ещё в подготовке. Задача интерфейса: не торопить, а помочь собрать рабочее пространство под себя. Без давления, с опорой на структуру.
- Кабинет психотерапевта
Контекст, где важны тишина, безопасность и ясные границы. Онбординг должен быть ненавязчивым, логичным и адаптивным. Только нужные шаги, в нужный момент.
- Салон самолёта до взлёта
Интерфейс готов к работе. Все ключевые функции уже настроены — пользователю нужно только подтвердить старт. Максимум простоты, никакой перегрузки.

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

Вывод
Метод «120 комнат» — не про креатив ради креатива, а про сдвиг, который помогает вывести проект из тупика. Особенно когда всё сделано «по правилам», но идея не работает. Используйте его в моменты застоя — чтобы увидеть в задаче то, что не просматривается через привычные инструменты.
🔥4❤1
Media is too big
VIEW IN TELEGRAM
Запускаем новую рубрику #okttainspo, в которой будем делиться тем, что нас вдохновляет — от визуальных практик до подходов к работе и просто классных находок. Всё, что помогает думать шире, видеть глубже и делать сильные продукты.

Открывает рубрику Ксения Федина, UX/UI-дизайнер OKTTA. В подборке — пять ресурсов, которые помогут развивать насмотренность и системно подходить к поиску решений.

1. Are.na
Это не просто коллекция картинок, а инструмент для глубокого исследования. Здесь можно создавать "каналы" (как мудборды, но сложнее) — собирать ссылки, PDF, цитаты, изображения и даже код.
Зачем: Если устали от алгоритмов соцсетей и хотите структурировать референсы осмысленно.

2. Minimal Gallery
Кураторская подборка сайтов, где каждый пиксель на счету. Ничего лишнего — только баланс типографики, сетки и продуманного негативного пространства.
Зачем: Когда нужно убедить клиента, что «пустота» — это дорого. Или найти эталонный пример лаконичного дизайна.

3. Dark Mode Design
Темные интерфейсы — отдельный вид искусства. Здесь собраны лучшие примеры: от сочных акцентных цветов на черном до тонкой работы со светом и глубиной.
Зачем: Чтобы понять, как сделать dark mode не просто «инвертированной версией», а продуманным опытом.

4. Httpster
Здесь нет правил — только безумные анимации, смелые композиции и сайты, которые ломают шаблоны.
Зачем: Когда хочется встряхнуться и увидеть, что веб может быть не только «удобным», но и дерзким.

5. Visual Journal
Это не про UX, а про визуальные нарративы. Каждый проект здесь — история, рассказанная через шрифты, цвет и ритм.
Зачем: Для проектов, где важно настроение, а не только функционал (например, кейсы, промо-сайты или портфолио).
🔥4❤2