Соверши
Соверши делает мебель и декор с «эффектом камня»: барные и ресепшн-стойки, журнальные столики, светильники и кашпо. Изделия делают вручную из архитектурных композитов и возят по всей России.
Я спроектировала новый сайт вместо старого: структуру, первый экран, каталог на 100 изделий и весь визуал. Фото изделий и интерьеров по просьбе заказчика сгенерированы ИИ.
Пересобрать старый сайт: разложить изделия по разделам, добавить каталог и сделать ИИ‑фото, которые не отличить от съёмки.
Структура
Вместо одной длинной страницы главная и свой раздел под каждый вид изделий.
ИИ‑визуал
Заказчик попросил сделать весь контент на ИИ. На прошлом сайте генерации было видно сразу, здесь они должны выглядеть как фото.
Каталог
100 изделий в трёх разделах: у каждого своя карточка с фото и кнопкой «Заказать».
Было → стало
Прошлая главная до сих пор лежит на домене отдельной страницей. Тёмный фон, меню из девяти пунктов и всё на одной странице высотой почти 18 000 пикселей: стойки, светильники, услуги, команда, отзывы.
Сначала карта сайта, потом дизайн
Я начала с майндмэпа: что стоит на главной и куда ведёт меню. Главная показывает проекты и разводит по разделам, а у каждого вида изделий своя страница с каталогом.
Пять вариантов первого экрана
Для первого экрана я предложила заказчику пять вариантов: логотип на весь экран, фото стойки рядом с карточкой фактуры, заголовок с засечками на светлом фоне. Остановились на фото ресепшена со светящимися прожилками и меню на матовой панели справа: изделие видно сразу, разделы под рукой.
Дизайн страниц
Тёплый светлый фон, одна гарнитура с курсивом для акцентов и крупные фото. Камень, свет и рельеф делают изделия, интерфейс им не мешает.
ИИ‑генерации, которые не отличить от фото
Весь визуал сайта сгенерирован ИИ, так попросил заказчик. Чтобы фото выглядели как съёмка на объекте, я генерировала изделия с нескольких ракурсов: рельеф, трещины и подсветка совпадают от кадра к кадру.
сгенерировал все фото изделий и интерьеров на сайте
Материал стойки меняется в один клик
На главной есть блок «Дизайн на ваш вкус». Справа четыре текстуры: нажимаешь, и та же стойка в том же интерьере становится песчаной волной, скалой, лавой или тёмным камнем. Клиент ещё до звонка примеряет фактуру к своему пространству.
Каталог на 100 изделий
Я внедрила каталог в три раздела: 40 журнальных столиков, 31 светильник и 29 кашпо. Изделия можно отфильтровать, у каждого своя карточка с фото с разных ракурсов и кнопкой «Заказать». Цены в карточках нет, зато ниже есть блок о том, от чего она зависит: размер, рельеф, объём заказа и материалы.
Анимации и модификации
Сайт собран на Тильде, но многое сделано модификациями, то есть доработками кодом. Сайт открывается прелоадером с логотипом, первый экран выезжает справа, логотип в шапке меняется при прокрутке, а текстуры в блоке выбора лежат на матовой стеклянной панели.
Мобильная версия
На телефоне меню прячется в кнопку, проекты идут крупными карточками одна за другой, а фильтры каталога открываются отдельной кнопкой.
Новый сайт вместо одной длинной страницы
У Соверши сайт, где у каждого вида изделий свой раздел и каталог, а сгенерированные фото выглядят как съёмка на объекте. Клиент сам примеряет фактуру к стойке и выбирает изделие из каталога.
- 9 страниц: главная, четыре раздела, подборки и страницы про кашпо
- Каталог на 100 изделий с фильтром и карточками
- Весь визуал на ИИ: изделия с нескольких ракурсов
- Переключатель материалов на главной
- Пять вариантов первого экрана до итогового
