11 лучших примеров микросайтов, которые мы когда-либо видели

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

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

Что такое микросайт?

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

Микросайты могут помочь брендам достичь многих целей. Как говорит менеджер по продукту HubSpot Алекс Жирар: «Вы можете использовать веб-сайт для создания цифрового опыта для различных моментов пути покупателя. Это не обязательно должен быть просто корпоративный веб-сайт .com для преобразования посетителей в потенциальных клиентов. Вы можете создать цифровой опыт, охватывающий весь путь клиента».

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

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

1. Оценщик веб-сайтов (HubSpot)

HubSpot Website Grader — это бесплатный микросайт для улучшения вашего веб-сайта. Вставьте URL-адрес вашего сайта и адрес электронной почты, и Website Grader будет использовать автоматизированную систему оценки Google Lighthouse для присвоения оценки вашему веб-сайту.

Website Grader рассчитывает вашу оценку на основе четырех ключевых факторов — производительности (насколько быстро работает ваш сайт), SEO, мобильных устройств и безопасности, — каждый из которых получает свою собственную оценку. По каждому фактору Website Grader разбивает рейтинг вашего сайта и предлагает области для улучшения.

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

2. Слушаем вместе (Spotify)

Spotify знает, как сделать микросайт — его чрезвычайно популярная серия Spotify Wrapped начиналась как микросайт и с тех пор стала частью его мобильного приложения. В 2020 году потоковая платформа представила новый микросайт для поддержки своей кампании «Слушаем вместе».

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

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

3. Мой творческий тип (Adobe)

Программный пакет Adobe содержит несколько стандартных инструментов для визуального творчества. Помимо широко известных инструментов, большой движущей силой успеха Adobe является способность бренда ориентироваться на клиентов с помощью маркетинга. Ярким примером является микросайт My Creative Type.

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

В конце вам дается один из восьми творческих типов (я получил «Создатель») и описание ваших сильных сторон, потенциала, мотивации и советы для достижения творческих целей. Затем вы можете загрузить свой тип или поделиться им в социальных сетях.

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

4. Emojitracker (Эмодзипедия)

Нет никакого смысла в emojitracker.com. Он был создан Мэтью Ротенбергом, бывшим руководителем отдела продуктов Flickr и Bitly, в качестве эксперимента по отслеживанию всех эмодзи, используемых в Твиттере, в режиме реального времени. Теперь он поддерживается как микросайт для Emojipedia.

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

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

5. Эльф сам (OfficeMax)

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

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

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

6. Голубое сердце (Патагония)

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

В отличие от большинства других микросайтов, веб-сайт Blue Heart не содержит заметных CTA, направляющих посетителей на основной веб-сайт Patagonia. Вместо этого он полностью фокусируется на истории, рассказываемой с помощью различных элементов: короткометражного фильма, статей и интерактивной карты.

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

7. Внутри CHANEL (Шанель)

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

Цель? «Стратегия этого микросайта заключается в том, чтобы сделать доступной информацию об истории Chanel, но, что более важно, об их многолетнем успехе», — объясняет Далия Струм, президент Dalia Inc.

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

Этот сайт — не первая попытка Chanel создать микросайт. На самом деле, бренд экспериментировал с несколькими форматами микросайтов, включая сайт Chanel News в редакционном стиле.

8. Музей Xbox (Майкрософт)

Чтобы отпраздновать 20-летие своего бренда Xbox, Microsoft запустила микросайт Xbox Museum, виртуальный тур по своим различным консолям на протяжении многих лет.

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

Это уникальный и подходящий способ отпраздновать такую ​​важную веху для бизнеса, а также способ вызвать ностальгию давних поклонников и интерес новых.

9. Жизнь дома (Икеа)

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

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

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

10. Космический корабль НАСА (НАСА)

Давайте будем честными, космические корабли, пожалуй, самая крутая вещь на свете, и НАСА знает об этом. Вот почему они запустили (каламбур) этот микросайт: чтобы каталогизировать все его спутники, начиная с его первого в 1960 году и заканчивая самым последним запуском, космическим телескопом Джеймса Уэбба.

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

11. Фермерский рынок Чипотле (Chipotle)

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

Chipotle Farmers Market — это микросайт, на котором перечислены некоторые поставщики компании и есть ссылки на их веб-сайты, где вы можете напрямую приобрести их продукцию. Сайт также является средством рекламы программы Seed Grants, которая дает 5000 долларов 50 фермерам в возрасте до 40 лет.

Микросайт против веб-сайта

Хотя микросайты часто являются их собственными веб-сайтами, есть несколько вещей, которые отличают их от того, что мы обычно называем веб-сайтами.

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

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

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

Микросайт против целевой страницы

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

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

Микросайты: маленькие, но мощные

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

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

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