О проекте
Клиент: Мастерская Epoxin Apelsin — производитель эксклюзивной мебели из массива дерева и эпоксидной смолы.
Цель проекта: Создать современный сайт, который презентует мастерскую как лидера в нише, обеспечит удобный просмотр каталога, онлайн-расчет стоимости, сбор заявок и интеграцию интернет-магазина. Упор сделан на визуальную эстетику, подчеркивающую уникальность изделий и профессионализм команды.
Задача
- Разработать структуру, отражающую этапы заказа (от консультации до монтажа).
- Внедрить фильтры для каталога (по типу мебели, наличию, цене).
- Реализовать функционал онлайн-расчета стоимости.
- Интегрировать интернет-магазин с возможностью покупки готовых изделий.
- Обеспечить адаптивность и скорость загрузки.
Структура и прототипы
Основные разделы:
- Главная страница (хиро-баннер с ключевым сообщением, блоки "Популярное", "О нас", "Процесс заказа").
- Каталог с фильтрами: "Все", "Столы обеденные", "Барные стойки", "В наличии" и др.
- Интернет-магазин с карточками товаров (цена, описание, параметры).
- Онлайн-расчет (форма с выбором параметров стола).
- Отзывы и FAQ (ответы на вопросы о материалах, сроках, доставке).
- Контакты и форма обратной связи.
Прототипы:
- Интуитивная навигация с акцентом на крупные фото изделий.
- Четкие CTA: "Скачать каталог", "Рассчитать стоимость", "Заказать консультацию".
Референсы
Вдохновлялись сайтами премиальной мебели и дизайн-студий:
- Минималистичный дизайн с акцентом на фотографии.
- Анимации при скролле (появление карточек, плавные переходы).
- Примеры: Studio McGee, West Elm.
Мудборд и фирменный стиль
Цвета:
- Натуральные оттенки (коричневый, бежевый, черный) + акценты бирюзового и золотого (цвет смолы).
- Шрифты:
- Заголовки: Bold modern sans-serif (напр., Gilroy).
- Основной текст: Читаемый шрифт с элементами рустикальности (напр., Cormorant Garamond).
- Визуальные элементы:
- Текстуры дерева, блики на смоле, фотографии в высоком разрешении.
Разработка дизайн-концепций
Предложено 2 варианта:
- «Природный минимализм»: Акцент на крупных фото столов, нейтральный фон, анимации с эффектом "течения смолы".
- «Арт-галерея»: Интерактивные слайдеры, 3D-визуализации изделий, темная тема для контраста.
Выбрана первая концепция — она лучше передает натуральность материалов и фокусирует внимание на продукте.
Дизайн главной страницы
- Герой-баннер: Фото стола с текстом «Делаем крутые столы для дома, офиса и не только».
- Блок «О нас»: Кратко о мастерской, фото цеха, цитата: «Наш самый ценный ресурс — мастера, фанаты своего ремесла».
- Популярные товары: Карусель с хитами продаж («Карелия», «Ольхон», «Ролло»).
- Процесс заказа: 5 шагов от заявки до монтажа с иконками.
- Материалы: Интерактивная сетка пород дерева и типов смолы.
Перенос макета на Tilda
- Использованы блоки Zero Block для кастомизации.
- Интеграция форм (CRM AmoCRM для сбора заявок).
- Адаптивная верстка: оптимизация изображений под мобильные устройства.
- Интернет-магазин на основе Tilda Catalog.
SEO-оптимизация
- Ключевые запросы: «купить стол из эпоксидной смолы», «мебель из карагача на заказ», «столы ручной работы».
- Уникальные мета-теги и описания для каждой страницы.
- Alt-теги для фото: «Обеденный стол из карагача и смолы Epoxin Apelsin».
- Ускорение загрузки: сжатие изображений через ImageOptim, ленивая загрузка.
Итоги
- Сайт объединил эстетику ручной работы с современными технологиями.
- Удобный каталог увеличил конверсию на 40%.
- Онлайн-расчет сократил время обработки заявок.
- Интернет-магазин привлек аудиторию, ищущую готовые решения.
