Dora Moda

Dora Moda — бренд готовой одежды, который производит женскую и молодежную одежду. Бренду нужна была цифровая витрина, где коллекции можно представить и конечному покупателю, и деловым партнерам и которая отражает стильный и уверенный образ бренда.

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

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

Веб-дизайн

Мы разработали сайт на основе логотипа с золотыми деталями и темных тонов, где коллекции выделены крупными изображениями. Разделы «Dora Moda», «Производство», «Галерея» и «Референсы» рассказывают и о продукции бренда, и о его производственных возможностях; структура многоязычная.

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

Для коллекционных разделов, таких как «Новые тренды» и «Женские модели», мы подготовили оригинальные изображения, баннеры и типографические композиции, а использование логотипа адаптировали для цифровых каналов.

Фото- и видеосъемка

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

SEO-работы

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

Google Карты и Google Мой бизнес

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

---

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

Клиент: Dora Moda

Отрасль: готовая одежда

Год: 2019

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

• Веб-дизайн
• Графический дизайн
• Фотосъемка
• Видеосъемка
• SEO-работы
• Настройка Google Карт и Google Мой бизнес

Результат: у Dora Moda появилась сильная цифровая витрина, которая представляет коллекции в оригинальных фотографиях и видео и которую можно найти в поисковых системах и на Google Картах.

Проект Dora Moda: подробнее

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

Проект относится к 2019 году. Заметки ниже объединяют решения, которые мы принимали в то время, и метод, которому мы следуем в такой работе.

Отправная точка: одна витрина для двух разных аудиторий

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

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

Структура сайта готовой одежды: пример Dora Moda

Сайт готовой одежды — прежде всего визуальный опыт. Посетитель смотрит больше на фотографии, чем на текст; поэтому коллекции, выделенные крупными изображениями, стали одним из основных дизайнерских решений сайта. На сайте Dora Moda мы оформили это решение по трем направлениям.

Темные тона и логотип с золотыми деталями

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

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

Разделы «Производство», «Галерея» и «Референсы»

На сайте есть разделы «Dora Moda», «Производство», «Галерея» и «Референсы». Раздел «Производство» показывает, что бренд не просто витрина, но и производитель; «Референсы» дают тот сигнал доверия, который ищут деловые партнеры. «Галерея» — место, где фотографии и видео показывают коллекцию и стиль бренда.

Многоязычная структура

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

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

Визуальный контент: графический дизайн, фото и видео

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

Графический дизайн для коллекционных разделов

Для коллекционных разделов, таких как «Новые тренды» и «Женские модели», мы подготовили оригинальные изображения, баннеры и типографические композиции. Использование логотипа мы адаптировали и для цифровых каналов. Логотип, хорошо выглядящий на печатном материале, может быть не таким четким в заголовке на маленьком экране или на темном фоне.

Съемки, отражающие коллекцию

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

Одна съемка для нескольких задач

Снятые материалы использовались на сайте, в галерее и в рекламных работах. Если с самого начала планировать съемку с учетом разных каналов, проще получить в один день кадры, которые подходят и для горизонтальных баннеров сайта, и для вертикальных рекламных материалов. Так одна съемка отвечает сразу нескольким потребностям.

SEO и Google Карты: сделать Dora Moda находимой

Сильная визуальная витрина работает, только когда ее можно найти. Поэтому в части digital-маркетинга проекта мы сосредоточились на двух направлениях: заметности в поисковых системах и сведениях о компании на Google Картах.

SEO-работы

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

Структура сайта тоже часть SEO. Когда такие разделы, как коллекции, производство и референсы, находятся на отдельных страницах с четкими названиями, поисковым системам легче различать, о чем каждая страница. Для брендов вроде Dora Moda, которые обращаются и к конечному покупателю, и к деловым партнерам, это разделение особенно важно.

Google Мой бизнес и Карты

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

Создать запись важно, но не менее важно поддерживать ее в актуальном состоянии. Если переезд, смена телефона или часы работы в праздничные дни не отражены в записи, клиент может столкнуться с закрытой дверью. Шаги по созданию записи мы подробно описали в нашем руководстве по Профилю компании в Google.

Планировать изображения, сайт и заметность вместе

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

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

Такой порядок в значительной мере избавляет сайт готовой одежды от проблемы «для этого места нет подходящего изображения» в дальнейшем. День съемки тоже проходит эффективнее, потому что заранее известно, какие кадры нужны.

Выводы для брендов готовой одежды

Для брендов вроде Dora Moda, которые и производят, и представляют коллекции, практические заметки из этого проекта таковы:

• Разделите аудитории. Конечный покупатель и деловой партнер ищут на одном сайте разное; стройте меню так, чтобы эти два пути были разделены.
• Планируйте съемку раньше сайта. Дизайн сайта напрямую ограничен качеством и пропорциями имеющихся у вас изображений.
• Показывайте производственные возможности. Изображения мастерской и процесса дают деловым партнерам доверие, которое одни фотографии продукции дать не могут.
• Проверяйте логотип в малых размерах. Логотип, который не читается в таких маленьких местах, как заголовок сайта, значок вкладки и изображение профиля, требует отдельной адаптации.
• Ведите сведения о компании из одного источника. Когда адрес, телефон и часы работы на сайте и в Google совпадают до буквы, путаницы не возникает.

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

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

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

Для Dora Moda в 2019 году мы выполнили услуги, включающие веб-дизайн, графический дизайн, фото- и видеосъемку, SEO-работы и настройку Google Карт и Google Мой бизнес. Вся эта работа планировалась вместе как один проект.

Какие разделы должны быть на сайте готовой одежды?

Помимо разделов, где представлены коллекции, доверие деловых партнеров вызывают разделы, которые знакомят с брендом, рассказывают о производстве, галерея и референсы. На сайте Dora Moda эта структура построена из разделов «Dora Moda», «Производство», «Галерея» и «Референсы».

Зачем модному бренду профессиональная съемка?

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

Google Мой бизнес и Профиль компании в Google — это одно и то же?

Да, сервис Google Мой бизнес сегодня называется Профиль компании в Google. Он делает адрес, телефон и часы работы компании видимыми в поиске Google и на Картах.

Что делать раньше на сайте готовой одежды: съемку или дизайн?

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

Что требуется от многоязычного сайта с точки зрения SEO?

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

Выстроим цифровую витрину вашего бренда вместе

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