Top
medipress favicon 다크 / 라이트 모드

어두운 테마는 화면을 어둡게 해서 눈의 피로를 줄여줍니다. 검색 버튼 옆에 있는 다크 모드를 써보세요.

Loading...

MediPress가 제작하는 웹사이트 패키지를 살펴봅시다.

제작에 착수하기 앞서 각자의 병의원이 특화로 광고하고자 하는 클리닉의 상황 그리고 자신이 준비할 수 있는 컨텐츠의 수와 양을 최대한 객관적으로 파악한 후, 그에 맞는 타입의 패키지를 선택하시길 권합니다.
아래의 표는 웹사이트 제작 서비스 패키지에 대한 간략한 내용을 정리한 표이며, 그 아래에는 각 제작 패키지에 대한 설명이 좀 더 자세히 부연 설명되어 있습니다.

주석(아래 표와 내용에서 잘 모르는 단어에 대해 미리 주석으로 설명합니다)

  1. 테마: 웹사이트의 메뉴, 위젯 등이 표시되는 위치, 색상의 조성, 그리고 페이지와 포스트 등의 디자인 및 레이아웃을 포괄적으로 정의하는 것으로 워드프레스에서는 이를 테마(Theme)이라고 합니다. 블로그에서 스킨과 가깝지만 이보다는 좀 더 넓은 개념을 담고 있습니다.
  2. 템플릿: 워드프레스에서 관리자의 니즈에 맞게 이미지나 동영상, 텍스트 혹은 기타 요소를 첨가하면 쉽게 페이지나 포스트 등이 표현될 수 있게 미리 코딩으로 만들어 높은 웹페이지 파일을 의마힙니다.
  3. 404 템플릿: HTTP 표준 응답 규약에서 404 에러 메시지는 클라이언트(사용자)가 웹사이트가 있는 서버 컴퓨터와 통신을 할 수 있지만, 클라이언트가 요청한 내용이나 페이지를 찾을 수 없을 때 나타나는 메시지인데, 이 메시지를 표현해주는 페이지 템플릿을 말합니다. 아예 서버 컴퓨터가 연결되지 않는다는 의미는 아닙니다.
  4. 아카이브 템플릿(Archive template): 아카이브란 ‘분류소’, ‘저장소’의 의미인데, 어떤 포스트의 분류 종류, 예컨대 카테고리나 태그가 있다면 그 카테고리나 태그를 가진 포스트들을 디스플레이 해주는 페이지 템플릿을 의미합니다.
  5. 커스텀 포스트 타입(Custom post type): 워드프레스는 기본적으로 페이지와 포스트(글)라는 표현 양식을 기본적으로(default) 설치 순간부터 제공해 줍니다. 만약 이 외의 다른 양식으로 표현하고 싶다면, 개별적으로 그 양식을 생성해야 하고(customizing) 이 때 만든 양식을 총칭해서 커스텀 포스트 타입이라고 부릅니다. 일반적으로 병의원에서 많이 사용하는 커스텀 포스트 타입은 치료 사례나 후기 또는 이벤트가 여기에 해당합니다. 저희 MediPress에서 포트폴리오나 강좌 페이지 등은 모두 커스텀 포스트 타입이라고 할 수 있습니다. 이러한 커스텀 포스트 타입은 웹 디자이너(개발자)가 별도 코딩해서 워드프레스 템마 속에 포함시켜야 합니다.
기성 테마 보기
이코노믹 테마 보기
프리미엄 테마 보기
어드밴스드 테마 보기
기성 테마 보기
개요
기성 테마를 이용한 신속한 웹사이트
레이아웃
기성 테마 이용
템플릿
기성 테마에 따름
페이지 수
기성 테마의 페이지 수
요소와 기능들
기성 테마에 따름
반응성
반응형
모바일 UI
기성 테마에 따름
웹사이트 관리 등 원격 교육
있음
이코노믹 테마 보기
개요
페이지 위주의 심플한 병의원 소개 웹사이트
레이아웃
신규제작
템플릿
메인페이지 템플릿,
디폴트(상세) 페이지 템플릿,
404 템플릿
페이지 수
15 페이지까지
요소와 기능들
지도 서비스(네이버/카카오맵),
게시판,
컨택트폼(예약, 문의 메일 폼),
SNS 연동(카카오채널, 네이버톡톡)
반응성
반응형
모바일 UI
자체 모바일 디자인
웹사이트 관리 등 원격 교육
있음
프리미엄 테마 보기
개요
치료리뷰/블로그/이벤트를 포함한 고급형 웹사이트
레이아웃
신규 제작
템플릿
이코노믹 테마 (+)
블로그(포스트)/리뷰/이벤트 템플릿(중 하나),
검색 페이지 템플릿,
아카이브 템플릿,
로그인/회원가입(자체 템플릿)
페이지 수
25 페이지까지
요소와 기능들
이코노믹 테마 (+)
SNS 공유 서비스(페이스북, 트위터, 카톡),
메가메뉴
반응성
반응형
모바일 UI
자체 모바일 디자인
웹사이트 관리 등 원격 교육
있음
어드밴스드 테마 보기
개요
병원, 네트워크 의원에 적합한 최고급형 웹사이트
레이아웃
신규 제작
템플릿
프리미엄 테마 (+)
의료진 개별 페이지 템플릿,
모든 커스텀 포스트 타입 템플릿,
기타
페이지 수
40페이지까지
요소와 기능들
프리미엄 테마 (+)
라이브 서치,
다크/라이트 모드,
소셜 로그인(페이스북, 구글에 한함)
반응성
반응형
모바일 UI
별도 모바일 디자인
웹사이트 관리 등 원격 교육
있음

기성 테마

MediPress가 이미 제작완료한 웹사이트의 레이아웃을 그대로 이용해서 각자의 병의원 상황에 맞는 컨텐츠만 채우면 쉽게 홈페이지를 런칭할 수 있습니다. 컨텐츠(이미지, 텍스트, 동영상) 및 로고 등이 준비되어 있다면 길면 2주일 이내 나만의 홈페이지를 가질 수 있습니다.

기성 테마를 확인하시려면, 포트폴리오 페이지를 확인해주세요. 포트폴리오 페이지 바로가기

개요

기성 테마란, MediPress에서 이전에 제작한 웹사이트의 디자인과 기능을 포함한 패키지입니다.
기성의 테마를 이용한 웹사이트 제작에서, 의뢰인이 원하는 변경 가능한 부분들은 폰트, 색상, 로고, 이미지, 컨텐츠, 메뉴 등이며, 레이아웃(구조)의 변경, 추가는 불가능합니다.

변경 가능한 부분

홈페이지에서 사용되는 폰트, 배경색이나 글자색, 로고 이미지, 파비콘, 메뉴, 페이지, 포스트, 컨텐츠(텍스트, 이미지, 동영상 등)이 입니다.
이들 홈페이지 브랜드 컬러(Brand color)와 폰트의 선택 그리고 컨텐츠 준비 시 주의사항에 대해서는 별도의 제작 준비(가칭) 페이지에서 확인해 주세요.
간단히 폰트 및 컬러를 확인할 수 있는 링크는 오른쪽 컬럼에서 참조해 주세요.

변경 불가능한 부분

기존에 코딩하여 완성된 테마이므로, 부분적인 레이아웃(구조)의 위치 이동, 삭제 그리고 새로운 섹션이나 템플릿 또는 동적 요소(자바스크립트)의 추가 등은 불가함을 꼭 양지해 주세요.
레이아웃과 템플릿에 대한 용어(terminology)는 이 페이지 상단 주석 부분을 참조해주세요.

레이아웃

기성의 테마에는 이코노믹 테마(실속형), 프리미엄 테마(고급형), 어드밴스드 테마(최고급형)가 모두 해당합니다. 저희 MediPress에서는 수년간 주로 병의원 웹사이트를 제작하면 각 종류별 웹사이트를 제작 완료한 경험이 있습니다. 따라서 이 기성 테마의 레이아웃은 이러한 테마를 모두 포함합니다.

가장 마음에 드는 테마를 선택하세요.

어떻게 웹사이트를 디자인할 지 힘드시다면, 기성 테마를 사용해서 스트레스를 줄여보세요.
로고, 폰트, 색상, 콘텐츠 등만 바꾸게 되면 웹사이트는 깜쪽같이 완전 새로운 웹사이트가 됩니다!

저작권의 문제

걱정마세요!
그래픽 디자인, 웹 디자인은 기본적으로 제작자가 그 저작자가 됩니다. 따라서 텍스트와 이미지 등 컨텐츠만 다르다면 저작권의 이슈는 발생하지 않습니다. 물론 해당 웹사이트의 컨텐츠(의뢰인이 만든 텍스트와 이미지)는 그 저작권자가 의뢰인에게 귀속됩니다.

템플릿

어떤 기성의 테마를 이용하느냐에 따라 템플릿의 종류와 수는 달라집니다.
기성의 테마에서 각각 제작되는 템플릿의 종류를 확인하세요.
만약 어드밴스드 테마가 아닌 그 아래 단계의 테마로 웹사이트를 제작한 뒤 템플릿을 추가하실 때는 디자인과 기능의 난이도에 따라 10-20만원의 템플릿 코딩 비용이 추가됩니다.

기성의 이코노믹 테마를 이용하는 경우

메인페이지 템플릿, 디폴트(상세) 페이지 템플릿, 404 템플릿 정도만 해당합니다.
템플릿, 404 템플릿에 대해서는 이 페이지 위쪽에 주석에서 용어 정의를 참조해주세요.

기성의 프리미엄 테마를 이용하는 경우

이코노믹 테마에 사용되는 템플릿에 추가로 블로그(포스트)/리뷰/이벤트 템플릿(중 하나), 검색 페이지 템플릿, 아카이브 템플릿, 로그인/회원가입 템플릿이 이용됩니다.
아카이브 템플릿의 용어에 대해서는 이 페이지 위쪽에 주석에서 그 정의를 확인해 주세요.
로그인/회원가입 템플릿은 별도 코딩으로 만드는 것이 아닌 워드프레스의 자체 로그인/회원가입 템플릿을 이용하고, 프리미엄 테마 제작시부터는 배경색과 폰트, 버튼의 컬러 등의 디자인이 좀 더 예쁘게 됩니다. 오른쪽 이미지는 워드프레스에서 제공하는 기본 로그인 화면입니다.

기성의 어드밴스드 테마를 이용하는 경우

프리미엄 테마에 사용되는 템플릿 외에 의료진 개별 페이지 템플릿 또는 만약 네트워크 병의원이라면 각 지점에 대한 개별 템플릿 등이 포함됩니다.

페이지 수

페이지수는 어떤 테마를 선택하느냐에 따라 달라집니다.
기성의 테마에서 각각 허용되는 페이지 수(메뉴 갯수)를 확인하세요.

각각의 테마에서 가능한 페이지 수

이코노믹 테마의 경우 메인 페이지 포함 15페이지, 프리미엄의 경우 25페이지, 그리고 어드밴스드 테마의 경우 40페이지까지입니다. 여기에는 페이지 뿐만 아니라 포스트, 치료후기, 이벤트 등 고유주소(permalink)를 가진 포스트 타입은 모두 해당합니다.

만약 페이지를 추가할 수 있나요?

물론 가능합니다. 대신 A4 사이즈 1장 정도의 컨텐츠 기준으로 약간의 추가 비용이 요구됩니다. 다만 이 경우에도 기성 테마의 코딩, 레이아웃의 변경은 불가합니다.

요소와 기능들

웹사이트는 기본적으로 정보를 담는 html과 디자인을 담당하는 css, 그리고 이들을 동적으로 제어, 기능하게 하는 javascript로 제작됩니다. 여기서 말하는 요소란 자바스크립트적인 요소를 의미합니다. 이 역시 원하는 테마에서 적용된 자바스크립트적인 기능을 구현합니다.

구현가능한 자바스크립트

이코노미 테마에 사용되는 자바스크립트는 그리 많지 않습니다만, 프리미엄 테마와 어드밴스드 테마에서는 scroll to top 기능, Mega menu, Dark/Light mode 등 다양한 기능의 자바스크립트 요소가 포함됩니다. 개별 테마에서 제작된 사이트에서 꼼꼼히 살펴보세요.

지도 서비스

과거 구글의 다이내믹한 지도 서비스를 많이 이용해 왔으나, 요즘은 네이버와 카카오 맵의 서비스가 가능해졌습니다. 오히려 한국의 지리에 더욱 더 업데이트도 빨라 구글에서는 황무지로 보이는 곳도 지금은 상세히 잘 반영되고 있습니다.
이를 사용하시려면 네이버나 카카오의 개발자 등록 후 지도 서비스를 이용할 수 있는 API Key를 발급받아야 합니다.

소셜 로그인

워드프레스는 강력한 보안 정책으로 인해 떄로는 한국의 유저들이 로그인/회원가입을 할 때 생소하거나 어려울 수 있습니다. 이럴 때 구글, 페이스북, 트위터 등의 간편 소셜 로그인을 이용해서 회원가입이 더 편리해질 수 있습니다.
다만, 국내 소셜 로그인 플러그인들은 불안정한 경우가 많아 해드리지 않습니다. 페이스북 로그인의 경우에는 SSL(https://) 서비스 신청이 되어야 가능합니다(코모도 SSL의 경우 연 4만원 정도 비용이 들어갑니다).

모바일 UI

최신 웹사이트들은 PC, 태블릿, 모바일에서 각자 다이내믹하게 UI(User Interface)가 디바이스에 따라 맞춤으로 반영됩니다. 오늘날 웹사이트의 검색 비중은 모바일이 PC에 비해 약 3배 이상의 빈도를 점유하고 있습니다. 따라서 모바일에서 잘 반영되는 웹사이트는 환자의 유입과 궁극적으로 비보험 매출의 증대에 큰 도움을 줍니다.

모바일형 웹사이트

어드밴스드 테마의 경우 기본적으로 반영되는 모바일 UI와는 별도로 커스터마이징하게 코딩됩니다.따라서 기성 테마 중 어드밴스드 테마를 채택할 경우 스마트폰에서 전혀 새로운 디자인의 웹사이트를 갖게 됩니다.

원격 교육 및 기타

저렴한 기성 테마를 이용해서 웹사이트를 제작했다고 하더라도 웹사이트를 관리할 수 있도록 원격 화상 교육이 1회 지원됩니다. 코로나 19로 인해 교육 방법이 원격 화상 기기를 이용하는 비중이 높아졌습니다. 따라서 과거처럼 현장에서 교육하는 것이 아니라 집과 진료실 등 외에 스마트폰과 태블릿이 있는 장소라면 어디서든 원격 교육이 가능해졌습니다.

Zoom 원격 교육

꽤 많은 원격 화상 프로그램 중 Zoom 프로그램은 꽤 안정적인 쌍방향 원격 화상 회의가 가능하고, 원격 화상 교육 과정에서 채팅이 아니라 오디오를 통해 질문하고 답변도 가능하며, 또한 원격 제어 역시 가능합니다. 이 프로그램은 원격 화상 회의(교육) 개설자가 아닌 참여자의 경우 프로그램 다운로드만 하면 별도의 회원가입/로그인 절차 없이 쉽게 참여할 수 있고, 또한 무료로 사용 가능합니다.
이 원격 화상 교육을 통해서 '주인'으로서 웹사이트를 관리할 수 있는 방법을 익히게 되어, 컨텐츠의 수정과 추가 이미지의 변경 등도 배우게 됩니다. 원하신다면 홈페이지를 관리할 수 있는 직원(실장, 팀장 등)도 같이 참여해서 교육을 받으셔도 좋습니다.
오류와 버그 등 웹코딩 상의 오류는 홈페이지 런칭 후 1개월간 무상으로 수정해드립니다(아마 기성 테마를 이용하시는 경우 오류가 없을 겁니다).

호스팅 및 도메인

호스팅 서비스는 웹사이트의 내용과 데이터베이스가 들어가는 물리적 공간을 생성하거나 빌리는 서비스를 말하며, 도메인은 웹사이트의 인터넷에서의 어드레스를 의미합니다. MediPress는 관리자 명의로 호스팅 서비스와 도메인을 신청한 경우에 제작을 하므로 호스팅 서비스와 도메인 비용을 별도로 요구하지 않습니다.

이미지와 동영상 등

웹사이트의 정보에 해당하는 컨텐츠, 즉 텍스트와 이미지 그리고 동영상 등은 의뢰인께서 100% 제공해 주시는 것을 원칙으로 합니다. 다만, 병의원에 맞는 무료 이미지(License Free)를 제작 과정에서 일부 제공해 드릴 수도 있습니다.
동영상의 경우 파일의 사이즈가 크므로 Youtube 또는 Vimeo 등의 사이트에 업로드한 다음 그 동영상 링크를 홈페이지에 연동시키는 것이 좋습니다.

이코노믹 테마

일명 절약형 테마!

이코노믹 테마는 심플하면서도 핵심적인 내용으로 집중적으로 병의원을 홍보할 수 있는 제작 패키지입니다. 제작 비용이 저렴하고 제작 기간도 길지 않아 일명 ‘절약형 테마’가 되겠습니다.

하지만 웹사이트 디자인과 기능, 모바일 UI까지 저렴하게 만들지 않습니다!

개요

이코노믹(절약형) 테마는 대표원장 1인의 소규모 의원에서 운영할 웹사이트로 적당합니다.
여기에는 대표원장 인사말씀 및 약력, 안내 및 의원 내부 이미지 그리고 주된 클리닉에 대한 홍보, 안내 페이지 정도로 심플하게 구성됩니다.
보통은 포털(네이버 또는 다음)의 블로그나 카페 또는 인스타그램, 페이스북 등으로 주된 클리닉 홍보를 하면서, 부수적으로 클리닉 소개에 대한 웹사이트가 필요하기 때문에 의뢰하는 경우가 많습니다.

준비 사항

CI(로고 등) 이미지, 병의원 정보, 원내 사진 여러 장, 원장님 프로필 사진(가로형과 세로형), 클리닉 콘텐츠(메뉴 등 사이트맵 작성) 그리고 웹사이트의 전반적인 레이아웃 등.
병의원 정보에 필요한 사항은 오른쪽 컬럼을 참조해서 준비해주세요.

제작 기간

평균적으로 준비 사항, 그 중에서도 디자인/레이아웃이 구체화되었을 때 의뢰시부터 수정작업 포함해서 런칭까지 3-4주 정도 소요됩니다.
수정 작업은 디자인/레이아웃 수정 1회, 컨텐츠 수정 1회입니다.

레이아웃

이코노믹 테마의 규격에 맞는 레이아웃이라면 어떤 모습이든 디자인 코딩이 가능합니다.
이 패키지에서는 PC와 모바일에서 반응적으로 레이아웃이 보이게 되는데 PC에서 어떤 섹션이 가로의 컬럼(column)으로 배열된다면 모바일에서는 세로 로우(row)로 재배치되는 형식으로 모바일 반응적 레이아웃이 되겠습니다. 그 이유는 모바일 스크린의 폭(width)이 PC의 디바이스에 비해 매우 좁기 때문입니다.
따라서 이 패키지의 웹사이트는 모바일에서 볼 때 경우에 따라 그 컨텐츠가 화면 아래쪽으로 한참 길어지는 스압이 생길 수 있습니다.

웹사이트 제작의 기간 중 가장 많은 시간이 요하는 기획 단계인데, 그 레이아웃 디자인을 결정하는데 많은 의뢰인들이 애를 먹기도 합니다. 초기에 레이아웃을 정하는데 도움이 되는 팁을 3가지 정도 알려드리겠습니다.

웹서핑을 통해 원하는 레이아웃 찾기

경쟁 병의원 또는 같은 종류의 전문과 병의원 등의 홈페이지를 검색해서 대략적인 스탠다드를 정하는 방법입니다.
여기에서 디테일한 부분을 의뢰인이 원하는 방향으로 변경합니다. 전체적인 색상, 폰트의 변경, 섹션의 위치 변경, 추가 또는 삭제를 통해 쉽게 레이아웃을 구체화할 수 있습니다.
하지만, 주의하실 것은 반드시 원하는 레이아웃을 꼭 병의원의 웹사이트에서 찾을 필요는 없고 또한 국내 웹사이트에서 선택할 필요는 없습니다.
다양한 업종과 외국의 홈페이지에서 영감을 발견하고 레이아웃을 정해도 좋습니다.

창조적으로 아무도 만들지 않은 웹사이트 디자인하기

이면지 등 종이를 준비한 후 마치 스토리보드(story board)처럼 연필로 직사각형을 그린 후 스스로 레이아웃을 그려봅니다. 로고의 위치, 메뉴의 위치, 메인페이지에 들어갈 섹션, 카로우젤 슬라이드, 이미지 속의 텍스트 위치와 텍스트 크기, 사이드바, 풋터 배경색 등. 그리고 개별 상세 클리닉 페이지의 레이아웃까지 몇 장에 걸쳐 스스로 그립니다.
그 후 다른 색의 볼펜이나 사인펜으로 덧칠을 하면서 수정을 몇 차례 거듭합니다. 물론 구글에서 검색한 웹사이트의 디자인을 참조해서 반영해도 좋습니다.

컴퓨터 프로그램을 이용하는 방법

웹사이트의 레이아웃을 쉽게 해주는 프로그램으로 Adobe XD, 포토샵 등 꽤 많이 있습니다. 만약 이들 그래픽 프로그램을 잘 쓰신다면 이 방법을 이용하시면 매우 정확한 레이아웃이 만들어 집니다.
또는 전문적인 컴퓨터 그래픽 디자이너에게 디자인을 의뢰해서 레이아웃을 만들 수 있습니다.

템플릿

이코노믹 테마의 템플릿에는 메인페이지 템플릿, 디폴트(상세) 페이지 템플릿, 404 템플릿 둥 3가지 이하로 구성됩니다.
메인페이지 템플릿은 웹사이트의 '홈'페이지 템플릿이며, 디폴트 페이지 템플릿은 메인 페이지를 제외한 개별 페이지를 의미합니다. 404 템플릿은 404 요청 에러가 생겼을 때, 보통 페이지 주소가 없거나 오타 등일 때 에러를 표시하는 페이지 템플릿을 의미합니다.

템플릿 코딩

템플릿은 비슷한 디자인의 코드 파일이지만, 대동소이한 경우에는 각 페이지에서 변경되는 부분을 템플릿 코드 속에 담아야 합니다.
이 과정은 위에서 언급한 홈페이지 레이아웃에 따라 달라집니다.

페이지 수

이 테마 패키지는 메인 페이지 포함 15페이지 이내로 제한됩니다.
여기에는 메인페이지(홈페이지의 '홈페이지'), 병의원 소개 페이지, 의료진 인사말 및 약력 페이지, 찾아오시는 길 페이지 등이 필요하고 그 외 각종 클리닉 페이지가 들어갑니다. 때로는 상담 문의하기 페이지나 공지사항 등 게시판 페이지가 추가되기도 합니다.

개별 페이지 디자인은 어떤가요?

메인페이지와 달리 개별 디폴트 페이지는 디자인이 복잡하지 않습니다.
상단에 탑 이미지(Banner Image)가 위치하고, 그 속에 페이지 타이틀과 서브타이틀이 있습니다. 그 아래에 개별 페이지의 콘텐츠가 들어오는데 좌측 또는 우측에 사이드바(sidebar)가 있을 수 있습니다.
보통은 사이드바에 페이지 리스트(목록)를 표시합니다.

만약 페이지를 추가할 수 있나요?

물론 가능합니다. 대신 A4 사이즈 1장 정도의 컨텐츠 기준으로 약간의 추가 비용이 요구됩니다.
텍스트와 이미지 등은 제공해주셔야 합니다.

요소와 기능들

웹사이트는 기본적으로 정보를 담는 html과 디자인을 담당하는 css, 그리고 이들을 동적으로 제어, 기능하게 하는 javascript로 제작됩니다. 여기서 말하는 요소란 자바스크립트적인 요소를 의미합니다. 이 역시 원하는 테마에서 적용된 자바스크립트적인 기능을 구현합니다.

구현가능한 자바스크립트

이코노믹 테마의 경우 Scroll to Top button, 지도 서비스(네이버 또는 카카오맵), 게시판, 컨택트폼(예약, 문의 메일 폼), SNS 연동(카카오채널, 네이버톡톡) 등의 기능적 요소들이 사용됩니다.

지도 서비스

과거 구글의 다이내믹한 지도 서비스를 많이 이용해 왔으나, 요즘은 네이버와 카카오 맵의 서비스가 가능해졌습니다. 오히려 한국의 지리에 더욱 더 업데이트도 빨라 구글에서는 황무지로 보이는 곳도 지금은 상세히 잘 반영되고 있습니다.
이를 사용하시려면 네이버나 카카오의 개발자 등록 후 지도 서비스를 이용할 수 있는 API Key를 발급받아야 합니다.

모바일 UI

최신 웹사이트들은 PC, 태블릿, 모바일에서 각자 다이내믹하게 UI(User Interface)가 디바이스에 따라 맞춤으로 반영됩니다. 오늘날 웹사이트의 검색 비중은 모바일이 PC에 비해 약 3배 이상의 빈도를 점유하고 있습니다. 따라서 모바일에서 잘 반영되는 웹사이트는 환자의 유입과 궁극적으로 비보험 매출의 증대에 큰 도움을 줍니다.

모바일형 웹사이트

이코노믹 테마의 경우 모바일 디바이스에 다이내믹하게 반영되지만, PC에서 가로로 배열되던 것이 세로형으로 배열될 뿐 별도의 모바일 디자인 코딩을 하지 않습니다. 별도의 모바일 UI 디자인은 어드밴스드 테마부터 가능합니다.

원격 교육 및 기타

웹사이트를 관리할 수 있도록 원격 화상 교육이 1회 지원됩니다. 코로나 19로 인해 교육 방법이 원격 화상 기기를 이용하는 비중이 높아졌습니다. 따라서 과거처럼 현장에서 교육하는 것이 아니라 집과 진료실 등 외에 스마트폰과 태블릿이 있는 장소라면 어디서든 원격 교육이 가능해졌습니다.
세부적인 내용들은 위의 "기성 테마"에 "원격 교육 및 기타" 부분의 내용을 참조해주세요.

프리미엄 테마

한 마디로 워드프레스다운 웹사이트 패키지!

프리미엄 테마에는 개별 상세 페이지 뿐만 아니라 블로그 및 포스트의 템플릿이 사용됩니다.이 테마를 이용한 병의원 웹사이트에는 추가로 리뷰(review, 즉 치료 후기나 치료 사례), 이벤트 같은 커스텀 포스트 타입이 한 가지 더 추가됩니다.

디자인적으로도 심플함을 넘어 조금 더 복잡한 디자인 레이아웃이 추가되며, 만약 후기 페이지들을 원하신다면 로그인/회원가입 템플릿이 부수적으로 포함됩니다.

개요

프리미엄 테마는 로컬에서 의원을 운영하면서 1-2가지 주력 특화 클리닉을 운영할 때 적합합니다.
여기에는 이코노믹 테마에서 구성되는 페이지 또는 템플릿이 기본적으로 사용되며 추가로 블로그와 포스트 또는 치료후기 페이지 혹은 이벤트 페이지 중 한 가지 레이아웃 템플릿이 더해집니다.
대다수 프리미엄 테마 패키지를 선택하는 이유가 치료후기 템플릿을 윈하는 경우가 많습니다.
의료기관은 일반 업종과 달리 의료법에 의거 리뷰(후기)를 공공연하게 디스플레이할 수 없고, 이 경우 반드시 로그인/회원가입의 절차를 거쳐 원하는 일반인에 한해 볼 수 있도록 해야 하기 때문입니다.

기초 준비 사항

CI(로고 등) 이미지, 병의원 정보, 원내 사진 여러 장, 원장님 프로필 사진(가로형과 세로형), 클리닉 콘텐츠(메뉴 등 사이트맵 작성) 그리고 웹사이트의 전반적인 레이아웃 등.
병의원 정보에 필요한 사항은 오른쪽 컬럼을 참조해서 준비해주세요.

제작 기간

평균적으로 준비 사항, 그 중에서도 디자인/레이아웃이 구체화되었을 때 의뢰시부터 수정작업 포함해서 런칭까지 6주 정도 소요됩니다.

수정 횟수

수정작업은 레이아웃 디자인의 수정 1회, 컨텐츠 수정 1회입니다.

레이아웃

프리미엄 테마의 규격에 맞는 레이아웃이라면 어떤 모습이든 디자인 코딩이 가능합니다.
이 패키지에서는 PC와 모바일에서 반응적으로 레이아웃이 보이게 되는데 PC에서 어떤 섹션이 가로의 컬럼(column)으로 배열된다면 모바일에서는 세로 로우(row)로 재배치되는 형식으로 모바일 반응적 레이아웃이 되겠습니다. 그 이유는 모바일 스크린의 폭(width)이 PC의 디바이스에 비해 매우 좁기 때문입니다.
따라서 이 패키지의 웹사이트는 모바일에서 볼 때 경우에 따라 그 컨텐츠가 화면 아래쪽으로 한참 길어지는 스압이 생길 수 있습니다.

초기 단계 레이아웃을 정하는데 도움이 되는 3가지 팁에 대해서는 위의 이코노믹 테마의 "레이아웃" 섹션을 참조해주세요.

템플릿

프리미엄 테마의 템플릿에는 이코노믹 테마의 템플릿(메인페이지, 디폴트(상세) 페이지, 404 템플릿)에 다음 3가지 템플릿 중 한 가지가 추가됩니다.
1. 블로그 페이지 + 개별 포스트 템플릿
2. 리뷰(후기나 치료 사례) 페이지 + 개별 리뷰 템플릿
3. 이벤트 페이지 + 개별 이벤트 템플릿.

개별 포스트, 개별 리뷰, 개별 이벤트 템플릿은 지속적인 컨텐츠의 생성시 반영되는 템플릿이며, 블로그 페이지, 리뷰 페이지 그리고 이벤트 페이지는 각각 개별 템플릿들의 집합 페이지라고 할 수 있습니다.

페이지 수

프리미엄 테마 패키지는 메인 페이지 포함 25페이지까지 페이지의 수가 늘어납니다.
여기에는 이코노믹 테마 패키지 외에 앞선 섹션의 페이지 및 개별 템플릿이 추가되고, 이코노믹 테마 보다 개별 페이지가 더 많은 까닭입니다.
주력 클리닉에 대해 조금 더 상세 페이지를 운영할 경우 좋습니다.

혹시 25페이지 이상이라면 추가 페이지 작성 비용이 요구됩니다.

요소와 기능들

웹사이트는 기본적으로 정보를 담는 html과 디자인을 담당하는 css, 그리고 이들을 동적으로 제어, 기능하게 하는 javascript로 제작됩니다. 여기서 말하는 요소란 자바스크립트적인 요소를 의미합니다. 이 역시 원하는 테마에서 적용된 자바스크립트적인 기능을 구현합니다.

구현가능한 자바스크립트

프리미엄 테마에서는 이코노믹 테마의 동적 요소에 SNS 공유 서비스(페이스북, 트위터, 카톡), 메가메뉴 요소가 추가됩니다.

지도 서비스

과거 구글의 다이내믹한 지도 서비스를 많이 이용해 왔으나, 요즘은 네이버와 카카오 맵의 서비스가 가능해졌습니다. 오히려 한국의 지리에 더욱 더 업데이트도 빨라 구글에서는 황무지로 보이는 곳도 지금은 상세히 잘 반영되고 있습니다.
이를 사용하시려면 네이버나 카카오의 개발자 등록 후 지도 서비스를 이용할 수 있는 API Key를 발급받아야 합니다.

SNS 공유 서비스와 메가메뉴

페이스북과 트워터 그리고 카톡에 해당 페이지 또는 이벤트 등의 페이지를 공유할 수 있는 자바스크립트적인 서비스입니다. 이벤트의 바이럴 마케팅에 좋은 효과를 볼 수 있습니다.
메가메뉴(Mega menu)는 단순히 서브 페이지만 드롭다운(Dropdown)되는 형태가 아닌 다양한 디자인으로 메뉴를 만드는 서비스입니다.

모바일 UI

최신 웹사이트들은 PC, 태블릿, 모바일에서 각자 다이내믹하게 UI(User Interface)가 디바이스에 따라 맞춤으로 반영됩니다. 오늘날 웹사이트의 검색 비중은 모바일이 PC에 비해 약 3배 이상의 빈도를 점유하고 있습니다. 따라서 모바일에서 잘 반영되는 웹사이트는 환자의 유입과 궁극적으로 비보험 매출의 증대에 큰 도움을 줍니다.

모바일형 웹사이트

별도의 모바일 UI 디자인은 어드밴스드 테마부터 가능합니다.

원격 교육 및 기타

웹사이트를 관리할 수 있도록 원격 화상 교육이 1회 지원됩니다. 코로나 19로 인해 교육 방법이 원격 화상 기기를 이용하는 비중이 높아졌습니다. 따라서 과거처럼 현장에서 교육하는 것이 아니라 집과 진료실 등 외에 스마트폰과 태블릿이 있는 장소라면 어디서든 원격 교육이 가능해졌습니다.

세부적인 내용들은 위의 "기성 테마"에 "원격 교육 및 기타" 부분의 내용을 참조해주세요.

어드밴스드 테마

워드프레스의 A-to-Z! 가장 고급스러운 홈페이지

어드밴스드 테마에는 위에서 설명한 모든 기능과 템플릿 등이 다 포함되고, 페이지 역시 40페이지까지 컨텐츠가 확장됩니다.

개요

이 테마 패키지를 이용한 홈페이지는 주로 병원, 네트워크 의원과 같은 의료진이 많고 여러 진료과 또는 지점을 가진 형태의 홈페이지로 최고급형 웹사이트에 해당합니다.
프리미엄 테마에에서 제작되는 템플릿 외에도 의료진 개별 페이지 또는 지점별 페이지가 추가될 수 있습니다.

기초 준비 사항

CI(로고 등) 이미지, 병의원 정보, 원내 사진 여러 장, 원장님 프로필 사진(가로형과 세로형), 클리닉 콘텐츠(메뉴 등 사이트맵 작성) 그리고 웹사이트의 전반적인 레이아웃 등.
병의원 정보에 필요한 사항은 오른쪽 컬럼을 참조해서 준비해주세요.

제작 기간

평균적으로 준비 사항, 그 중에서도 디자인/레이아웃이 구체화되었을 때 의뢰시부터 수정작업 포함해서 런칭까지 8주 정도 소요됩니다.

수정 횟수

수정작업은 레이아웃 디자인의 수정 1회, 컨텐츠 수정 1회입니다.

레이아웃

어떤 모습이든 원하시는 디자인 코딩이 가능합니다.
이 패키지에서는 PC에서의 UI와 별개로 또다른 모바일 UI 디자인이 제공되어 사실상 2개의 홈페이지를 제작하는 것과 같습니다.

초기 단계 레이아웃을 정하는데 도움이 되는 3가지 팁에 대해서는 위의 이코노믹 테마의 "레이아웃" 섹션을 참조해주세요.

템플릿

어드밴스드 테마의 템플릿에는 프리미엄 테마의 템플릿은 물론이고 그 외 아래와 같은 템플릿이 1개 추가됩니다.
1. 전체 의료진 페이지 + 의료진 개별 페이지 템플릿
2. 전체 지점 페이지 + 개별 지점의 페이지 템플릿

페이지 수

어드밴스드 테마 패키지는 메인 페이지 포함 40페이지까지 페이지의 수가 늘어납니다.
클리닉, 병원 안내, 의료진, 지점 소개 등등 원하시는 대부분의 페이지를 생성할 수 있습니다.

혹시 40페이지 이상이라면 추가 페이지 작성 비용이 요구됩니다.

요소와 기능들

웹사이트는 기본적으로 정보를 담는 html과 디자인을 담당하는 css, 그리고 이들을 동적으로 제어, 기능하게 하는 javascript로 제작됩니다. 여기서 말하는 요소란 자바스크립트적인 요소를 의미합니다. 이 역시 원하는 테마에서 적용된 자바스크립트적인 기능을 구현합니다.

구현가능한 자바스크립트

어드밴스드 테마에는 다른 테마에서의 기능 요소 외에도 원하신다면 라이브 서치, 다크/라이트 모드, 소셜 로그인 등이 포함됩니다.

라이브 서치

페이지 수가 많은 홈페이지의 경우 사용자가 원하는 키워드로 원하는 컨텐츠를 검색할 때, 입력하는 키워드 캐릭터수에 따라 검색결과가 다이내믹하게 반영되는 최신 기법의 자바스크립트 기반 검색 기능입니다.

다크/라이트 모드 외

최근 주간 및 야간에 모니터나 디바이스의 밝기가 조절되어 눈의 피로를 줄여주는 기능이 다크/라이트 모드입니다. 지금 바로 상단 메뉴에 있는 다크 모드를 실행해보세요!
그 외 소셜 로그인(구글과 트위터에 한함)이 제공됩니다.

설명하지 않은 지도 서비스, SNS 공유 서비스 및 메가 메뉴에 대한 부분은 프리미엄테마를 참조해주세요.

모바일 UI

최신 웹사이트들은 PC, 태블릿, 모바일에서 각자 다이내믹하게 UI(User Interface)가 디바이스에 따라 맞춤으로 반영됩니다. 오늘날 웹사이트의 검색 비중은 모바일이 PC에 비해 약 3배 이상의 빈도를 점유하고 있습니다. 따라서 모바일에서 잘 반영되는 웹사이트는 환자의 유입과 궁극적으로 비보험 매출의 증대에 큰 도움을 줍니다.

어드밴스드 테마의 별도 모바일 UI

PC에서 보이는 디자인과 다르게 스마트폰에서 예쁘게 보이는 디자인으로 만들어드립니다.

원격 교육 및 기타

웹사이트를 관리할 수 있도록 원격 화상 교육이 1회 지원됩니다. 코로나 19로 인해 교육 방법이 원격 화상 기기를 이용하는 비중이 높아졌습니다. 따라서 과거처럼 현장에서 교육하는 것이 아니라 집과 진료실 등 외에 스마트폰과 태블릿이 있는 장소라면 어디서든 원격 교육이 가능해졌습니다.

세부적인 내용들은 위의 "기성 테마"에 "원격 교육 및 기타" 부분의 내용을 참조해주세요.