Atlass Metal

Atlass Metal — компания, которая производит люстры, подсвечники и посуду. Ассортимент очень широк, поэтому компании нужен был аккуратный и надежный сайт, на котором клиенты быстро найдут нужную деталь.

Выполненные услуги

Веб-дизайн

Мы разработали сайт, где меню делит товары на категории, а раздел «Хиты продаж» ведет посетителя прямо к товару. Интерфейс получился лаконичным: заметный баланс желтого и темно-синего, фотографии товаров четко видны на белом фоне.

Графический дизайн

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

Базовое SEO

Мы выполнили базовые SEO-настройки: заголовки и описания страниц, структуру URL страниц товаров и категорий, alt-тексты изображений. Так мы подготовили основу для правильного отображения сайта в поисковых системах.

---

Краткое описание проекта

Клиент: Atlass Metal

Отрасль: производство (люстры, подсвечники и посуда)

Год: 2020

Выполненные услуги:

• Веб-дизайн
• Графический дизайн
• Базовое SEO

Результат: у Atlass Metal появился сайт, который аккуратно и понятно представляет широкий ассортимент и готов к работе с поисковыми системами.

Проект Atlass Metal: подробнее

В центре нашей работы для Atlass Metal стоял один вопрос: как производителю, который представляет множество разных деталей, как можно быстрее привести посетителя к нужному товару? В этом материале мы рассказываем, с чего начался проект, почему три выполненные услуги важны в этой отрасли и на что стоит обратить внимание похожим компаниям при планировании сайта.

Сайт компании доступен по ссылке сайт Atlass Metal. Нынешний вид сайта может включать обновления, которые компания сделала после проекта 2020 года; заметки ниже посвящены решениям, которые лежат в основе созданной нами структуры.

Отправная точка: широкий ассортимент и аккуратная витрина

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

Именно здесь сформировалась потребность Atlass Metal: структура, которая аккуратно показывает товары, с первого взгляда вызывает доверие и быстро направляет посетителя в нужную категорию. В таких проектах мы начинаем не с цветов и изображений, а с информационной архитектуры. Пока не ясно, какой товар под каким заголовком находится и за сколько шагов от главной страницы до него можно дойти, дизайнерские решения не на что опереть.

Сайт производителя, вызывающий доверие

Второй стороной задачи было доверие. Когда посетитель впервые встречает такого производителя, как Atlass Metal, он нередко знакомится с компанией только по сайту. Аккуратные категории, единообразные изображения товаров и визуальный язык, который не меняется от страницы к странице, создают впечатление, что компания с той же тщательностью относится и к производству.

Ключевые решения на сайте компании по производству люстр

Сайт компании по производству люстр должен держать баланс между каталогом и витриной. Каталогу нужны полнота и порядок, витрине нужно привлекательно показывать отобранные товары. На сайте Atlass Metal мы выстроили этот баланс тремя дизайнерскими решениями.

Меню с разбивкой по категориям

Меню делит товары на основные группы, и посетитель шаг за шагом сужает выбор. Важно, чтобы названия категорий отражали слова, которыми клиент пользуется в поиске, а не внутренний жаргон компании. Тогда и посетителю, и поисковым системам легко понять, о чем страница.

Раздел «Хиты продаж»

Если в широком ассортименте подавать каждую деталь с одинаковым весом, самые востребованные товары теряются в толпе. Раздел «Хиты продаж» служит быстрым путем: он ведет посетителя главной страницы прямо к этим товарам. Тому, кто пришел впервые, он быстро показывает, какие товары у компании выбирают чаще всего.

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

Баланс желтого и темно-синего, белый фон

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

Графический дизайн: идентичность Atlass Metal и товар

В графическом дизайне мы подготовили баннеры главной страницы, изображения категорий и блоки презентации товаров в цветах бренда. Цель была в том, чтобы на какую бы страницу посетитель ни перешел, он чувствовал себя внутри одного бренда. Визуальный язык, меняющийся от страницы к странице, может подорвать доверие, особенно у тех, кто пришел впервые.

Как показать мелкие детали вместе

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

Почему важны изображения категорий

Изображения категорий — визуальный эквивалент текстовых заголовков в меню. Посетитель нередко замечает картинку раньше текста; удачно выбранное изображение категории с первого взгляда говорит, что нужный товар в этом разделе. Баннеры дают гибкое место для того, чтобы рассказать о группе товаров, которую хочется выделить.

Когда эти изображения подготовлены в цветах бренда, весь сайт обретает ритм. Желтые и темно-синие акценты повторяются на баннерах, и посетитель, переходя из меню в категорию, а из категории к товару, остается в одной рамке.

Базовое SEO: основа для правильного отображения страниц

Базовое SEO состоит из настроек, которые нужны, чтобы поисковые системы правильно понимали сайт. В проекте Atlass Metal мы работали над заголовками страниц, описаниями, структурой URL страниц товаров и категорий и alt-текстами изображений. Каждая из этих настроек решает свою задачу:

• Заголовки страниц: могут отображаться в результатах поиска как кликабельный заголовок и точнее всего описывают тему страницы.
• Описания: могут служить источником краткого текста в результатах поиска. Google иногда выбирает другой текст со страницы, но хорошо написанное описание положительно влияет на решение о переходе.
• Структура URL: читаемые адреса с названием категории и товара показывают и посетителю, и поисковой системе место страницы на сайте. Руководство Google по структуре URL тоже рекомендует адреса из простых и понятных слов.
• Alt-тексты изображений: описывают изображения товаров поисковым системам и посетителям, которые пользуются программами экранного доступа. В каталоге с большим количеством изображений это одно из важнейших текстовых полей на странице.

На сайте компании по производству люстр страницы категорий могут стать первой остановкой для посетителя из поиска. Четкий заголовок с названием группы товаров и краткое описание показывают и посетителю, и поисковой системе, что предлагают эти страницы. На сайте Atlass Metal мы выстроили и структуру URL в соответствии с этим порядком категорий.

Базовое SEO — это начало, а не гарантия позиций. В запросах с высокой конкуренцией нужны регулярное создание контента, технический контроль и измерение результатов; эти шаги мы планируем отдельно в рамках нашей услуги SEO.

Как мы работаем над такими проектами

Готовя сайт для производителя с широким ассортиментом, мы идем в порядке, который не позволяет дизайну со временем рассыпаться:

1. Выделяем группы товаров: вместе с компанией делим товары на основные группы и подгруппы.
2. Планируем меню и логику страниц: шаг за шагом определяем путь посетителя от главной страницы к товару.
3. Определяем визуальный язык: уточняем цвета бренда, выбор фона и порядок баннеров так, чтобы они действовали на всех страницах.
4. Проектируем страницы: строим страницы категорий и товаров на общем шаблоне и размещаем содержимое.
5. Настройки перед запуском: завершаем базовые SEO-настройки: заголовки, описания, URL и alt-тексты.

Для сайта компании по производству люстр такой порядок особенно важен: когда товаров становится больше, каждая добавленная без плана категория делает меню еще немного сложнее.

Практические выводы для похожих производителей

Если вы планируете сайт компании по производству люстр или сайт производителя с широким ассортиментом, следующие приготовления заметно облегчают процесс:

• Составьте список товаров заранее. Название, код, размеры и материал товара в одной таблице ускоряют планирование структуры категорий.
• Выберите товары для выделения. Если вы знаете, какие изделия пользуются наибольшим спросом, проще правильно выбрать товары для витрины главной страницы.
• Следите за единообразием фотографий. Изображения, снятые на одном фоне, при одном свете и под одним углом, дают гораздо более аккуратный вид каталога, чем фотографии из разных источников.
• Называйте категории языком клиента. Технические названия, принятые у производителя, не всегда совпадают со словами, которыми покупатель пользуется в поиске.
• Проверяйте и на телефоне. Меню категорий и изображения товаров должны быть такими же четкими и на маленьком экране; проверьте это отдельно на этапе планирования.
• Планируйте поддержание сайта в актуальном состоянии. Если заранее определить, в какую категорию и как добавлять новые товары, сайт со временем не рассыплется.

Чаще всего мы видим такую ошибку: желая показать разнообразие товаров, главную страницу забивают всем подряд. Посетитель не хочет видеть все сразу; он хочет быстро попасть в нужную категорию и к нужному товару.

Частые вопросы

Какие услуги были выполнены в проекте Atlass Metal?

Для Atlass Metal в 2020 году мы выполнили веб-дизайн, графический дизайн и базовое SEO. Проект включал меню с разбивкой товаров по категориям, раздел «Хиты продаж», изображения в цветах бренда и базовые настройки для поисковых систем.

Как построить структуру категорий на сайте компании по производству люстр?

Категории нужно строить по основным группам, которыми клиент пользуется при поиске товара. Чтобы посетитель мог дойти от главной страницы до товара за несколько кликов, а названия категорий были понятными, это важно и для удобства, и для поисковых систем.

Для чего нужен раздел «Хиты продаж»?

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

Обеспечивает ли базовое SEO первое место в поиске?

Нет, базовое SEO само по себе не гарантирует позиций. Настройки вроде заголовков страниц, описаний, структуры URL и alt-текстов изображений готовят основу, необходимую для того, чтобы поисковые системы правильно понимали сайт.

Что подготовить для сайта компании по производству люстр?

Основа процесса — список товаров, группы товаров, товары для выделения, логотип и цвета бренда, а также пригодные фотографии товаров. Когда эти сведения готовы заранее, структура категорий и дизайн страниц определяются быстрее.

Что делать, если фотографий товаров недостаточно?

Изображения, снятые в разное время и в разных условиях, создают в каталоге разрозненный вид. В таком случае предметная съемка на одном фоне и при одном свете напрямую улучшает общий порядок на сайте.

Представим ваши товары на аккуратной витрине

Если вы хотите превратить широкий ассортимент в понятный сайт, давайте вместе оценим ваши группы товаров и цели. Как и в проекте Atlass Metal, веб-дизайн, графический дизайн и базовое SEO можно вести в рамках одного плана.

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