diMARE

diMARE — модный бренд, известный коллекциями женской одежды, показами и магазинами. Бренд обращается и к международным клиентам, поэтому ему нужен был англоязычный сайт, отражающий роскошный и элегантный образ.

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

Веб-дизайн

Мы разработали сайт, где съемки коллекций занимают весь экран, а темное верхнее меню и лаконичная типографика поддерживают ощущение роскоши. Разделы Collections, Fashion Show, Company, Our Shops и Contact позволяют посетителю легко найти всю информацию, от коллекций до магазинов.

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

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

Google Мой бизнес

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

Базовое SEO

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

---

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

Клиент: diMARE

Отрасль: мода (женская одежда)

Год: 2018

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

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

Результат: у diMARE появился сайт, который эффектно представляет коллекции и показы, обращается к международным посетителям и который можно найти в Google.

Проект diMARE: подробнее

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

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

Отправная точка: англоязычная витрина для международного посетителя

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

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

Ощущение роскоши в веб-дизайне сайта модного бренда

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

Полноэкранные изображения коллекций

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

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

Темное верхнее меню и лаконичная типографика

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

Почему раздел показов выделен отдельно

Показ демонстрирует, как бренд представляет коллекцию на подиуме, и несет атмосферу, которую не передают каталожные съемки. Когда на сайте diMARE раздел Fashion Show отделен от коллекций, эти два вида контента рассказывают каждый свою историю, не смешиваясь.

Структура разделов: от Collections до Our Shops

Сайт состоит из разделов Collections, Fashion Show, Company, Our Shops и Contact. Они позволяют посетителю легко найти все, что ему нужно: от коллекций и показов до истории бренда, сведений о магазинах и контактов. Короткие и привычные названия разделов помогают посетителям из разных стран свободно ориентироваться на сайте.

Раздел Our Shops — дверь сайта в офлайн-мир. Если посетитель, изучающий коллекцию, одним шагом попадает к сведениям о магазине, интерес, возникший на сайте, легче продолжается в магазине.

Графический дизайн: перенести айдентику diMARE со страницы на страницу

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

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

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

Брендам, которые хотят закрепить эти правила в письменном виде не только для сайта, но и для всех каналов, хорошей отправной точкой станет работа над фирменным стилем.

Быть заметными в Google: запись компании и базовое SEO для diMARE

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

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

Запись в Google Мой бизнес

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

Для модного бренда с физическим магазином эта запись служит мостом, который превращает онлайн-интерес в визит в магазин. Следующий вопрос посетителя, которому понравилась коллекция на сайте, чаще всего звучит так: «Где я могу увидеть это изделие?»

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

Базовые SEO-настройки

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

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

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

Как мы работаем над сайтами модных брендов

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

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

Такой порядок позволяет на сайте модного бренда строить дизайн вокруг изображений и не пытаться потом втиснуть их в готовый шаблон.

Практические выводы для модных брендов

Проект diMARE выделяет несколько важных моментов для модных брендов, которые обращаются и к зарубежным клиентам:

• Решите вопрос языка заранее. От того, на каком языке или языках будет сайт, зависит все, от меню до структуры URL; менять это потом сложнее.
• Подготовьте визуальный архив. Изображения для полноэкранного показа должны быть в высоком разрешении. Если имеющихся съемок недостаточно, fashion-съемка укрепит визуальную основу сайта.
• Рассматривайте показ как отдельный вид контента. Материалы показов рассказывают другую историю, чем съемки коллекций, и показывают бренд на подиуме.
• Держите сведения о магазинах единообразными. Когда данные о магазинах на сайте и в записи Google совпадают, клиент не поедет по неверному адресу.
• Пишите тексты на уровне носителя языка. Небрежный перевод на сайте на иностранном языке может подорвать ощущение роскоши быстрее, чем изображения.
• Сохраняйте простоту. Ощущение роскоши чаще создается не добавленными, а убранными элементами.

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

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

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

Для diMARE в 2018 году мы выполнили веб-дизайн, графический дизайн, запись в Google Мой бизнес и базовое SEO. В основе проекта лежал англоязычный сайт, который выдвигает вперед коллекции и показы.

Какие разделы есть на сайте diMARE?

Сайт diMARE состоит из разделов Collections, Fashion Show, Company, Our Shops и Contact. Такая структура позволяет посетителю легко найти все, от коллекций и показов до сведений о магазинах.

На каком языке должен быть сайт модного бренда?

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

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

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

Почему Профиль компании в Google важен для магазинов одежды?

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

Что дает сайту о моде базовое SEO?

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

Спланируем подходящую витрину для ваших коллекций вместе

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