CodeSpectrum
Пять направлений разработки. Один интерфейс, в котором их можно исследовать.
CodeSpectrum — концепт независимой студии веб-разработки. Проект показывает, как эстетика интерфейса и работающие взаимодействия помогают объяснить путь от выразительного frontend до более широкого продуктового предложения.
- Роль
- Интерфейсный дизайн, frontend, взаимодействия
- Формат
- Работающий сайт и исходный макет
- Статус
- Независимый концепт · Denis / sotlose
Задача
Пять направлений студии легко превратить в тяжёлый каталог услуг. Здесь задача была другой: дать человеку быстро почувствовать диапазон работы и самостоятельно перейти от общего обещания к конкретному направлению.
Спектр вместо списка
Пять направлений объединены одной пространственной метафорой. При наведении каждое подсвечивается своим цветом; прежний цвет плавно затухает. Цвет помогает различать области, а не просто украшает экран. Нажатие переносит к соответствующей папке и открывает её окно.
Метафора работает
Папки ведут к отдельным окнам, а не к статичным карточкам. Окна можно закрывать, сворачивать и перемещать; закрытое снова открывается из папки. Разные оттенки поверхностей и мягкие тени отделяют окно от фона без сетки постоянных контуров.
Показать предложение спокойно
В блоке форматов работы короткий таймер притягивает внимание к примеру предложения, не забирая сцену у самих форматов. Подробности раскрываются мягко при наведении, фокусе или нажатии. Дропдауны брифа оформлены в том же визуальном языке.
Что здесь действительно работает
Сайт адаптируется к узкому экрану, поддерживает клавиатуру и настройку уменьшенного движения. Форма создаёт файл брифа локально в браузере: заявка никуда не отправляется. Backend присутствует в позиционировании услуг студии, но у самого CodeSpectrum нет реализованной серверной части. Акция и её срок — демонстрационный пример, не действующее коммерческое обещание.