Топ-10 сайтов из галереи #madeontilda за 2023 год

В подборке вы познакомитесь с 10 сайтами коммерческих проектов, на которые чаще всего кликали в галерее #madeontilda в 2023 году. В статье разбираем, какие визуальные приёмы используются на сайтах и что в их дизайне привлекает внимание. Сохраняйте понравившиеся решения и вдохновляйтесь на создание ваших проектов.

В галерее #madeontilda собраны лучшие проекты пользователей Тильды. За прошлый год в подборку прислали больше 15 000 сайтов. За счёт попадания в галерею сайты получают дополнительный трафик, а лендинги и магазины находят покупателей.

В #madeontilda можно добавить в избранное понравившуюся работу или кликнуть на сайт, чтобы познакомиться с ним подробнее. В статье вас ждут проекты, которые получили в галерее больше всего просмотров: сайт импровизаторов, интернет-магазин натуральных снеков, сайт школы по Data Science, лендинг диджитал-студии и другие.

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

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

Интернет-магазин натуральных снеков. Цвета сайта отсылают к продукции бренда: зелёный — ассоциация с натуральным составом, оранжевый и фиолетовый — цвета упаковки сладких и пряных снеков. Декоративный шрифт RF Dewi Expanded в сочетании с трендовыми рисованными элементами делает атмосферу на сайте дружелюбной и располагающей.

При скролле страницы меню остаётся сверху для быстрой навигации по сайту и основным разделам. Для карточек товаров настроена ховер-анимация: при наведении на продукт — смена изображения, а кнопки «Купить» двигаются, имитируя нажатие.

На сайте покупатель может узнать состав снеков, что вызывает доверие к продукту и его компонентам. Лаконично описаны этапы создания продукта и его полезные для организма свойства. Бегущая строка передаёт слоган бренда — Trust your mama nature, she knows better.

Минималистичный сайт производства досок из древесного полимерного композита. На обложке сайта контрастно выделяется кнопка «В каталог», которая ведёт к полному ассортименту магазина. К разделу с популярными товарами привлекают внимание ярлыки «Хит».

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

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

Сайт диджитал-студии, которая создаёт сайты для бизнеса. Один из первых блоков на сайте — портфолио проектов, на каждый из которых можно нажать и дательнее ознакомиться с разработанным сайтом. Экспертизу студии доказывает блок с наградами и попадание в подборки, например, в галерею #madeontilda. А сертификаты с разных курсов дополнительно подтверждают профессионализм команды.

Раздел с отзывами заказчиков следует тренду на человечный копирайт и называется «Приятные слова от наших клиентов». Сообщения от клиентов появляются при наведении на карточку с именем.

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

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

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

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

На сайте есть портфолио с фотографиями в формате до и после, описанием изначального запроса клиента и решением от доктора. Наглядно показан результат работ — по клику на портретные снимки людей меняются фото в формате «было/стало».Также на всём сайте размещены фотографии кабинета, процесса работы и самого доктора. Этот приём помогает передать дружелюбную атмосферу клиники и может уменьшить страх пациента перед посещением.

Блок со стоимостью услуг выполнен в виде раскрывающихся списков с фотографией, описанием приёма и примерной стоимостью. Отдельное внимание привлекает раздел ответов на вопросы. Он оформлен в виде списка, при наведении на который срабатывает ховер-анимация и появляется ссылка на видео от доктора с объяснением.

Интернет-магазин товаров из эпоксидной смолы. Сайт выполнен в светло-розовых оттенках, которые передают хрупкость и «нежность» товаров. Этот эффект усиливают лаконичные шрифты: Cormorant Garamond — для заголовков, и Manrope — для основного текста. Плавная анимация подчёркивает атмосферу лёгкости всего сайта.

При клике на карточку товара можно выбрать цвет изделия и узнать характеристики, добавить его в избранное или сразу отложить в корзину. Если необходимого товара нет в наличии или у покупателя нестандартная идея — на сайте есть раздел «Под заказ» с вариантами разных изделий и возможностью выбрать габариты для некоторых позиций.

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

Сайт школы по Data Science. Дизайн выполнен в тёмных оттенках с акцентными голубыми элементами — кнопками, хештегами. Это помогает создать ассоциацию с голубым логотипом компании.

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

Специализации школы разделены на три категории по уровню навыков. Если нажать на кнопку «Подробнее», на новой странице можно узнать информацию о программе курса, его стоимости и преподавательском составе.

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

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

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

Сайт тату-школы. Тёмный стиль сочетается с лёгкими рисованными элементами в виде линий, обводки и звёздочек. Все тексты на сайты соответствуют тренду на человечный копирайт, что вызывает ощущение разговора с реальным человеком. Кнопки на сайте выделяются градиентом, который сочетается с оформлением всей страницы. Подобное оформление подчёркивает посыл сайта: классные татуировки может делать каждый, а учиться можно весело и легко.

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

Какой сайт вам понравился больше всех?

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