Pierre Ceramics

ИЮЛЬ 2024 — АВГУСТ 2024

Промо-сайт поставщика премиальной итальянской плитки

Услуги
Аналитика UX/UI-дизайн No-code (Tilda)
Задача

Pierre Ceramics — поставщик премиальной итальянской плитки с гарантией быстрой доставки. Компания работает с легендарными брендами, такими как Marazzi Group, Casalgrande Padana, Ragno, Bisazza и CIFRE - Versace Ceramics.

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

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

Проектирование

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

Структура сайта была разделена на два ключевых сегмента:

  • Владельцы дизайн-студий — выделяем ключевые преимущества сотрудничества с Pierre Ceramics, включая информацию о компании, собственнике и логистике, чтобы помочь быстро оценить выгоды для партнерства.
  • Дизайнеры интерьеров — предоставляем удобную навигацию по брендам плитки с прямыми ссылками на их официальные сайты для быстрого доступа к каталогу плиток.

Веб-дизайн.
Дизайн-концепция

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

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

Веб-дизайн.
Дизайн-концепция блока «Бренды»

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

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

Веб-дизайн.
Дизайн-концепция блоков «Доставка» и «Видео»

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

Веб-дизайн.
Дизайн-концепция блоков «О компании» и «Галерея»

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

Веб-дизайн. Бренды

  • Для пользователей, которые хотят погрузиться в мир брендов, мы сделали вариант с отображением реализованных проектов на 3/4 ширины экрана. Здесь можно наслаждаться каждой коллекцией в теплых итальянских оттенках.
  • Для пользователей, которые уже знают, чего хотят, предусмотрен компактный режим, который позволяет моментально перейти к понравившемуся бренду, сохраняя при этом стильный и утонченный вид сайта.

Веб-дизайн. О компании

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

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

Цветовая палитра.
Типографика

  • Клиент хотел передать теплоту Италии, поэтому сайт оформлен в теплых оттенках, создавая нужное настроение для остального контента.
  • Manrope — семейство современных шрифтов без засечек с открытым исходным кодом, разработанное Михаилом Шарандой в 2018 году. В 2019 году Мирко Велимирович работал с Михаилом Шарандой над преобразованием Manrope в вариативный шрифт.

Фронтенд

  • Для создания сайта мы выбрали платформу Tilda, что позволило быстро реализовать креативные идеи и создать удобный, визуально привлекательный ресурс. Изначально планировался полноценный сайт с системой управления контентом и большим каталогом плитки, но из-за жестких сроков и необходимости срочной презентации через месяц, мы начали с MVP на Tilda. Платформа упростила процесс разработки и позволила сосредоточиться на дизайне.
  • Дополнительно использованы CSS, HTML, jQuery, GSAP и другие библиотеки для улучшения пользовательского опыта, с тщательной проработкой и анимацией элементов для плавного и приятного взаимодействия.
Оставить заявку