Пример сайта: Примеры сайтов на Tilda Publishing

Подборка сайтов из галереи лучших проектов на Тильде — Дизайн на vc.ru

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

9539 просмотров

В статье: сайт онлайн-курсов по гуманитарным наукам от медиа-проекта «Страдающее Средневековье», сайт и интернет-магазин сети салонов для кудрявых, лендинг выставки, посвящённой Алексею Балабанову, лонгрид об игре-головоломке Тетрис и другие проекты. Это вторая подборка для вдохновения читателей VC: сайты можно сохранить как референсы, или познакомиться и поддержать новый проект. Первую подборку смотрите по ссылке.

Так и ходи

https://takihodi.ru

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

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

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

Балабанов — выставка-путешествие

https://balabanov.live

Лендинг выставки в пространстве «Севкабель Порт», посвящённой Алексею Балабанову. Акцидентный шрифт с засечками Camerton и «шумный» фон создают на сайте атмосферу архива. На странице представлены не только фотографии с выставки, но и кадры из фильмов режиссёра.

Обложка, сделанная из нескольких слоёв текста и изображений, выглядит как плакат. Шапка при скролле фиксируется вверху страницы. В меню выделен пункт с целевым действием — покупкой билетов. Жёлтый цвет сразу бросается в глаза, позволяет быстро найти ссылку и оплатить посещение выставки. В бегущей строке посетитель сайта может прочитать о ключевых особенностях экспозиции: её площадь, наличие аудиогида, количество тематических зон. Организационную информацию о выставке и правила посещения тематически вынесли в конец лендинга — в блок «Титры». Выставка проходит до 15 января 2023 года.

Страдариум

https://stradarium.ru

Сайт онлайн-курсов по гуманитарным наукам от медиа-проекта «Страдающее Средневековье». Сайт выполнен в контрастных цветах с отрисованными границами модулей и изогнутыми линиями в оформлении. Анимация по ховеру с инверсией цвета добавляет дизайну динамики и интерактивности.

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

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

Monday4me

https://monday4.me

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

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

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

Светлячок

https://svetlyachok.nnov.ru

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

RisePack

https://risepack.ru

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

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

Клиника «Апельсин»

https://apelsinstom.ru

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

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

Ano-identity

https://ano-identity.ru

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

Тетрис

http://tetris-game.tilda.ws

Лонгрид об игре-головоломке Тетрис. Игровую тему подчёркивают шрифты и сочетание чёрного и зелёного цветов. Текстовые блоки повторяют вид фигур из игры. По всему лендингу появляются анимированные формы и гифки, отсылающие к Тетрису. А если нажать на кнопку Start, можно сыграть в игру прямо на сайте.

Больше вдохновляющих проектов, созданных на Тильде, смотрите в галерее #madeontilda.

Примеры сайтов, разработанных на UMI.CMS

Тематика сайта:

ВсеIT-услуги и телекоммуникацииавтомобилибытовая техникавеб-студии и интернет-агентстваВУЗыгостиницыгосударственные сайтыдетские товарыдизайндругоеиздательстваинформационные порталыкафекрасота, здоровье и отдыхкультураландшафтный дизайн и интерьерымаркетингмебельмедицинамода и стильмузыканедвижимостьоборудованиеобразованиеодежда и обувьокна, двериорганизация праздниковпроизводствопромышленностьразвлечениярекламные агентствасантехникаСМИспортстроительная техникастроительствостройматериалытаможенные брокерыТВ, электроника, техникатипографияторговлятранспорттурфирмыуслуги на домуфинансы и инвестицииэнергетикаювелирные изделияюридические фирмы

Тип сайта:

Всеинтернет-магазинлендингперсональный сайтсайт компании

Официальный сайт музея Кунсткамера

Разработчик: Студия Мёд

ПодробнееНа сайт

Другие работы этого разработчика

Тематика сайта: культура

Тип сайта: сайт компании

АО «ГЛОНАСС»

Разработчик: Студия Мёд

ПодробнееНа сайт

Другие работы этого разработчика

Тематика сайта: IT-услуги и телекоммуникации

Тип сайта: сайт компании

Сайт дверей премиум-класса Viporte

Разработчик: Red Collar

ПодробнееНа сайт

Другие работы этого разработчика

Тематика сайта: дизайн

Тип сайта: сайт компании

Сайт интерактивной рекламы GetShop. TV

Разработчик: Red Collar

ПодробнееНа сайт

Другие работы этого разработчика

Тематика сайта: дизайн

Тип сайта: сайт компании

ГАУ «Калининградский областной драматический театр»

Разработчик: МультиСайт

ПодробнееНа сайт

Другие работы этого разработчика

Тематика сайта: государственные сайты

Тип сайта: интернет-магазин

Сайт дистрибьютора товаров для декора интерьера KADO

Разработчик: Red Collar

ПодробнееНа сайт

Другие работы этого разработчика

Тематика сайта: ландшафтный дизайн и интерьеры

Тип сайта: сайт компании

Mango | Горящие туры, путевки из Красноярска

Разработчик: Веб-студия Евгения Макарова

ПодробнееНа сайт

Другие работы этого разработчика

Тематика сайта: турфирмы

Тип сайта: сайт компании

Оборудование для майнинга

Разработчик: ADT Web Solutions

ПодробнееНа сайт

Другие работы этого разработчика

Тематика сайта: оборудование

Тип сайта: интернет-магазин

Оплата полётов биткоинами

Разработчик: ADT Web Solutions

ПодробнееНа сайт

Другие работы этого разработчика

Тематика сайта: финансы и инвестиции

Тип сайта: интернет-магазин

25 Awesome About Us Page Examples For Web Design Inspiration

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

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

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

Как максимально эффективно использовать эту неотъемлемую часть вашей маркетинговой стратегии?

В этой статье вы узнаете, что делает страницу «О нас» исключительной, и найдете 25 лучших примеров страниц «О нас», которые вдохновят вас на дизайн и контент страницы «О нас».

Компоненты отличной страницы «О нас»

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

Ваша миссия

Вам не нужно прямо говорить «наша миссия ____», но вы должны указать миссию своего бизнеса в своем экземпляре «О нас». Это ключ к привлечению талантов, а также лидов, которые имеют цели корпоративной социальной ответственности (КСО).

Ваша история (история)

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

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

Ваши услуги (и преимущества)

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

Подчеркните преимущества и продемонстрируйте, что вы делаете (и почему это уникально).

Ваше социальное доказательство

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

Имея в виду эти компоненты, вы получите основу для создания привлекательной и уникальной страницы «О нас».

Однако, если вы ищете вдохновения, приведенные ниже 25 примеров помогут вам в творческом процессе.

Скриншот ToyFight, январь 2022 г.

ToyFight — отмеченное наградами агентство креативного дизайна.

Вы найдете страницу «О нас» в верхней части меню в разделе «Кто».

Эта страница имеет уникальный вид благодаря деконструированным фигуркам, представляющим основателей Ли Уипдея и Джонни Ландера.

Большое внимание к деталям и интерактивность также отражают 16-летний опыт компании.

Подводя итог, можно сказать, что эта страница выделяется тем, что предлагает идеальное сочетание веселья и информации.

Скриншот Band, январь 2022 г.

Band — многопрофильная творческая студия, расположенная на северо-западе Тихого океана.

Их страница «О нас» выделяется тем, что демонстрирует некоторые из их уникальных и творческих проектов.

Никакое количество слов не может сказать одному из их потенциальных клиентов почти так много, как эти фотографии.

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

Волшебные визуальные эффекты и общий простой внешний вид делают эту страницу «О нас» одним из наших лучших вариантов.

Скриншот от Anton & Irene, январь 2022 г.

Возможно, это самый необычный веб-сайт, с которым мы сталкивались.

Anton & Irene — дизайнерское агентство, расположенное на Манхэттене.

Почему они так популярны в Интернете?

Потому что их страница выводит параллаксную прокрутку на новый уровень.

Снежные эффекты, яркие цвета и причудливые визуальные эффекты создают поистине захватывающее впечатление.

Скриншот от Пьеро Карона, январь 2022 г.

Пьеро Карон — французский скульптор-ремесленник.

Хотите узнать, что нам больше всего нравится на его странице?

Честность.

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

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

Скриншот от Блейка Фили Суареса, январь 2022 г.

Кто не любит хорошую биографию?

Особенно тот, который начинается со слов «Я родился в старом добром Мэдисоне, штат Висконсин. Сын библиотекаря и исследователя.

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

Кто этот парень?

Блейк Фили Суарес — иллюстратор и дизайнер с фантастическим чувством юмора.

Его причудливость проявляется благодаря его юмористическому тону и дурацкой картинке.

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

Скриншот из LessFIlms, январь 2022 г.

Если бы вы были «суперкрутым» видеобизнесом, какое средство вы бы выбрали, чтобы показать людям, чем вы занимаетесь?

Видео, конечно.

LessFilms — компания по производству видео, базирующаяся во Флориде, с клиентами и сотрудниками по всему миру.

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

Скриншот из DoomTree, январь 2022 г.

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

Однако на самом деле нас зацепили звук и визуальные эффекты.

Зачем рассказывать, если можно показать, верно?

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

Скриншот из «Кексы и кашемир», январь 2022 г.

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

Но именно раздел «О нас» знакомит вас с командой, которая делает этот сайт бесконечным источником вдохновения.

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

Хотите оставаться на связи?

Нет проблем — на странице также есть полезные ссылки на ее страницы в социальных сетях, а также на ее интернет-магазин.

Скриншот NOWNESS, январь 2022 г.

NOWNESS — это видеоканал, рассказывающий о лучшем в мировом искусстве и культуре.

Поэтому вполне естественно, что на их странице «О нас» собраны различные видеоролики, которые они размещают.

Разнообразие контента и кураторский опыт команды — еще одна причина, по которой вы продолжаете просматривать.

Чтобы не отставать от видео-ориентированной эстетики, текст на их странице краток и лаконичен.

Тем не менее, он по-прежнему дает достаточно информации для просмотра веб-сайта и даже внесения вклада.

Откройте раздел наград и узнайте, почему NOWNESS в настоящее время является лидером в области онлайн-фильмов и видео.

Скриншот Mailchimp, январь 2022 г.

Миллионы людей ежедневно используют Mailchimp для создания, отправки и отслеживания электронных рассылок.

Это умная часть страницы «О странице» Mailchimp.

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

Это просто, весело и эффективно, довольно красочно и демонстрирует приятное сочетание разнообразия.

Скриншот Tate, январь 2022 г.

В разделе «О нас» Tate говорится, что их миссия состоит в том, чтобы «повысить интерес публики к британскому искусству […] и международному современному и современному искусству».

Сказано, сделано.

Как же так?

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

Прокрутите вниз, чтобы узнать, кто они, как оставаться на связи и все, что между ними.

Скриншот из Yellow Leaf Hammocks, январь 2022 г.

Yellow Leaf Hammocks пытается спасти мир по одному гамаку за раз.

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

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

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

Скриншот из восьмичасового дня, январь 2022 г.

Именно так начинается раздел «О нас» в «Восьмичасовом дне» — приветствие.

По этой причине это также заставило нас искать больше.

Почему?

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

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

Натан Страндберг и Кэти Кирк делают то, что делает их счастливыми, и это видно на их странице.

Скриншот Lonely Planet, январь 2022 г.

Вы понимаете, что собираетесь отправиться в путешествие, когда на странице «О нас» веб-сайта вам предлагается «Просто иди».

Это веб-сайт для путешественников, поэтому макет идеально подходит для тех, кто хочет исследовать.

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

Льготы?

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

Будут ли это их приложения, их печатные руководства или их веб-сайт?

В любом случае каждый ресурс становится неисчерпаемым источником вдохновения для путешествий.

Итак, вы готовы идти?

Скриншот от Gummisig, январь 2022 г.

Gummisig — внештатный веб-дизайнер, который любит говорить о себе в третьем лице.

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

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

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

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

Подсказка: он хочет узнать ваши секреты!

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

Несмотря на то, что он с гордостью называет компании, в которых работал (IKEA — лишь одно из наиболее известных имен), он делает это без хвастовства.

Скриншот из Amnesty International, январь 2022 г.

Amnesty International — это больше, чем неправительственная организация.

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

Неудивительно, что на их странице преобладает местоимение мы.

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

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

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

Достаточно веская причина, чтобы оставаться на связи, не так ли?

Скриншот из Chattanooga Renaissance Fund, январь 2022 г.

Верхняя часть страницы Chattanooga Renaissance Fund предназначена для привлечения предпринимателей в район Чаттануга в Теннесси.

Как?

Описывая свою историю и компании, которые уже инвестировали в нее, такие как Amazon или Volkswagen, и это лишь некоторые из них.

Напрашивается вопрос: что побудило эти компании переехать туда?

Узнайте больше о членах фонда и их вкладе в его рост.

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

Независимо от того, являетесь ли вы стартапом, инвестором или третьей стороной, на странице есть специальный раздел для всех пользователей.

Все, что вам нужно сделать, это доказать, что вы хотите воплощать идеи в реальность.

18. DORÉ

Скриншот DORÉ, январь 2022 г.

Этот веб-сайт начинался как фотоблог, основанный Garance Doré.

В конце концов, это место стало источником вдохновения для растущей команды, которая стремится все подвергать сомнению.

Будь то стиль, женственность или современные дилеммы, ни одна тема не остается закрытой.

Готовы принять участие в обсуждении? Во что бы то ни стало, добро пожаловать.

Команда читает все ваши комментарии и готова превратить ваши мысли в свою команду.

Не знаете, с чего начать?

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

Скриншот сайта Bulldog Skincare, январь 2022 г.

Как убедить мужчин заняться уходом за кожей?

Вы приводите на их сторону лучшего друга – собаку.

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

Чтобы вы продали, их страница «О нас» приветствует вас очаровательной мордой бульдога.

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

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

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

Он также веганский и сертифицирован Cruelty Free International.

Их страница настолько хороша, что неудивительно, что на каждом шагу у них есть кнопка «Купить сейчас».

Не возражаете, если я это сделаю.

Скриншот с Couro Azul, январь 2022 г.

Навигация по странице Couro Azul «О нас» похожа на путешествие в неизвестность.

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

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

Помимо визуального удовольствия, страница также интерактивна и привлекательна.

Почему?

Чтобы вы с первого взгляда поняли, что ценит компания: 100% собственные продукты.

Их экологический сертификат свидетельствует об их приверженности передовым экологическим практикам.

Скриншот с сайта Girlboss, январь 2022 г.

Весь веб-сайт Girlboss просто вдохновляет.

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

Girlboss помогает им, предоставляя инструменты и связи, необходимые им для собственного будущего.

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

Эти ключевые черты вшиты в ткань глобального успеха Girlboss.

Скриншот из журнала Purple, Rock, Scissors, январь 2022 г.

Если вы хотите, чтобы люди понимали ценности вашей компании, выделите их жирным черно-белым шрифтом, как это сделали Purple, Rock, Scissors.

Весь их веб-сайт представляет собой технологическое чудо.

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

В нем также есть открытость, которая непременно привлечет вас.

Скриншот из Mixd, январь 2022 г.

Нечасто можно увидеть страницу «О нас», на которой так много внимания уделяется разделу «знакомство с командой».

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

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

Скриншот с сайта 6tematik, январь 2022 г.

На этом сайте нам нравится многое, но для краткости мы ограничимся двумя.

Во-первых, их главная страница очень интерактивна.

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

Во-вторых, 6tematik знакомит нас со своей командой.

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

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

Скриншот из Big Cartel, январь 2022 г.

Созданная художниками для художников, Big Cartel — это онлайн-платформа, упрощающая создание интернет-магазина и управление им.

Простое, но эффектное заявление о миссии и искренние фотографии сотрудников делают эту страницу «О компании» совершенно другой.

Каждая фотография в галерее уникальна и индивидуальна.

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

Заключительные выводы

После подробного анализа 25 примеров страниц «О нас» в этой статье, вот последние выводы, которые следует учитывать при создании собственной страницы:

Креативность выделяет вашу страницу.

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

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

Расскажите о людях, стоящих за брендом.

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

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

Свяжите социальное доказательство с вашей социальной ответственностью.

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

Yellow Leaf Hammocks и Mailchimp — два примера из этой статьи, которые показывают на своей странице «О нас», как их продукты меняют их сообщества к лучшему.

Дополнительные ресурсы:

• Как написать о выигрыше Страница о нас: 8 правил и запретов
• 9 основных типов веб-страниц, которые должен знать каждый SEO-специалист
• Полное руководство по поисковой оптимизации на странице

---

Избранное изображение: Наумова Марина/Shutterstock

Категория Содержание

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

Вы думаете о создании или улучшении своего веб-сайта для малого бизнеса? Хорошая идея!

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

Как?

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

Теперь давайте перейдем к делу.

Начните продавать онлайн прямо сейчас с Shopify

Начните бесплатный пробный период

25 лучших примеров веб-сайтов для малого бизнеса

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

1. Мужская мода: Velasca
2. Детские товары: Молоко
3. Солнцезащитные очки: Shwood Eyewear
4. Женская мода: Newton Supply Co.
5. Спортивная одежда: Рона
6. Обувь: Allbirds
7. Наружное снаряжение: Madsen
8. Украшения: Блубохо
9. Аксессуары: Super Team Deluxe
10. Косметика: Косметика MFMG
11. Стиль жизни: LEIF
12. Бутик: Ла-Ла Ленд
13. Дизайнерские товары: Studio Neat
14. Товары для путешествий: Minaal
15. Цифровые продукты: современный рынок
16. Мебель: Мебель Райтвуд
17. Мебель: Brosa
18. Декор для дома: Ivory & Deene
19. Технология: Ratio Coffee
20. Пищевые продукты: I Love Mole
21. Питание: Press London
22. Арт: Tattly
23. Уникальные продукты: Pop Chart
24. Товары для животных: Zee. Dog
25. Свадьбы: шелк и ива

Давайте подробнее рассмотрим каждый из этих примеров дизайна веб-сайта для малого бизнеса.

1. Мужская мода: Velasca

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

2. Товары для детей: Milk

Millk — австралийский бренд одежды для младенцев и детей. Как и одежда бренда, сайт выполнен в мягких и приглушенных тонах. Также есть множество изображений, демонстрирующих материалы и дизайн продукта. Меню простое и легкодоступное из любого места на сайте. Кроме того, в этом примере веб-сайта для малого бизнеса используется дизайн, адаптированный для мобильных устройств.

3. Солнцезащитные очки: Shwood Eyewear

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

4. Женская мода: Newton Supply Co.

Компания Newton Supply Co. разрабатывает и изготавливает вручную красивые вощеные сумки и сумки в США. Этот макет веб-сайта для малого бизнеса является чистым и простым. Он также отлично использует историю компании. Взгляд посетителя приковывают к себе фотографии уникальных товаров, подписанные простым шрифтом с засечками.

5. Спортивная одежда: Рон

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

6. Обувь: Allbirds

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

7. Наружное снаряжение: Madsen

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

8. Украшения: Bluboho

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

9. Аксессуары: Super Team Deluxe

Super Team Deluxe продает наклейки, значки, шляпы и аксессуары, вдохновленные интернет-поп-культурой. В этом примере веб-сайта для малого бизнеса используются смелые цвета и дурацкие шрифты, чтобы проиллюстрировать характер бренда. Кроме того, красочные анимации появляются каждый раз, когда вы двигаете мышью. Не забудьте проверить «Стена смирения» в нижней части главной страницы, чтобы увидеть, как этот бренд выставляет напоказ свои вещи.

10. Косметика: MFMG Cosmetics

MFMG Cosmetics расшифровывается как Makeup for Melanin Girls. Эта компания пытается привнести больше инклюзивности в косметический мир, разработав линию косметических продуктов для более темных тонов кожи. Сайт простой и оптимизирован для мобильных устройств. Он использует цвета своих продуктов в сочетании с минималистичными шрифтами. Обратите внимание на баннер с призывом к действию, предлагающий код скидки 10% для посетителей, которые подписываются на список рассылки.

11. Стиль жизни: LEIF

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

12. Бутик: La La Land

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

13. Дизайнерские товары: Studio Neat

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

14. Товары для путешествий: Minaal

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

15. Цифровые продукты: современный рынок

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

16. Мебель: Мебель Wrightwood

Wrightwood Furniture — магазин в Чикаго, который в настоящее время получает более 12% своего дохода от своего веб-сайта Shopify. На главной странице сайта есть потрясающее изображение мебельного магазина. Меню простое и включает изображения, чтобы помочь пользователям ориентироваться. На сайте также есть удобный поисковый фильтр.

17. Мебель: Brosa

Brosa продает мебель и товары для дома. Цвета веб-сайта светлые и приглушенные, и на сайте хорошо используются высококачественные фотографии. Меню является исчерпывающим, а верхняя панель содержит важные ссылки, такие как «Контакты и часто задаваемые вопросы», «Позвоните нам» и «Covid-19».

18. Домашний декор: Ivory & Deene

Ivory & Deene — магазин домашнего декора, расположенный в Австралии. Этот пример веб-сайта для малого бизнеса продвигает люксовый бренд с помощью элегантной цветовой палитры и тонких анимированных элементов. Кроме того, меню и поисковые фильтры упрощают навигацию.

19. Технология: Ratio Coffee

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

20. Продукты питания: «Я люблю крот»

I Love Mole продает вкусные продукты, часто используемые в мексиканской кухне. На веб-сайте используется белый фон, чтобы привлечь внимание посетителей к своим красочным продуктам. Он также представляет яркость своей продукции с яркими оранжевыми и желтыми акцентами.

21. Питание: Press London

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

22. Арт: Tattly

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

23. Уникальные продукты: Pop Chart

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

24. Товары для животных: Zee.Dog

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

25. Свадьбы: шелк и ива

Silk and Willow — бутик свадебного декора, который создает устойчивые и экологически чистые продукты. Весь сайт выполнен в серо-белых тонах, что подчеркивает цветовую гамму и разнообразие продукции бренда. Кроме того, сайт создает ощущение деревенского стиля, используя шрифты с засечками и пишущие машинки.

Зачем малому бизнесу нужен веб-сайт?

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

А учитывая 4,5 миллиарда активных интернет-пользователей по всему миру, весьма вероятно, что ваш целевой рынок находится в сети.

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

Вот некоторые преимущества наличия веб-сайта для вашего малого бизнеса:

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

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

Хотя фиксированной ставки нет, индивидуальный дизайн веб-сайта для малого бизнеса обычно стоит от 500 до 10 000 долларов. Однако вы можете создать профессиональный веб-сайт всего за 39 долларов. в месяц с помощью Shopify.

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

Лучший способ создать веб-сайт для малого бизнеса: Shopify

Shopify предоставляет все необходимое для бизнеса, чтобы продавать онлайн и лично.

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

Хотите узнать самое интересное? Его невероятно просто использовать.

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

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