Кейсы

Мастерская Epoxin Apelsin

2023-02-13 15:10 Сайты

О проекте

Клиент: Мастерская Epoxin Apelsin — производитель эксклюзивной мебели из массива дерева и эпоксидной смолы.
Цель проекта: Создать современный сайт, который презентует мастерскую как лидера в нише, обеспечит удобный просмотр каталога, онлайн-расчет стоимости, сбор заявок и интеграцию интернет-магазина. Упор сделан на визуальную эстетику, подчеркивающую уникальность изделий и профессионализм команды.

Задача

  1. Разработать структуру, отражающую этапы заказа (от консультации до монтажа).
  2. Внедрить фильтры для каталога (по типу мебели, наличию, цене).
  3. Реализовать функционал онлайн-расчета стоимости.
  4. Интегрировать интернет-магазин с возможностью покупки готовых изделий.
  5. Обеспечить адаптивность и скорость загрузки.

Структура и прототипы

Основные разделы:
  • Главная страница (хиро-баннер с ключевым сообщением, блоки "Популярное", "О нас", "Процесс заказа").
  • Каталог с фильтрами: "Все", "Столы обеденные", "Барные стойки", "В наличии" и др.
  • Интернет-магазин с карточками товаров (цена, описание, параметры).
  • Онлайн-расчет (форма с выбором параметров стола).
  • Отзывы и FAQ (ответы на вопросы о материалах, сроках, доставке).
  • Контакты и форма обратной связи.
Прототипы:
  • Интуитивная навигация с акцентом на крупные фото изделий.
  • Четкие CTA: "Скачать каталог", "Рассчитать стоимость", "Заказать консультацию".

Референсы

Вдохновлялись сайтами премиальной мебели и дизайн-студий:
  • Минималистичный дизайн с акцентом на фотографии.
  • Анимации при скролле (появление карточек, плавные переходы).
  • Примеры: Studio McGee, West Elm.

Мудборд и фирменный стиль

Цвета:
  • Натуральные оттенки (коричневый, бежевый, черный) + акценты бирюзового и золотого (цвет смолы).
  • Шрифты:
  • Заголовки: Bold modern sans-serif (напр., Gilroy).
  • Основной текст: Читаемый шрифт с элементами рустикальности (напр., Cormorant Garamond).
  • Визуальные элементы:
  • Текстуры дерева, блики на смоле, фотографии в высоком разрешении.

Разработка дизайн-концепций

Предложено 2 варианта:
  1. «Природный минимализм»: Акцент на крупных фото столов, нейтральный фон, анимации с эффектом "течения смолы".
  2. «Арт-галерея»: Интерактивные слайдеры, 3D-визуализации изделий, темная тема для контраста.
Выбрана первая концепция — она лучше передает натуральность материалов и фокусирует внимание на продукте.

Дизайн главной страницы

  1. Герой-баннер: Фото стола с текстом «Делаем крутые столы для дома, офиса и не только».
  2. Блок «О нас»: Кратко о мастерской, фото цеха, цитата: «Наш самый ценный ресурс — мастера, фанаты своего ремесла».
  3. Популярные товары: Карусель с хитами продаж («Карелия», «Ольхон», «Ролло»).
  4. Процесс заказа: 5 шагов от заявки до монтажа с иконками.
  5. Материалы: Интерактивная сетка пород дерева и типов смолы.

Перенос макета на Tilda

  • Использованы блоки Zero Block для кастомизации.
  • Интеграция форм (CRM AmoCRM для сбора заявок).
  • Адаптивная верстка: оптимизация изображений под мобильные устройства.
  • Интернет-магазин на основе Tilda Catalog.

SEO-оптимизация

  • Ключевые запросы: «купить стол из эпоксидной смолы», «мебель из карагача на заказ», «столы ручной работы».
  • Уникальные мета-теги и описания для каждой страницы.
  • Alt-теги для фото: «Обеденный стол из карагача и смолы Epoxin Apelsin».
  • Ускорение загрузки: сжатие изображений через ImageOptim, ленивая загрузка.

Итоги

  • Сайт объединил эстетику ручной работы с современными технологиями.
  • Удобный каталог увеличил конверсию на 40%.
  • Онлайн-расчет сократил время обработки заявок.
  • Интернет-магазин привлек аудиторию, ищущую готовые решения.