우리가 본 최고의 마이크로사이트 사례 11가지

게시 됨: 2022-04-28

그들은 가장 좋은 것이 종종 작은 패키지로 나온다고 말합니다. 생각해 보십시오. 보석, 책, 새 차 열쇠 … 이 모든 것이 이 개념을 뒷받침합니다. 그리고 우리의 관심 범위가 금붕어의 관심 범위 아래로 줄어들면서 더 작은 규모에서 더 집중된 콘텐츠를 갈망하는 것도 놀라운 일이 아닙니다.

여기에서 마이크로사이트가 작동합니다. 일반 웹사이트와 달리 마이크로사이트는 단순하고 탐색하기 쉬운 경향이 있습니다. 이것은 그들이 잠시 동안 주위를 찌르고 싶지 않게 만들 것이라는 말은 아닙니다. 사실, 정말 위대한 사람들은 그렇게 합니다. 이 게시물에서는 작동 중인 마이크로사이트의 훌륭한 디자인 예를 보여 드리겠습니다.

HubSpot의 테마 마켓플레이스에서 수백 개의 웹사이트 템플릿에 액세스

마이크로사이트란?

마이크로사이트는 회사의 제품, 서비스, 캠페인 또는 이벤트를 홍보하기 위해 만들어진 웹 페이지 또는 작은 웹사이트입니다. 마이크로사이트는 일반적으로 기본 회사 웹사이트와 다른 도메인 또는 하위 도메인을 사용하고 기본 웹사이트로 다시 연결되는 링크를 포함하지만 브랜드에 대해 별도의 엔티티 역할을 합니다.

마이크로사이트는 브랜드가 여러 가지를 달성하는 데 도움이 될 수 있습니다. HubSpot 제품 관리자 Alex Girard는 다음과 같이 말했습니다. “웹사이트를 사용하여 구매자 여정의 다양한 순간에 대한 디지털 경험을 만들 수 있습니다. 방문자를 리드로 전환하기 위해 기업 '.com' 웹사이트일 필요는 없습니다. 전체 고객 여정에 걸쳐 디지털 경험을 구축할 수 있습니다.”

예를 들어 많은 회사에서 특정 캠페인을 강조하거나 특정 구매자 페르소나를 타겟팅하는 데 사용합니다. 다른 사람들은 단편 소설을 전하거나 새로운 유형의 브랜드 콘텐츠를 실험하거나 새로운 지역으로 전파하는 데 사용합니다. 큰 행사가 다가오면 회사는 인지도를 높이고 가입을 촉진하기 위해 마이크로사이트를 시작할 수 있습니다.

이유가 무엇이든 마이크로사이트의 목표는 방문자를 특정 메시지로 참여시키고 관심을 불러일으키며 비즈니스 제안으로 끌어들이는 것입니다.

1. 웹사이트 그레이더(HubSpot)

HubSpot 웹사이트 그레이더는 무료로 웹사이트를 개선할 수 있는 마이크로사이트입니다. 사이트의 URL과 이메일 주소를 붙여넣으면 웹사이트 그레이더가 Google Lighthouse의 자동 평가 시스템을 활용하여 웹사이트에 등급을 지정합니다.

microsite examples: hubspot website grader homepage

웹사이트 그레이더는 성능(웹사이트 속도), SEO, 모바일, 보안 등 4가지 핵심 요소를 기반으로 점수를 계산하며, 각 요소는 고유한 점수를 받습니다. 각 요소에 대해 웹사이트 그레이더는 사이트의 등급을 분류하고 개선할 영역을 제안합니다.

마이크로사이트 예시: 웹사이트 채점자 점수 페이지

웹사이트 그레이더는 제안과 함께 방문자를 웹사이트 등급을 높이는 HubSpot Academy 과정으로 안내합니다. 사용자가 추가 지침이 필요한 경우 평가 페이지에서 여러 CTA 중 하나를 클릭하여 과정을 수강할 수 있습니다.

2. 함께 듣기 (스포티파이)

Spotify는 마이크로사이트를 만드는 방법을 알고 있습니다. 매우 인기 있는 Spotify Wrapped 시리즈는 마이크로사이트로 시작하여 모바일 앱의 기능이 되었습니다. 2020년에 스트리밍 플랫폼은 Listening Together 캠페인을 지원하기 위해 새로운 마이크로사이트를 도입했습니다.

마이크로사이트 예시: 스포티파이 함께 듣기 홈페이지

마이크로사이트에는 핀으로 덮인 회전하는 3차원 지구의 지도가 있습니다. 각 핀 쌍은 같은 순간에 같은 트랙에서 재생을 누르는 두 명의 사용자를 나타냅니다. 핀을 클릭하면 재생 중인 노래를 들을 수 있으므로 이 마이크로사이트는 새로운 음악을 발견하는 수단이 됩니다.

microsite examples: spotify listening together page

전반적으로 Spotify와 같은 브랜드만이 해낼 수 있는 일종의 마이크로사이트로, 음악이 우리를 하나로 묶는 방법에 대한 영리하고 가슴 훈훈한 알림입니다.

3. 내 크리에이티브 유형(Adobe)

Adobe의 소프트웨어 제품군에는 시각적 크리에이티브를 위한 몇 가지 이상의 업계 표준 도구가 포함되어 있습니다. 잘 알려진 도구 외에도 Adobe 성공의 큰 원동력은 마케팅을 통해 고객과 조화를 이루는 브랜드의 능력입니다. 마이크로사이트 My Creative Type이 대표적인 예입니다.

microsite examples: adobe creative types homepage

이 마이크로사이트에서 방문자는 자신의 "창의적 성격"을 결정하기 위해 짧은 설문지를 작성합니다. 15개의 질문은 당신의 생각, 행동 및 전망을 평가하며, 각각의 질문에는 당신이 제공하는 답변에 대한 재미있는 비유가 나옵니다.

microsite examples: adobe creative types question page

마지막에는 8가지 창의적 유형 중 하나(저는 "메이커"가 있습니다)와 강점, 잠재력, 동기 및 창의적 목표 추구를 위한 조언에 대한 설명이 제공됩니다. 그런 다음 유형을 다운로드하거나 소셜 미디어에서 공유할 수 있습니다.

microsite examples: adobe creative types results page

이 모든 것이 경험적으로 얼마나 타당한지 완전히 명확하지 않지만, 여전히 새로운 지망생을 끌어들이는 재미있는 방법입니다.

4. 이모티콘 추적기(Emojipedia)

emojitracker.com에는 "요점"이 없습니다. Flickr 및 Bitly의 전 제품 책임자인 Matthew Rothenberg가 Twitter에서 사용되는 모든 이모티콘을 실시간으로 추적하기 위한 실험으로 만들었습니다. 이제 Emojipedia의 마이크로 사이트로 유지 관리됩니다.

microsite examples: emoji tracker page

사이트의 유일한 클릭 유도문안은 맨 아래에 있는 일부 발신 링크입니다. 그렇지 않으면 순수한 관심을 위한 것입니다. 탐색 모음이나 다른 사이트로 이동할 수 있는 방법이 없으면 실제로 일부 방문자에게 혼란을 줄 수 있습니다.

Emojipedia는 사용자 인터페이스 디자인의 몇 가지 규칙을 깨뜨릴 수 있지만 마이크로사이트는 복잡한 디자인을 가질 필요가 없으며 멋진 아이디어가 당신을 꽤 멀리 데려갈 수 있음을 보여줍니다. 너무 많은 시간을 들이지 않고도 사람들이 페이지에 머물 수 있도록 간단하게 만드십시오.

5. 엘프 유어셀프(오피스맥스)

아마도 역사상 가장 성공적인 마이크로사이트인 Elf Yourself를 언급하지 않고 마이크로사이트에 대해 쓸 수 없다는 것이 규칙이라고 생각합니다. 휴가철이 오면 Elf Yourself가 사라지지 않기 때문에 받은 편지함이 애니메이션으로 가득 차게 될 것입니다.

microsite examples: elf yourself homepage

처음에 사이트가 그렇게 인기를 끌게 된 이유는 무엇입니까? 재미있네요. 게다가 콘텐츠는 쉽게 공유할 수 있고 웹사이트는 사용하기 간편하며 사용자를 스타로 만듭니다. 이것이 기업 후원 사이트라는 것을 거의 모를 것입니다.

OfficeMax는 마이크로사이트를 사용하여 창의적이고 기이한 깃발을 날렸고 실제로 해냈습니다. 회사는 캠페인을 브랜드가 아닌 소비자에게 초점을 맞추었지만 판매 제휴는 쿠폰 및 프로모션의 형태로 Elf Yourself 비디오의 마지막 부분에서 이루어졌습니다.

6. 블루하트(파타고니아)

Patagonia는 최고 수준의 고객 경험을 제공할 뿐만 아니라 옹호 활동에서 그 이상을 제공하는 몇 안 되는 뛰어난 브랜드 중 하나입니다. Farm League와 협력하여 회사는 발칸 지역의 수력 발전 댐으로 인한 환경 피해에 대한 주의를 환기시키기 위해 마이크로사이트를 만들었습니다.

microsite examples: patagonia blue heart homepage

대부분의 다른 마이크로사이트와 달리 Blue Heart 웹사이트에는 방문자를 Patagonia 웹사이트로 안내하는 눈에 띄는 CTA가 없습니다. 대신 단편 영화, 기사, 대화형 지도와 같은 다양한 요소를 사용하여 이야기에 완전히 집중합니다.

마이크로사이트 예시: 파타고니아 블루하트 정보 페이지

브랜드에서 이 정도 품질의 마이크로사이트를 게시하는 것은 드뭅니다. Blue Heart는 비즈니스가 더 큰 사명을 수행할 수 있도록 리드를 생성하는 것 이상의 사명을 가진 매력적이고 시각적으로 풍부한 경험을 제공합니다.

7. 내부 CHANEL(샤넬)

샤넬 내부에는 방문자에게 회사의 역사와 유산에 대해 교육하기 위해 멀티미디어를 활용하는 마이크로사이트가 있습니다. 이 사이트에는 이 상징적인 패션 브랜드의 지속적인 성공에 기여한 사람, 장소, 항목 및 이벤트를 연대기적으로 기록한 짧은 소셜 비디오가 많이 있습니다.

microsite examples: inside chanel homepage

목적? Dalia Inc의 사장인 Dalia Strum은 "이 마이크로사이트의 전략은 샤넬의 역사에 대한 접근성을 높이는 것입니다. 그러나 더 중요한 것은 몇 년 동안의 성공에 대한 것입니다."라고 설명합니다.

우리는 시각적 스토리텔링에 대한 비디오 중심 접근 방식을 좋아합니다. 각 비디오는 커튼을 뒤로 젖히고 색상, 꾸뛰르 등 브랜드의 다양한 측면과 관련된 비하인드 사진과 이야기를 독점적으로 보여줍니다.

microsite examples: inside chanel article page

이 사이트는 샤넬이 마이크로사이트를 만든 첫 번째 시도가 아닙니다. 실제로 이 브랜드는 사설 사이트인 샤넬 뉴스를 포함하여 여러 마이크로사이트 형식을 실험했습니다.

8. Xbox 박물관(마이크로소프트)

Xbox 브랜드 20주년을 축하하기 위해 Microsoft는 수년에 걸쳐 다양한 콘솔을 가상으로 둘러보는 마이크로사이트 Xbox 박물관을 시작했습니다.

마이크로사이트의 예: 20년 간의 Xbox 홈페이지

콘텐츠가 풍부한 이 사이트는 콘솔 출시, 디자인 계획, 게임 출시 등을 포함하여 Xbox 역사상 중요한 이벤트를 중심으로 구축되었습니다. 각 이벤트를 표시하는 기사를 방문하여 가상 타임라인을 탐색하는 캐릭터로 플레이합니다.

microsite examples: the museum of xbox interface

이것은 비즈니스의 거대한 이정표를 축하하는 독특하고 적절한 방법이자 오랜 팬의 향수와 새로운 팬의 관심을 포착하는 방법입니다.

9. 집에서의 생활(Ikea)

2020년과 2021년은 우리가 시간을 보내는 장소와 방식에 큰 변화를 가져왔습니다. 정신 건강과 생활 공간의 교차점을 조명하기 위해 Ikea는 독창적인 연구와 집에서 더 행복해지는 방법에 대한 마이크로사이트를 게시했습니다.

microsite examples: life at home ikea homepage

보고서 전반에 걸쳐 독자들은 COVID-19 팬데믹 기간 동안 정신 건강, 가족 및 지역 사회가 어떻게 변했는지 배웁니다. 그들은 우리의 정신적 웰빙에서 편안한 생활 공간과 강한 관계의 역할을 강조합니다. 다른 멋진 요소로는 지도 시각화, 비디오 및 독자에게 제기되는 짧은 질문이 있습니다.

microsite examples: a statistic displayed on the ikea life at home microsite

Ikea의 마이크로사이트는 안전한 생활 공간과 건강한 관계의 중요성을 브랜드와 전문적으로 연결하여 방문자의 마음에 긍정적인 연상을 형성하고 구매에 더 가깝게 만듭니다.

10. NASA 우주선(NASA)

솔직히 말해서 우주선은 아마도 역사상 가장 멋진 것일 것이고 NASA는 이것을 알고 있습니다. 그것이 그들이 이 마이크로사이트를 시작한 이유입니다(말장난 의도). 1960년 최초의 위성부터 가장 최근의 발사인 James Webb Space Telescope까지 모든 위성의 목록을 작성하기 위해.

microsite examples: nasa spacecraft homepage

각 우주선에는 간단한 설명과 함께 회전하고 다양한 각도에서 볼 수 있는 자체 3차원 시각화가 있습니다. 우주 연구 및 탐사에 대한 어린이(또는 성인)의 관심을 다시 불러일으키기에 충분합니다.

11. 치폴레 파머스 마켓(Chipotle Farmers Market)

패스트 캐주얼 다이닝이 가장 좋아하는 Chipotle는 재료가 가족 농장에서 지속 가능하고 윤리적으로 공급된다는 사실을 알기를 원하므로 이를 지원하기 위한 마이크로사이트를 시작했습니다.

microsite examples: chipotle farmers market homepage

Chipotle Farmers Market은 회사의 일부 공급업체를 나열하고 제품을 직접 구매할 수 있는 웹사이트 링크를 제공하는 마이크로사이트입니다. 이 사이트는 또한 40세 미만의 농부 50명에게 5,000달러를 제공하는 종자 보조금 프로그램을 광고하는 수단이기도 합니다.

microsite examples: chipotle farmers market team page

마이크로사이트 대 웹사이트

마이크로사이트는 종종 자체 웹사이트이지만 우리가 일반적으로 웹사이트라고 부르는 것과 구별되는 몇 가지 사항이 있습니다.

웹사이트와 마이크로사이트의 주요 차이점은 목적입니다. 조직의 웹사이트는 종종 제품이나 서비스를 설명하고 가치와 사명을 공유하고 제품을 판매하는 등 많은 일을 합니다. 방문자, 리드 및 고객이 귀하와 함께 배우거나 비즈니스를 수행하는 주요 장소입니다. 또한 전환을 유도하고 방문자의 구매를 유도하기 위해 구축되었을 수도 있습니다.

반면에 마이크로사이트는 여러 가지 이유로 만들어질 수 있습니다. Girard가 설명하는 것처럼 마이크로사이트는 "회사의 회사 웹사이트와 분리된 소규모 웹사이트로, 이를 통해 마케팅 담당자가 신속하게 콘텐츠를 구축하고 특정 이니셔티브의 성공에 대해 보고할 수 있습니다." 이 이니셔티브는 캠페인, 제품 출시, 이벤트 또는 현재 및 잠재 고객을 끌어들이는 다른 방법이 될 수 있습니다. 그러나 모든 마이크로사이트는 일반적으로 브랜드 인지도 또는 전환에 중점을 둡니다. 또한 일반적으로 기본 웹 사이트와 다른 도메인 또는 하위 도메인을 차지합니다.

또한 이름에서 알 수 있듯이 마이크로사이트는 일반적으로 전체 회사 웹사이트보다 작습니다. 예제에서 보았듯이 마이크로사이트의 크기는 한 페이지에서 여러 페이지까지 다양할 수 있지만 거의 항상 관련된 기본 웹사이트보다 페이지 수가 적습니다.

마이크로사이트와 방문 페이지

마이크로사이트와 마찬가지로 방문 페이지는 마케팅 활동과 관련된 특정 목표에 초점을 맞춥니다. 그러나 랜딩 페이지는 웹사이트가 아닙니다. 방문자에게 오퍼링에 대해 알리고 전환을 유도하기 위한 웹사이트 내의 단일 웹페이지입니다.

방문 페이지는 방문자가 리드 생성에 집중할 수 있도록 최소한의 디자인을 특징으로 하지만 마이크로사이트는 탐색과 참여를 권장합니다. 마이크로사이트는 사람과 브랜드 간의 긍정적인 연결을 구축하는 것을 목표로 하므로 방문자는 나중에 전환할 가능성이 높아집니다.

마이크로사이트: 작지만 강력한

적어도 웹사이트와 관련하여 회사는 위험을 감수하는 것을 좋아하지 않습니다. 목표는 방문자가 방문에서 전환까지 최대한 원활하고 빠르게 구매하도록 유도하는 것입니다. 이것이 기업이 디자인과 사용자 경험에 많은 리소스를 소비하는 이유입니다.

그러나 마이크로사이트는 회사의 주요 웹사이트가 아닙니다. 그게 요점입니다. 결과적으로 그들은 인터넷에서 가장 멋진 프로젝트 중 일부입니다. 마이크로사이트는 새로운 콘텐츠를 실험하고, 독특한 메시지를 홍보하고, 색다른 일을 하고, 가장 중요한 것은 방문자를 위한 가치를 창출할 수 있는 기회입니다.

편집자 주: 이 게시물은 원래 2016년 3월에 게시되었으며 포괄성을 위해 업데이트되었습니다.

새로운 클릭 유도문안