Услуги
О компании
IM
PRO
+3

Разбор дизайна сайта на Тильда 2024. Магазин печей ПРОМЕТАЛЛ

Всем привет! На связи студия маркетинга IMpro.pro и практикующий веб-дизайнер Никита. В рамках нашей программы я разберу сайт магазина печей ПРОметалл. Компания занимается продажей комплектующих для бань, а также делает их под ключ. Давайте начинать!

Первый экран

Здесь классное динамичное, красивое видео. Текст на нем читается, что хорошо. К первому экрану вопросов нет. Поэтому поговорим про шапку.
Первый экран и шапка сайта

Шапка сайта

Здесь все хорошо, но есть один недочет — некликабельные почта и адрес.

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

Акции

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

“Преимущество работы с нами” в “Подробностях” написано “скидка до -25% на весь модельный ряд печей.

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

Акции

Главная страница

Дальше у нас идут разные категории товаров, следом — галерея с классным эффектом параллакса от мышки. Ниже пошло раскрытие самой компании.

Здесь все хорошо. Единственное, я бы хотел отметить момент про разные отступы: между акциями и первым экраном один отступ, а ниже идет уже отступ больше.

Дальше между двумя категориями товаров отступ очень маленький, а в галерее его вообще нет.

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

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

Совет. С помощью модификации на тильде поменять “нет в наличии” на “под заказ”, либо убрать эти товары с главной, потому что они тут бросаются в глаза и своим отсутствием портят первое впечатление о компании. А нам надо, чтобы человек перешел на товар и начал его изучать.

Товары

Услуги

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

Далее важный блог с цифрами. Следом рассказываете о новых технологиях — это тоже хорошо
Проекты бань

Где купить печи ПРОметалл?

В этом блоке написано “Список представителей завода ПРОметалл”, однако как такового списка нет.

Совет. В заголовке здесь можно написать, что есть представители по всей России.

Дальше по главной все хорошо.
Список представителей

Карточка товара

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

Очень прикольный блок “Что можно купить с *название товара*. Здесь можно перейти на товар и в категорию. Есть также 3D-просмотр, это прям хорошо сделано
Карточка товара

Страница — Современные модульные бани “под ключ”

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

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

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

Совет. Сделайте инфографику или иконки, что сделает текст более читаемым.

Прикольно, что здесь все фотографии и кнопки идут по сетке

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

Хороший блок с преимуществами, с иконками — все понятно и четко, как и в процессе изготовления. Единственное, в последнем уехало описание под заголовком. Его лучше перенести под Н2.

В блоке “Используемые материалы и технологии” кажется, что это полотно текста, но оно хорошо отредактировано: есть подзаголовки, пункты для читаемости. Так что здесь все хорошо

Также стоит добавить больше отзывов, потому что здесь их всего два.
Страница — Современные модульные бани “под ключ”

Страница — Строительство бань “под ключ”

Здесь такая же проблема, как на предыдущей странице. Такой же  seo-текст в начале, иконка-вопрос, который сильно перетягивает внимание на себя. А вот картинки правда классные, бани выглядят круто.

Совет. Лучше их вынести на первый экран, чтобы сразу показать работы.

Совет. Текст в “Преимуществах” лучше отредактировать так, чтобы он был одинаковым по размеру, потому что некоторые из них сильно выбиваются.

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

Совет. Поменяйте блок или добавьте стрелочки, чтобы клиентам было легче понять, как листать отзывы.
Страница — Строительство бань “под ключ”

Карта

Карта сделана классно. Ниже большой список городов. Его проблема в том, что он слишком большой, из-за чего неудобно искать свой город.

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

О компании

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

Итак, мы прошлись по страницам сайта. Он выполнен очень классно. Здесь есть нестандартные, но удобные фишки, которые реализованы на тильде, как, например, 3D-просмотр товара в карточке. Также есть моменты, которые стоило бы “подкрутить”, но они не критичны.

Если вы хотите научиться работать на Тильде, открыть для себя новые фишки или отправить свой сайт на разбор, то подписывайтесь на наш канал “О Тильда”

Всем пока! До новых видео!

Еще публикации
из мира маркетинга

УЧИМ САМОСТОЯТЕЛЬНО УПРАВЛЯТЬ ПРОЕКТОМ
Смотреть все