본문으로 건너뛰기

아임의원

7개 언어로 열리는 의료기관 웹사이트

한국어를 포함한 7개 언어를 지원해, 국내 환자와 해외 환자가 같은 수준의 정보를 얻도록 만든 의료기관 웹사이트입니다.

업종
의료
사이트 유형
의료기관 웹사이트
메인 컬러
#833CA3
im-clinic.co.kr
아임의원 프로젝트 화면
아임의원 프로젝트 화면
아임의원 프로젝트 모바일 화면
아임의원 프로젝트 모바일 화면

프로젝트 개요

어떤 회사가 누구를 위해 무엇이 필요했고, 웹피터가 무엇을 만들었는지.

고객사

국내 환자와 해외 환자를 함께 받는 의원으로, 한국어를 포함해 일곱 개 언어로 운영합니다.

주요 방문자

내원을 앞둔 국내 환자와, 한국 의료를 검색으로 찾는 해외 환자.

필요했던 것

  • 언어를 바꿔도 정보 깊이가 얕아지지 않을 것
  • 의료광고 규정 안에서 신뢰 만들기
  • 의료진·시그니처 정보 정리
  • 상담까지의 경로 단축

웹피터가 한 일

  • 7개 언어 다국어
  • 의료 콘텐츠 구조
  • 의료진·시그니처
  • 상담 전환 설계
  • 반응형

디자인 컨셉

화면의 방향과 색, 글꼴을 이렇게 정한 이유.

일곱 개 언어가 같은 골격을 채우게 한다

철학·의료진·시그니처·오시는 길이라는 공통 골격을 먼저 정의하고, 일곱 개 언어가 같은 골격을 채우도록 했습니다. 본문만 번역하면 언어마다 콘텐츠의 양과 깊이가 어긋나고, 결국 특정 언어 사용자는 얕은 사이트를 보게 됩니다.

컬러 시스템

  • 배경#FFFFFF
  • 메인 컬러#833CA3
  • 포인트 컬러#3A7D8C
  • 본문 · 헤드라인#010101

흰 바탕을 유지하고, 퍼플과 틸은 언어 전환·상담처럼 누르는 자리에만 씁니다. 의료기관 화면에서 색이 많아지면 규정 안에서 어렵게 쌓은 신뢰가 먼저 흔들립니다.

타이포그래피

헤드라인
Noto Sans KR

제작 방식과 구성

무엇으로 만들었고, 사이트를 어떻게 나눴는지.

적용한 구현 요소

  • 다국어(7개 언어)
  • 콘텐츠 구조 설계
  • 상담 전환

사이트 구성

실제 사이트의 주요 메뉴입니다.

메인
  1. 아임의철학
  2. About
  3. 의료진 소개
  4. 시그니처
  5. 오시는 길

설계 노하우

풀어야 했던 문제와 웹피터의 결정, 그리고 이 프로젝트에서 얻은 것.

풀어야 했던 문제

국문과 영문의 정보구조 정리

언어를 추가할 때 본문만 번역하면 언어별로 콘텐츠 양과 깊이가 어긋나고, 결국 특정 언어 사용자는 얕은 사이트를 보게 됩니다.

웹피터의 결정

언어를 콘텐츠 구조의 축으로 둔다

철학·의료진·시그니처·오시는 길이라는 공통 골격을 먼저 정의하고, 각 언어가 같은 골격을 채우도록 했습니다. 표현은 의료광고 규정을 고려한 서술 범위 안에서 정리했습니다.

웹피터 인사이트
다국어 사이트는 번역에서 시작하지 않습니다. 모든 언어가 같은 골격을 채우게 해야 어느 언어로 들어와도 같은 깊이의 정보를 만납니다.

의료기관 웹사이트

이 사례 같은 사이트,
우리 회사에도 필요하다면

업종과 목적에 맞는 구조부터 함께 정합니다. 지금 사이트 상황을 남겨 주시면 영업일 1일 이내에 회신합니다.

  • 영업일 1일 이내 회신
  • 표준 제작 기간 5~8주
  • 소스코드·디자인 원본 인계
전체 포트폴리오