brunch

You can make anything
by writing

C.S.Lewis

by 량과장 Oct 06. 2024

목적에 부합하는 홈페이지를 설계하는 방법 3

캠페인형 홈페이지와 행사형 홈페이지

✅ 캠페인형 홈페이지 알아보기


캠페인형 홈페이지는 정해진 기간 동안 특정 목표를 달성하기 위해 설계되며 브랜드에 대한 인식 제고하거나 제품의 판매를 촉진, 사회적 이슈를 전달하고자 하는 목적으로 운영된다. 이러한 목적을 달성하기 위해서는 강력한 비주얼과 사용자 경험(UX)을 통해 고객의 참여를 유도해야 하는데, Gucci Equilibrium 홈페이지의 사례를 참고하면 한층 더 수월하게 캠페인형 홈페이지를 기획할 수 있다. Gucci Equilibrium 홈페이지에서 벤치마킹할 만한 요소들을 살펴보자.



1. 명확한 메시지와 효율적인 정보 구조


Gucci Equilibrium 홈페이지는 지속 가능성과 윤리적 패션을 강조하는 브랜드의 가치를 명확하게 전달한다. 특히 프로젝트 섹션에서는 환경 보호 프로젝트를 전면에 내세워, 구체적인 실행 계획과 성과 자료를 사용자에게 명확히 제공하고 있다. 각 프로젝트에서는 지속 가능성을 실천하기 위한 구체적인 목표와 이니셔티브를 설명함으로써 브랜드가 실질적으로 어떤 활동을 하고 있는지 보여준다.


일례로, ‘Gucci Off The Grid’ 프로젝트는 재활용 및 재생 가능한 소재를 활용한 제품 개발과 환경 보호를 위한 활동을 중점적으로 다룬다. 해당 섹션은 프로젝트의 주요 성과를 명확히 설명하며, 구찌가 환경 보호에 기여하는 방식을 시각적으로 보여준다.


Gucci Equilibrium의 'Gucci Off The Grid' 페이지



또한, Gucci Equilibrium은 각 페이지 내에서 환경 보호와 윤리적 패션에 대한 메시지를 일관되게 전개함과 동시에 사용자가 쉽게 이해할 수 있도록 정보를 구조화했다. 정보 전달 과정에서 혼란을 야기할 수 있는 요소를 줄여 이탈률을 최소화하고자 한 것이다. 홈페이지 상단에 지속 가능한 패션과 관련된 최신 뉴스와 이니셔티브를 배치한 것도 이러한 전략의 일환이라 볼 수 있다.


Gucci Equilibrium은 각 페이지에서 환경 보호에 대한 명확한 메시지를 제공하고, 브랜드 인식을 강화하여 사용자의 공감을 이끌어내고 있다. 불필요한 정보는 줄이고, 명확하게 정보를 구조화해 사용자가 캠페인 메시지에 쉽게 몰입할 수 있도록 홈페이지를 기획했기 때문에 목표를 성공적으로 달성할 수 있었다. 해당 사례를 참고해 명확한 정보 구조를 구성하고 일관된 메시지를 전달하면 사용자의 몰입도를 한층 더 강화하고 전환율을 높일 수 있다.



2. 인터랙티브 요소


Gucci는 Gucci Equilibrium 홈페이지를 기획할 때 사용자가 지속 가능성 관련 활동에 적극적으로 참여할 수 있도록 다양한 인터랙티브 요소를 적용했다. 이러한 기능들이 사용자에게 직접적인 행동을 유도하며, 브랜드와의 연계를 강화하는 중요한 역할을 할 수 있어서다.


예를 들어, Gucci Equilibrium 홈페이지에서는 게시글 유관 자료를 다운로드할 수 있다. 이러한 장치는 사용자에게 단순한 정보 제공 이상의 경험을 제공하며, 사용자가 지속 가능성이라는 핵심 메시지에 더욱 깊이 몰입할 수 있도록 돕는다. 인터랙티브 요소가 사용자의 참여를 극대화하고, 브랜드와 사용자의 정서적 연결을 강화하고, 브랜드에 대한 충성도를 높이는 데 기여할 수 있다는 의미다.


Gucci Equilibrium의 리포트 페이지


2019년 Accenture에서 발표한 <The Impact of Interactive Content on Customer Engagement> 연구에 따르면, 인터랙티브 콘텐츠를 제공하면 사용자 참여율이 70% 이상 증가한다고 밝혔다. 단순한 정보 전달을 넘어서, 사용자가 직접적인 참여와 상호작용을 통해 브랜드와 더 깊은 연결을 형성하게 된다는 것이다.


인터랙티브 요소는 캠페인형 홈페이지의 목표 달성에 필수적이다. 단순히 사용자에게 정보를 제공하는 것을 넘어, 사용자가 브랜드가 추구하는 가치를 구현하는 활동에 참여하도록 유도함으로써, 브랜드와 사용자 간의 강력한 연결고리를 만들 수 있다. 캠페인형 홈페이지를 설계할 때, Gucci의 사례처럼 인터랙티브 요소를 적극 활용하면 사용자의 참여율을 극대화하고, 브랜드 충성도를 높일 수 있다.



3. 브랜드 아이덴티티와 일관된 디자인


Gucci Equilibrium은 지속 가능성과 윤리적 패션을 시각적으로 강조하면서도, 브랜드 고유의 아이덴티티와 일관성을 유지한다. 해당 홈페이지는 구찌의 디자인 가이드, 색상, 타이포그래피를 활용해 사용자가 브랜드 철학과 가치를 명확하게 인식할 수 있도록 설계되었으며, 동시에 자연을 연상시키는 색상과 간결한 레이아웃을 통해 지속 가능성 메시지를 효과적으로 전달하고 있다.


또한, Gucci Equilibrium 홈페이지 내 프로젝트 섹션에서는 구체적인 환경 보호 프로젝트와 관련된 시각적 자료와 이미지가 브랜드의 미학과 조화를 이루며, 사용자가 지속 가능성에 대한 구찌의 진정성을 느낄 수 있도록 구성되어 있다. 예를 들어, ‘Gucci Off The Grid’ 프로젝트는 재생 가능한 소재를 사용한 제품의 개발과 환경 보호 이니셔티브를 시각적으로 강조함으로써, 사용자가 이 메시지를 직접 체험할 수 있도록 한다.


Gucci Equilibrium의 리포트 페이지


이 같은 시각적 일관성은 브랜드 아이덴티티와 캠페인의 주요 메시지를 자연스럽게 연결하여, 사용자가 지속 가능성을 향한 구찌의 노력을 인식할 뿐만 아니라, 브랜드 철학을 더욱 깊이 이해하게 돕는다.


Harvard Business Review에서 발표한 <The Power of Visual Consistency in Branding> 연구에 따르면, 시각적 일관성을 유지하게 되면 인지도가 30% 이상 증가할 수 있는 것으로 밝혀졌다. 이 연구는 브랜드가 시각적 일관성을 통해 사용자와의 신뢰와 정서적 연결을 강화할 수 있음을 보여준다.


Gucci는 시각적 일관성을 잘 유지하는 대표적인 브랜드다. 이러한 특징은 Gucci Equilibrium 홈페이지에서도 분명하게 드러난다. 캠페인형 홈페이지를 기획할 때, Gucci의 사례처럼 시각적 일관성을 바탕으로 캠페인의 주요 메시지와 브랜드 아이덴티티가 조화를 이루도록 구성하면 사용자로부터 신뢰와 관심을 이끌어낼 수 있을 것이다.



‘잘’ 만든 캠페인형 홈페이지는 명확한 메시지 전달, 사용자의 참여를 유도하는 인터랙티브 요소, 브랜드 아이덴티티와 일관된 디자인을 결합해 탄생한다. 이를 통해 브랜드는 전달하고자 하는 가치를 효과적으로 전달하고, 사용자 경험을 극대화할 수 있다. Gucci Equilibrium의 홈페이지는 이러한 핵심 요소들을 성공적으로 결합한 모범 사례로, 캠페인형 홈페이지를 기획할 때 참고할 만한 가치가 있다. 위에서 언급한 벤치마킹 포인트들을 적재적소에 활용하면 사용자 경험을 향상하고, 브랜드에 대한 신뢰와 충성도를 확실히 강화할 수 있다.




✅ 행사형 홈페이지 알아보기


행사형 홈페이지는 다른 유형의 홈페이지들과는 상이한 특성을 지닌다. 행사형 홈페이지는 특정 기간 동안 진행되는 행사, 프로모션 또는 캠페인을 중심으로 설계되기 때문에, 기업이나 제품보다는 행사에 대한 인지도를 높이고 참가자들의 적극적인 참여를 유도하는 데 초점을 맞추기 때문이다. 이러한 홈페이지는 주로 대규모 컨퍼런스, 제품 출시 행사, 기념일 이벤트 등에서 활용되며, 사용자의 관심을 끌고 참여도를 극대화해야 하기 때문에 시각적으로 매력적인 디자인과 직관적인 사용자 경험(UX)을 제공해야 한다.


행사형 홈페이지를 효과적으로 기획하기 위해서는 행사의 주요 특징과 메시지가 잘 조화되어야 하는데,   이를 성공적으로 구현한 예가 바로 Snowflake World Tour다. Snowflake World Tour에서 벤치마킹할 수 있는 요소들을 함께 살펴보자.



1. 직관적인 UI


Snowflake World Tour 홈페이지는 사용자들이 행사의 주요 정보를 빠르고 쉽게 탐색할 수 있도록 명확한 UI를 제공한다.


해당 홈페이지에는 아젠다, 장소, 세션 정보 등의 정보가 명확하게 구분되어 있으며, 행사 일정과 세션 주제가 깔끔하게 정리되어 있어 한눈에 필요한 정보를 파악할 수 있다. 등록 프로세스 역시 간편해 즉각적으로 원하는 행동을 할 수 있다. 이러한 UI는 행사형 홈페이지에서 사용자 경험(UX)을 극대화하는 핵심 요소 중 하나다.


Intechnic의 연구 <The Impact of UI/UX on Conversion Rates>에서는 잘 설계된 UI가 전환율을 최대 200%까지 증가시킬 수 있다는 결과가 도출됐다. Snowflake World Tour 홈페이지 역시 이러한 연구 결과와 일맥상통하는 전략을 취하고 있다. 직관적인 UI를 통해 최적의 사용자 경험을 제공함으로써 전환율을 높이는 것이다.

Snowflake World Tour 메인 페이지


행사형 홈페이지에서 직관적인 UI는 성공적인 모객을 위한 필수 요소로 자리 잡고 있는데, Snowflake World Tour 홈페이지는 UI 측면에서 탁월한 홈페이지 중 하나다. 행사형 홈페이지를 기획할 때 해당 예시를 참고해 카테고리를 명확히 분류하고 등록 프로세스를 간소화하면 전환율을 개선할 수 있을 것이다.



2. 시선을 끄는 CTA(Call to Action)


Snowflake World Tour 홈페이지의 CTA 버튼은 사용자들이 행사에 쉽게 등록하고, 중요한 행동을 즉시 취할 수 있도록 조력한다. Snowflake World Tour 홈페이지에서는 “Register Now”, “Find an event near you” 등의 버튼이 적용되어 있는데, 해당 버튼을 클릭하면 즉각적으로 행동을 취할 수 있다.


Snowflake World Tour 메인 페이지


또 하나, Snowflake World Tour 홈페이지에서 주목할 만한 포인트는 CTA 버튼의 디자인이다. Snowflake는 CTA 버튼 색상에는 일관성을 주되,  페이지 내 다른 요소와는 구분되는 퍼플 색상을 적용해 사용자가 쉽게 버튼을 인지할 수 있도록 설정했다. 사용자가 CTA를 보다 쉽게 인지하도록 함으로써 즉각적인 행동을 유도하고자 하는 의도에서다.


Kyrnin (2014)의 연구에 따르면, CTA 버튼을 눈에 띄는 위치에 배치할 경우, 전환율이 304% 증가한다는 결과가 드러났다. 해당 연구는 CTA 버튼의 주목도가 높을 때 전환율이 크게 향상된다는 점을 강조한다. Snowflake World Tour 홈페이지 역시 위의 룰을 반영하여 설계됐다. 홈페이지 상단에 CTA 버튼을 삽입하고 가시성 높은 컬러를 사용해 시선을 끌고자 하는 전략이다.


근래 행사형 홈페이지에서 CTA 버튼은 빠질 수 없는 요소로 주목받고 있다. 모객에 결정적인 역할을 하기 때문이다. 이러한 이유로 행사형 홈페이지를 기획하는 과정에서는 어떻게 하면 버튼이 눈에 띌지 고민해야 하는데, 이때 Snowflake World Tour의 사례를 참고하여 CTA의 위치나 색상을 조정하면 사용자의 즉각적인 등록을 유도할 수 있다.



3. 모바일 최적화 환경


Snowflake World Tour 홈페이지는 모바일 기기에서도 동일한 사용자 경험을 제공하기 위해 모바일 최적화 작업을 진행했다.


해당 홈페이지는 모바일 기기의 화면이나 크기나 해상도에 맞추어 세션 정보, 일정, 연사 소개 등을 쉽게 탐색할 수 있도록 설계되었으며, 사용자가 이동 중에도 필요한 정보를 손쉽게 확인하고 등록할 수 있도록 구성됐다. Snowflake World Tour 홈페이지처럼 기획 및 디자인 단계에서 모바일 최적화 작업을 진행하면 어디서든 행사에 참여할 수 있는 환경을 구현할 수 있다.


Snowflake World Tour 모바일 홈페이지


Nielsen Norman Group의 연구 <Mobile UX: Limitations and Strengths>에 의하면, 모바일에 최적화된 레이아웃은 사용자 경험을 74% 이상 개선시키고, 모바일 전환율을 최대 40%까지 증가시킬 수 있다고 한다. 해당 연구는 모바일 환경에서의 효율적인 레이아웃과 정보 배치가 사용자 참여와 전환율에 얼마나 중요한 영향을 미치는지 시사한다. Snowflake도 모바일 최적화 작업의 중요성을 인지하여 데스크톱과 모바일에서 동일한 사용자 경험을 제공하고 있다.


모바일 최적화는 이제 모든 행사에서 필수로 행해져야 할 작업으로 자리 잡았다고 해도 과언이 아닐 정도로 중요하게 여겨지고 있다. 행사형 홈페이지를 설계할 때 Snowflake처럼 모바일 친화적 레이아웃을 적용할 경우, 사용자에게 더욱 풍부한 경험을 제공할 수 있다.



행사형 홈페이지의 목적을 달성하고 싶다면 명확한 UI와 눈길을 사로잡는 CTA 버튼, 그리고 모바일 친화적인 환경을 구성해야 한다. 이러한 요소들이 홈페이지에 제대로 적용되었을 때 비로소 최적화된 사용자 경험을 제공할 수 있고, 결과적으로 참여를 유도할 수 있기 때문이다. Snowflake World Tour 홈페이지가 행사형 홈페이지에서 중요시되는 요소들을 반영해 제작된 홈페이지니만큼, 행사형 홈페이지를 제작할 때 위 벤치마킹 포인트들을 활용하면 더욱 효과적으로 모객을 할 수 있을 것이다.




앞서 설명했듯 홈페이지의 유형은 너무도 다양하다. 그렇기 때문에, 홈페이지 기획을 성공적으로 마무리하기 위해서는 초기에 설정한 목적과 타깃에 맞춰 모든 요소가 설계되어야 한다. UX 최적화와 전환율을 높이기 위해 충분한 고민을 거쳐야 사용자의 만족도가 높아지고, 기업이 목표를 달성할 가능성이 커진다. 이 점을 감안해, 성공적인 벤치마킹 사례들에서 각 유형에 맞는 구조와 기능을 적절히 차용하면 홈페이지의 성과를 극대화하기를 추천한다.

                    

이전 04화 목적에 부합하는 홈페이지를 설계하는 방법 2
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari