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

Разбор сайта техники aplle на тильде

Всем привет! С вами студия маркетинга IMpro.pro. У микрофона Никита Солдатов — практикующий веб-дизайнер. Сегодня мы с вами разберем сайт BIONIQO, сделанный на Тильде.

Первый экран

Здесь нас встречает галерея с последними акциями и шапкой. С нее и начнем.

Шапка стандартная: логотип, основные пункты меню и системные пункты меню. Здесь все окей. Однако кнопка поиска — маленькая, а кнопка “Заказать звонок” тоже куда-то ушла. Их следует подправить.

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

У галереи все хорошо, симпатичные баннеры. Можно было бы добавить только ссылки на них, чтобы было легче перейти к товарам.
Первый экран и шапка сайта

Второй блок

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

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

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

Совет. Удалите его, либо измените на серый цвет, чтобы при загрузке страницы, это выглядело, как скелет. Это не такое критичное замечание. Просто так страница будет выглядеть аккуратнее.

Также, здесь разные отступы. Например, между карточкой с Макбуками и Аксессуарами отступ меньше.
Второй блок

Третий блок

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

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

Четвертый блок

Блок “Что о нас говорят” достаточно маленький, по сравнению со всем остальным. Можно от Анекс использовать увеличение стандартных блоков, чтобы все было под размер 1920. Либо увеличьте размер текста, потому что он смотрится мелковато.

Внимательно смотрите на размер отступов между блоками. Он должен быть везде одинаковым. А здесь его почти нет от “Отзывов”. Желательно делать их достаточно большими, чтобы человек смог морально выдохнуть, а мозг — обновить информацию.
Четвертый блок

Карта

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

Подвал выглядит аккуратно. Все супер, кроме, опять-таки, отступов. Они здесь разные между текстовыми элементами.
Карта

Внутренние страницы

Перейдем к айфонам. Здесь у нас стандартный тильдовский блок. Можно добавить заголовок Н1, чтобы понимать, на какую страничку зашел человек, если он, например, кликнул на нее случайно. Также такой заголовок может продвинуть сайт по seo.

Совет. Можно было бы привязать изображения к цветам, чтобы выбор продукции был более наглядным. С товарами все ясно. Дальше, как я понимаю, все будет в +/- таком стиле
Внутренние страницы

Страница бонусов

Здесь текст выровнен по левому краю, а кнопка “Получить бонусы” не посередине.
Совет. Передвиньте кнопку влево, к началу текста.

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

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

Дальше все понятно по странице. Есть призыв к действию и это классно.
Страница бонусов

Еще одна внутренняя страница

Я заметил, что по сайту идут разные заголовки первого уровня. На одной странице заголовок большой и толстый, на другой — узкий и маленький, а на третьей он вообще отличается по верстке. Это лучше поправить.

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

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

Дальше я опять попал на страницу с другим дизайном и маленькими отступами.
Еще одна внутренняя страница

Выводы

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

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

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

На этом все. Подписывайтесь на наш тгк, там еще больше новостей о тильде и аудиты сайтов. Всем пока!

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

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