обсудить проект ↗ EN
Проект в работеСайт в разработке

Проекты/Астранова

Свет какархитектурный материал

Стратегия · UX/UI · Сайт · Контент
Листайте
Мокап · Светящаяся панель Астрановы на потолке офиса

01Контекст

Астранова проектирует и производит крупноформатные световые панели и потолки: от дизайн-проекта и конструкторской разработки до изготовления и монтажа, изделия до 4,8 × 50 метров.

Продукт в объект закладывает архитектор или дизайнер, а платит девелопер, торговый центр или ресторан. Выбор решают портфолио, технические данные для проекта, надёжность и эстетика. Бренд новый, производство своё, за плечами объекты в ГУМе, Гознаке и Лахта-центре.

Клиент
Астранова
Отрасль
Архитектурный свет · Московская область
Год
2026
Что сделали
Стратегия, структура, UX/UI, сайт на коде, тексты и журнал

02Проблема

Новый бренд с настоящим производством рисковал потеряться среди производителей, которые говорят языком каталога.

03От проблемы к цели

  1. 01
    РынокПремиальный бренд с эмоцией, эстетикой и ясным голосом в нише никто не строит.
    Своё место на рынкеРоссийское производство и доступность плюс бренд, эстетика и свет уровня мировых ателье.
  2. 02
    АрхитекторОтдельного пути для того, кто закладывает свет в проект, нет.
    Сайт для архитектораЗа 10 секунд показать уровень, дальше характеристики, схемы и материалы для проекта.
  3. 03
    МатериалыХарактеристики, схемы и файлы для проекта собраны неудобно.
    Студия с файламиМодели SketchUp и чертежи DWG для проекта в одном разделе.
  4. 04
    МакетЧерновик сайта в формате каталога, заглушки вместо текстов и фото.
    Аргументы для заказчикаПомочь архитектору продать идею своему клиенту.

04Метод OBLIQ

Четыре этапа: от разбора пятнадцати производителей до сайта на собственном коде.

01

Понимание

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

  • 15 производителей
  • CJM
  • 3 персоны
02

Смысл

Идея «свет как архитектурный материал». Формула: проектируем свет как студия, производим как завод. Голос уверенного профессионала без хвастовства.

  • Идея
  • Формула
  • Голос
03

Форма

Структура сайта на 15 листов, прототип в Figma, интерфейс в светлой и тёмной зонах на одном шрифте Manrope.

  • 15 листов
  • Прототип
  • Manrope
04

Влияние

Самописный сайт вместо шаблона, журнал из восьми статей, база SEO, свой сервер и домен клиента.

  • Сайт на коде
  • 8 статей
  • SEO

05Визуальный язык

Мокап · Прелоадер: буквы логотипа загораются как панели

Сайт сам работает как световое изделие.

Буквы логотипа загораются как панели, баннеры сменяются включением света, а тёмная зона показывает свечение так, как его увидят на объекте.

Палитра05

Светлый#F4F5F6
Фиолетовый#4B3F72
Лавандовый#B4A8DC
Ночь#0C0B10
Свечение#8170CC

Типографика02

Manrope 200Тонкий · заголовки

Аа Бб Вв Гг Дд Ее Жж Зз Ии Кк Лл Мм Aa Bb Cc 0123456789

Manrope 400Текст · набор по ширине без висячих слов

Аа Бб Вв Гг Дд Ее Жж Зз Ии Кк Лл Мм Aa Bb Cc 0123456789

Свет на экране02

Мокап · Тёмная зона: свечение панели
Мокап · Ночная тема сайта

06Сайт

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

Мокап · Главная страница на ноутбуке в светлом интерьере
Видео · включение света на главнойскоро

Путь архитектора

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

Главная
Продукциячетыре линейки
Проектыдевять объектов
Журналвосемь статей
Студиямодели и чертежи
Умная заявка с файлами
Экраны сайта01 / 06
Мокап · Главная: смена баннеров включением света
Мокап · Продукция: четыре линейки
Мокап · Конструкция: изделие по слоям
Мокап · Качество света: переговорная с настройкой
Мокап · Проекты: лента объектов
Мокап · Студия: файлы для архитектора
Мокап · Крупноформатные панели
Мокап · Каркасные световые потолки
Мокап · Ультратонкие панели: камень и оникс
Мокап · Гибридные системы

UXРешения для архитектора

  1. 01

    Продукция в движении

    Панель перетекает из формы в форму, конструкция разбирается на слои при прокрутке.

  2. 02

    Качество света

    Интерактивная переговорная с температурой, яркостью и индексом цветопередачи.

  3. 03

    Студия для архитектора

    Модели SketchUp и чертежи DWG для проекта.

  4. 04

    Умная заявка

    Роль, тип объекта, способ связи и файлы перетаскиванием.

Мобильная версия01 / 03
Мокап · Меню с иконками форм на телефоне
Мокап · Аккордеон линеек на телефоне
Мокап · Заявка на телефоне

Меню с иконками форм на телефонеАккордеон линеек на телефонеЗаявка на телефоне

Видео · панель меняет форму при прокруткескоро

07Результат

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

Запуск сайта в начале ноября. Цифры и отзыв добавим после запуска.

4линейки продукции
9проектов на сайте
8статей журнала
Мокап · Готовый объект со световым потолком Астрановы
→Следующий проект Кондитерская Елены АбрикосовойСайт и фирменный стиль · Москва↗