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

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

Важные моменты, которые удалось выяснить в ходе интервью, и на что они повлияли:

Цели и задачи сайта: 

  • предоставление информации клиенту о компании
  • демонстрация работ
  • предоставить ответы на частые вопросы — сроки и стоимость работ под ключ
  • продвижение бренда

Таким образом, сайт не является площадкой для прямых продаж, поэтому из макеты исключены все коммерческие факторы (quiz, pop-up, online-chat, CTA и т.п.).

Очень важно! Вместо стандартных маркетинговых способов про информирование о цене — «позвони сейчас и узнай цену», «рассчитать цену» и «цена за 1 п/м от ….», — был использован прием показа цены на основе предыдущего опыта. Т.е. такая кухня (демонстрация фото с описанием материалов) обошлась в таком-то году столько-то и т.д.

Чтоб не перегружать клиента данными о стоимости различных кухонь, мы вынесли эту информацию в раздел «Наши работы»

Дизайн карточки товара на сайте-визитка

 

Целевая аудитория

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

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

Галерея работ на сайте-визитка

 

Проект и дизайн

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

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

Для подчеркивания некоторых элементов применили прямые линии

Дизайнерская фишка при заполнении пустот

 

Верстка и программирование

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

А также добавлять работы в галерею.

Пример админки сайта как добавлять элементы в работы

 

Сайт компании по изготовлению кухонь kdgrani.ru