의료 홈페이지 디자인, 글로벌 제약회사 제작사례(바이오,의료기기,의학,다국어)

홈페이지 제작 전문가 칼럼

안녕하세요, 홈페이지 디자인 전문 웹에이전시 그로스코드입니다.

오늘은 의료 홈페이지 디자인 사례를 소개해 드리려 합니다.

이번 사례를 통해 그로스코드가 의뢰사 니즈를 바탕으로 기획을 진행한 과정을 보실 수 있습니다.

또한 홈페이지, 쇼핑몰 제작을 계획하는 분들이라면 사이트 컨셉 정의에 대한 인사이트도 얻어가실 수 있을 것입니다.

소개해 드릴 회사는 히알루론산 필러 전문 글로벌 기업이며, 영문 사이트로 제작되었습니다.

기존 홈페이지의 노후된 디자인과 브랜드 이미지 개선을 목표로 한 리뉴얼 프로젝트였는데요.

'제품 컨셉에 맞는 브랜드 이미지 개선과 고급스러움을 표현한 홈페이지'가 고객의 니즈였습니다.

웹에이전시의 주요 역할 중 하나는 고객 니즈를 반영한 '명확한 컨셉 정립과 디자인 고도화'입니다.

그것을 가능케 하기 위해서는 페르소나 설정이 중요한데요.

페르소나란, 제품 또는 서비를 사용하기 위해 홈페이지에 방문하는 사용자 조사를 기반으로 만든 가상의 캐릭터입니다.

고객사의 페르소나는 "탄력있고 매끈한 피부를 갖길 원하는 20~30대 여성'입니다.

페르소나에 대해 좀 더 자세한 내용이 궁금한 분을 위해 다른 예를 들어보겠습니다.

업무 협업 프로그램을 판매하는 솔루션 기업의 사용자 페르소나 예시입니다.

- 김철수 과장

- 경력 5년차

- 기획팀 소속

- 34세 남성

기획팀 김과장은 유관부서와 협업하는 일이 많다.

업무 특성상 긴급하게 확인해야 하는 일들도 많다. 김과장은 메일과 메신저를 수시로 확인해야 한다.

인트라넷에 들어가 업데이트된 프로젝트 진행상황도 확인해야한다.

김과장은 매번 화면을 이동하여 각 채널을 확인하는 것이 번거롭다.

통합된 툴로 모든 정보들을 한눈에 볼 수 있으면 좋겠다.

이렇게 나이, 성별, 직군, 국적등 다양한 스펙트럼의 사용자 정보를 요약하여 가상의 캐릭터를 만듭니다.

이러한 접근을 통해 사용자의 불편사항, 니즈 , 행동등을 형상화 할 수 있습니다.

이것은 곧 홈페이지의 UI(디자인적 요소), UX(사용자 경험, 이동경로)의 설계로 이어지기에 페르소나 설정은 홈페이지, 쇼핑몰 제작에 있어 매우 중요합니다.

페이지에서 가장 중요한 첫 화면은 마치 뷰티 쇼핑몰, 모델 에이전시를 연상시키는 이미지로 구성했는데요.

이것 또한 페르소나를 기반으로 한 설계입니다.

아름다운 피부를 원하는 20~30대 여성이 타겟이기에, 제품을 통해 그것이 성취되었을때의 모습을 상상하도록 한것이죠.

더불어 의료 홈페이지 디자인에서 중요한 것은 방문자가 "무엇을 하는 회사"인지 명확히 인지 하는 것입니다.

때문에 좌측에 제품을 명확히 인지할 수 있는 카피와 설명을 배치하여,

모델 이미지의 고급스러움과 제품의 정체성이 융화될 수 있도록 구성했습니다.

보통 카피는 무조건 후킹(사용자를 낚는)되도록 기발하고 재밌어야 한다고 알고 있는 분도 있는데요.

그것은 브랜드 이미지와 목적이 고려되어야 합니다.

예를 들어, 대기업처럼 이미 가치가 증명된 브랜드 또는 해당 고객사와 같이 글로벌 B to B 기업인 경우는,

감성적인 카피, 또는 회사의 규모와 권위를 표현하는 카피가 어울리는 경우도 있기 때문이죠.

사이트 전체 컬러는 흑과 백의 조화를 이루는 톤앤매너를 유지하면서 세련미와 심플함을 강조했습니다.

또한 스크롤, 마우스 오버 모션 스크립트를 사용하여 사용자가 지루하지 않도록 입체감있게 페이지를 구성했습니다.

또한 가치 입증 요소중 하나인 before / after 이미지를 통해 제품 효과를 상상하게 만드는 섹션을 구성했습니다.

이번 글에서는 페르소나 설정하는 방법과 의료 홈페이지 디자인 사례에 대해 설명드렸습니다.

다른 제작사례가 궁금하신 분은 아래 링크를 참고해주세요.

물류운송회사 홈페이지 제작사례

투자기업 홈페이지 제작사례

그로스코드에 대해 더 궁금한 분들은 블로그 상단 홈페이지 아이콘을 클릭하시면 홈페이지로 이동됩니다.

감사합니다. :)

[도움되는 글]

홈페이지 제작, 실력있는 업체 고르는 노하우 4가지

홈페이지 제작비용, 4가지 필수 체크리스트

홈페이지 기획서, 6단계 필수 체크리스트

홈페이지 제작의뢰, 모르면 비용날리는 3가지

웹에이전시, 기업 담당자가 칭찬받는 업체 선택의 2가지 비법 홈페이지 리뉴얼, 제작비용만 날리는 회사들의 2가지 특징

목록

프로젝트 문의 →

COLUMNS

홈페이지 제작 문의하기

홈페이지 제작 문의하기