AI 실무 활용

병원 랜딩페이지 제작 방식을 코드 기반으로 전면 개편한 이유

2026.06.10 13:00
45
0
1
  • 한눈에 보는 핵심요약
  • 이미지형 랜딩페이지의 한계를 넘어 유저의 행동과 전환 경험을 능동적으로 설계하고자 코드 기반 UI 모듈 구조로 전면 개편했습니다. 이를 통해 구성 요소별 빠른 가설 실험과 행동 데이터 검증이 가능해졌습니다




병원 마케팅에서 랜딩페이지는 단순한 소개 페이지가 아닙니다. 환자가 광고를 보고 들어와 정보를 읽고, 자신에게 필요한 내용인지 판단하고, 상담이나 문의 같은 다음 행동을 결정하는 공간입니다.

그래서 랜딩페이지는 보기 좋은 것만으로 충분하지 않습니다. 환자가 어떤 흐름에서 정보를 이해하는지, 어느 지점에서 신뢰를 느끼는지, 언제 문의 행동으로 넘어갈 수 있는지까지 함께 설계되어야 합니다.

메디하이 디자인팀이 코드 기반 랜딩페이지를 시작한 이유도 여기에 있습니다. 기존 이미지형 랜딩으로는 제공하기 어려웠던, 더 능동적이고 폭넓은 유저경험을 설계하고 실제 랜딩페이지에 반영하기 위해서였습니다.


1. 이미지형 병원 랜딩페이지로는 설계하기 어려웠던 것들

메디하이 디자인팀은 이미지형 랜딩을 통해 히트맵 이탈 구간을 확인하고, 리디자인과 A/B 테스트를 반복하며 성과를 개선해왔습니다.

하지만, 이러한 랜딩페이지로 성과 개선을 하기에는 분명한 한계가 있었습니다. 유저가 콘텐츠를 읽고 내려가는 수동적인 경험 중심으로 설계될 수밖에 없다는 점이었습니다.

카피를 바꾸고 이미지를 수정하며 개선할 수는 있었지만, 유저가 더 능동적으로 행동할 수 있는 경험 자체를 설계하기에는 한계가 있었습니다.

예를 들어, 유저가 어느 스크롤 위치에 있든 상담 버튼을 자연스럽게 노출하거나, 특정 섹션에서 다른 행동을 유도하거나, 유저의 반응을 바탕으로 다음 경험을 제공하는 구조를 폭넓게 설계하기에는 구조적 제한이 있었습니다.


2. 코드 기반 병원 랜딩페이지가 바꾼 고객경험 설계

메디하이는 이 한계를 줄이기 위해 랜딩페이지 제작 방식을 코드 기반으로 확장했습니다. 전체를 하나의 이미지로 만드는 방식이 아니라, 텍스트·CTA·섹션·이미지 에셋·인터랙션 요소를 각각 분리하고, 이를 코드 기반 UI 모듈로 조립하는 방식입니다.

랜딩페이지를 하나의 큰 이미지가 아닌 유저 행동을 설계하고 개선할 수 있는 작은 단위의 구조로 나누기 시작한 것입니다.

이 변화는 병원랜딩페이지의 제작 기술을 전환했다는 의미를 넘어 디자인팀이 랜딩페이지를 바라보는 관점이 확장되었다는 뜻이기도 합니다.

기존에도 디자인팀은 성과를 개선하기 위해 일해왔습니다. 그런데 이제는 이미지 리디자인의 범위를 넘어, 유저가 어떤 행동을 하게 만들지, 어떤 흐름에서 상담으로 이어질지, 어떤 상호작용이 전환 경험을 더 자연스럽게 만들지까지 고려하며 일하고 있습니다.


3. 코드 기반 병원 랜딩페이지가 만든 변화

메디하이 디자인팀은 코드 기반 병원 랜딩페이지를 접목한 이후, 여러 변화를 체감하고 있다고 밝혔습니다.

그 핵심은 유저가 필요한 순간에 다음 행동으로 자연스럽게 넘어갈 수 있도록 경험을 설계하고, 그 반응을 데이터로 확인해 다음 개선에 반영할 수 있다는 점이라고 합니다.

변화 기존 이미지형 랜딩페이지 코드 기반 랜딩페이지
유저경험 읽고 내려가는 수동적 경험 중심 CTA·섹션·인터랙션을 통해 행동 유도 가능
행동 데이터 스크롤 흐름 중심으로 확인 섹션 도달·CTA 반응·폼 진입 등 구조적 확인 가능
개선 속도 이미지 수정과 재적용 과정 필요 카피·CTA·섹션 모듈 단위로 더 빠른 실험 가능
디자인 역할 리디자인·시각 강조 중심 개선 유저 행동과 전환 경험까지 설계 가능

특히 기존 랜딩페이지에서 구현이 어려웠던 하단 고정 CTA(Sticky CTA), 단계형 섹션, 행동 기반 CTA들을 실제 랜딩페이지 안에 적용하여 꾸준한 실험을 할 수 있게 되었다고 말합니다.


4. 실제 테스트에서 확인한 가능성

디자인팀과 마케팅팀은 일부 랜딩페이지 테스트를 통해 코드 기반 구조의 가능성을 확인했습니다.

진료 과목 기존 이미지형 랜딩전환율(CVR) 코드 기반 랜딩전환율(CVR) 결과
A항목 3.6% 5.8% 약 60%대 개선
B항목 1.9% 3.4% 약 79% 개선

다만 이 결과를 ‘코드 기반이기 때문에 전환율이 올랐다’고 단정할 수 없으며, 카피, 섹션 구성, CTA 위치, 광고 소재, 유입 타겟, 폼 흐름 등 여러 요소가 함께 작동한 결과라고 말씀드릴 수 있겠습니다.

그럼에도 코드 기반 구조가 중요한 이유는 분명합니다. 성과가 낮을 때 무엇을 바꿔볼지 더 빠르게 판단하고, 가설을 더 빠르게 적용하고, 그 결과를 다시 데이터로 확인할 수 있기 때문입니다.


마무리하며

병원 랜딩페이지의 구조를 코드 기반으로 바꾸는 것은 환자가 병원을 만나는 디지털 경험을 더 잘 설계하고, 그 경험이 실제 성과로 이어지는지 더 빠르게 확인하기 위한 변화입니다.

메디하이 디자인팀은 앞으로도 환자가 더 쉽게 이해하고, 더 자연스럽게 행동할 수 있는 경험을 만들고, 그 경험이 실제 성과로 이어지는지 데이터로 확인해 나가고자 합니다.

성과를 개선하는 디자인에서 유저 행동을 설계하는 경험으로. 코드 기반 랜딩페이지는 그 변화를 가능하게 하는 중요한 기반입니다.


 

#병원마케팅 #의료광고 #랜딩페이지
이 글에 대한 의견을 남겨주세요!
서로의 생각을 공유할수록 인사이트가 커집니다.
광고

    추천 콘텐츠

    관련 콘텐츠가 없습니다.