Как сделать премиальный сайт на примере поставщика керамики в White Rabbit и Twins Garden

Вы отлично понимаете, что значит премиальность на эмоциональном уровне.

Премиальный сайт показывает клиентам, что они пришли к лучшей компании на рынке, а ещё вызывает зависть у конкурентов. Но как перевести эти ощущения в дизайн и объяснить веб-студии, что именно вам нужно? В этой статье расскажем, как найти «дорогой» визуальный стиль без красного бархата и золотых кнопок.

К нам в Atman обратились производители керамической посуды ручной работы Kenai Ceramics. В мастерской Kenai стремятся к минималистичному дизайну и вдохновляются северной природой: лесами, фьордами, озёрами и ледниками. Текстура керамики всегда отличается, поэтому посуда Kenai — штучный продукт. Компания востребована на рынке: из тарелок Kenai едят в Twins Garden и White Rabbit — самых известных московских ресторанах высокой кухни.

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

В Kenai чувствовали, какое впечатление должен оставить «премиальный» сайт. Осталось понять, как такой сайт будет выглядеть.

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

В Kenai хотели сайт, ориентированный на шеф-поваров и дистрибьюторов посуды. Он должен дать посетителям понять: керамику Kenai выбирают профессионалы с репутацией на рынке. Заказывать у Kenai — значит выбрать престижный и красивый продукт.

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

В каждой сфере «премиальность» значит что-то своё. У производителей автомобилей это кожаный салон и хромированная сталь, у производителей одежды — модели с идеальной фигурой и отстранённым взглядом. Чтобы нащупать, как выглядит «премиальность» на рынке посуды ручной работы, мы изучили сайты конкурентов.

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

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

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

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

Акцент на продукте начинается с первого экрана: на нём красивые керамические тарелки с едой. Дальше на сайте приведена и философия бренда, и именитые рестораны, где посуду Kenai уже можно найти, и адреса дистрибьюторов. Но самое главное мы подняли как можно выше: посетитель смотрит на керамику Kenai с первой секунды.

С контентом повезло дважды: во-первых, у Kenai очень красивый продукт, во-вторых, с ними работает профессиональный фотограф. Они прислали больше тысячи фотографий керамики в интерьерах и на столах, с едой и без. Мы просмотрели все материалы и вырезали тарелки из фотографий вручную. Так мы добились, что изображения продуктов получились одного размера, качества и не имели фона — то что нужно для интерфейса.

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

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

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

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

Чтобы отслеживать посещения и интерес клиентов, к сайту подключили Яндекс.метрику и настроили форму для сбора данных: всем, кто оставил электронный адрес, придёт каталог Kenai. Это PDF-файл, в котором основатели рассказывают о концепции бренда и ассортименте.

Сайт справляется с задачей имиджевой странички для знакомства с брендом: он заработал в июле 2019 года и к декабрю каталог получили 400 человек. По данным Яндекс.Метрики, на сайт заходит около 50 человек в день, это примерно 9 000 человек за полгода. Конверсия в отправку каталога — 4,4%.