Перейти к содержимому

спецайти × Le Fabric

Дизайн · Разработка · SEO

Le Fabric Редизайн сайта салона
интерьерного текстиля

Сохранили характер бренда.
Связали первое впечатление, выбор
и обращение к дизайнеру.

Новый сайт Le Fabric: портфолио с крупными заголовками и вертикальными интерьерными фотографиями
Настоящий сайт Le Fabric · дизайн и разработка спецайтиОткрыть сайт

01 / Задача бизнеса

Характер уже был.
Нужен был путь к клиенту.

Прежний сайт Le Fabric не приносил заявок.

У салона штор и интерьерного текстиля в Челябинске уже был выразительный визуальный язык: крупная типографика, журнальная вёрстка, бордовые акценты и интерьерные фотографии.

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

Исследование
Поисковые запросы и предложение салона
Структура и тексты
Темы, выбор, проекты и консультация
Дизайн
Главная, внутренние страницы и мобильная версия
Разработка
3D, взаимодействия и формы обращения

Всю работу над новым сайтом выполнила спецайти. Фотографии и материалы интерьерных проектов предоставлены Le Fabric.

02 / Визуальная преемственность

Узнаваемый Le Fabric.
Новая композиция.

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

БылоБлок на главной
Прежнее портфолио Le Fabric: карусель интерьерных работ на главной
Работы представлены каруселью под крупным заголовком.

Прежнее портфолио Le Fabric: карусель интерьерных работ на главной

Прежнее портфолио Le Fabric: карусель интерьерных работ на главной

Прокрутите, чтобы рассмотреть детали. Esc — закрыть.

СталоОтдельный раздел портфолио
Новое портфолио Le Fabric: вертикальные фотопанели и вход в коллекцию проектов
Вертикальные фотопанели дают обзор работ и приглашают к знакомству с проектами.

Новое портфолио Le Fabric: вертикальные фотопанели и вход в коллекцию проектов

Новое портфолио Le Fabric: вертикальные фотопанели и вход в коллекцию проектов

Прокрутите, чтобы рассмотреть детали. Esc — закрыть.

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

≈20

вариантов дизайна внутри команды

Проверяли разные решения главной, внутренних страниц и переходов. Остановились на варианте, который понравился и команде, и заказчику.

03 / Обзор нового сайта

Первое впечатление.
И всё, что за ним.

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

Главная / В движенииДемонстрация сайта

Штора становится частью знакомства

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

Страница римских штор Le Fabric: крупная фотография, описание и переход к подбору

Страница римских штор Le Fabric: крупная фотография, описание и переход к подбору

Страница римских штор Le Fabric: крупная фотография, описание и переход к подбору

Прокрутите, чтобы рассмотреть детали. Esc — закрыть.

Направление

От интереса
к пониманию

Страница типа штор раскрывает конкретное предложение. Посетитель знакомится с решением и может продолжить выбор — с учётом своего окна.

Посмотреть римские шторы
Страница проекта «Дом с птицами» на сайте Le Fabric

Страница проекта «Дом с птицами» на сайте Le Fabric

Страница проекта «Дом с птицами» на сайте Le Fabric

Прокрутите, чтобы рассмотреть детали. Esc — закрыть.

Проект

Фотографии
с контекстом

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

Открыть «Дом с птицами»
Мобильная версия

Тот же характер.
Другой ритм.

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

Мобильная страница римских штор Le Fabric
Направление

Мобильная страница римских штор Le Fabric

Мобильная страница римских штор Le Fabric

Прокрутите, чтобы рассмотреть детали. Esc — закрыть.

Мобильное портфолио Le Fabric
Портфолио

Мобильное портфолио Le Fabric

Мобильное портфолио Le Fabric

Прокрутите, чтобы рассмотреть детали. Esc — закрыть.

Мобильная страница проекта «Дом с птицами» Le Fabric
Проект

Мобильная страница проекта «Дом с птицами» Le Fabric

Мобильная страница проекта «Дом с птицами» Le Fabric

Прокрутите, чтобы рассмотреть детали. Esc — закрыть.

04 / Один путь подробно

За запросом «шторы на кухню» —
конкретное окно.

Человек ещё не знает, какие шторы выбрать. Зато знает свою кухню: рядом мойка, створку часто открывают, а вечером хочется закрыть обзор с улицы. С этих обстоятельств начинается выбор.

  1. 01Запрос
  2. 02Выбор
  3. 03Примеры
  4. 04Условия в форме

Поисковая тема стала полезной страницей

«Шторы на кухню» — одна из тем, выделенных при исследовании спроса. На отдельной странице можно сравнить римскую штору, рулонную и лёгкий текстиль: когда рассматривать каждый вариант и что проверить у своего окна.

Рядом — работы «По линии свода», «Жажда белого», «Гармония цвета». Примеры связаны с объяснениями и ведут в проекты.

Первый экран страницы «Шторы на кухню» Le Fabric
Тематическая страница может быть самостоятельным входом из поиска.

Первый экран страницы «Шторы на кухню» Le Fabric

Первый экран страницы «Шторы на кухню» Le Fabric

Прокрутите, чтобы рассмотреть детали. Esc — закрыть.

Интерактивный чек-лист

Три выбора.
Уже предметный разговор.

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

Кухонный чек-лист: выбраны «У мойки», «Окно и дверь», «Закрыть обзор»
Реальный интерфейс: условия окна превращаются в чек-лист для консультации.

Кухонный чек-лист: выбраны «У мойки», «Окно и дверь», «Закрыть обзор»

Кухонный чек-лист: выбраны «У мойки», «Окно и дверь», «Закрыть обзор»

Прокрутите, чтобы рассмотреть детали. Esc — закрыть.

От выбора к обращению

Форма помнит
условия окна.

После нажатия «Передать чек-лист дизайнеру» в форме появляются те же три условия. Посетитель видит их перед отправкой, добавляет комментарий и оставляет контакты.

У мойки
Окно рядом с мойкой
Окно и дверь
Балконный блок
Закрыть обзор
Нужна приватность

Чек-лист готовит к консультации. Ткань и систему выбирают в разговоре с дизайнером, который учитывает условия окна.

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

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

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

Прокрутите, чтобы рассмотреть детали. Esc — закрыть.

05 / Что взять для своего бизнеса

Попросите показать
путь одного покупателя.

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

  1. 01

    Вход

    Понятно ли с первого экрана, что здесь есть предложение под конкретный вопрос покупателя?

  2. 02

    Выбор

    Помогает ли страница учесть условия клиента и сравнить подходящие варианты?

  3. 03

    Примеры

    Есть ли работы с похожей задачей? Объяснено ли, какое решение в них показано?

  4. 04

    Продолжение

    Понятно ли, куда перейти за подробностями или консультацией?

  5. 05

    Обращение

    Сохраняются ли выбранные условия? Видит ли человек, что передаёт компании?

А потом — обязательная
дорогая поддержка?

У спецайти сопровождение добровольное. Работа сайта Le Fabric не зависит от покупки поддержки. Последующие изменения и дополнительные задачи обсуждаются отдельно.

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

Обсудим вашу задачу

Какую задачу должен
решать ваш сайт?

Расскажите о бизнесе и о том, что хотите получить от сайта. Если сайт уже есть — пришлите ссылку. Обсудим, как помочь посетителю разобраться в предложении и перейти к обращению.

Обсудить мой сайт

Сайт Le Fabric — дизайн и разработка спецайти. Источник фотографий и материалов интерьерных проектов — Le Fabric.