병원 홈페이지 제작기: 스크롤하면 얼굴이 돌며 수술 부위를 짚어 주는 오든 성형외과
병원 홈페이지 제작 사례로 오든 성형외과 템플릿을 소개합니다. 스크롤하면 얼굴이 옆모습으로 돌며 눈·코·윤곽·리프팅을 짚고, 누른 부위의 방법·마취·회복·부작용을 카드로 바로 보여 주는 프리미엄 홈페이지입니다.
쌍꺼풀 상담을 알아보는 분이 병원 홈페이지에 들어오면 먼저 내 눈에는 어떤 수술이 맞을지가 궁금합니다. 병원 홈페이지 제작에서 저희는 그 궁금증을 첫 화면부터 풀어 주고 싶었습니다. 오든 첫 화면에는 금빛 AUDEN 글자 옆에 얼굴 정면 사진이 크게 나옵니다. 아래로 스크롤하면 이 얼굴이 정면에서 옆모습까지 천천히 돌아가고, 얼굴 위 각도 숫자도 같이 올라갑니다. 스크롤만 내려도 눈·코·윤곽·리프팅 자리를 차례로 볼 수 있습니다.
성형외과 홈페이지 제작에서 방문자가 확인하려는 내용은 거의 비슷합니다. 어떤 방법으로 하는지, 회복은 얼마나 걸리는지, 부작용은 무엇인지, 누가 수술하는지입니다. 오든은 이 내용을 스크롤 한 번에 이어서 보여 줍니다. 상담을 받아 보고 싶어지면 첫 화면의 「상담 예약」 버튼을 눌러 바로 예약 화면으로 갈 수 있습니다.
스크롤을 내리면 얼굴이 정면에서 옆모습까지 돌아갑니다
오든을 열면 스크롤에 맞춰 움직이는 얼굴부터 눈에 들어옵니다. 얼굴 위에는 「정면」에서 15, 30, 45, 60, 75를 지나 「옆모습」까지 각도 눈금이 있고, 스크롤할수록 숫자가 바뀝니다. 다시 위로 올리면 얼굴도 정면으로 돌아옵니다. 조금 더 내려가면 상담·진단·계획·회복 네 단계가 사진 카드로 나오고, 이어서 눈, 코, 윤곽, 리프팅 순서로 얼굴 위 자리가 하나씩 짚입니다. 짚인 부위의 라벨이 밝아지고, 라벨에서 얼굴의 주황색 점까지 선이 그려집니다. 처음 온 방문자도 스크롤만 따라 내려가면서 이 병원이 어떤 수술을 하는지 훑어볼 수 있게 한 디자인입니다.
저희 에코스튜디오에 성형외과 홈페이지 제작을 맡기시면 원장님 병원이 주로 하는 수술 부위를 먼저 여쭙고, 방문자가 그 부위를 스크롤로 하나씩 살펴보며 상담을 떠올릴 수 있게 첫 화면을 만들어드립니다.
궁금한 부위를 누르면 방법·마취·회복·부작용이 한 카드에 나옵니다
부위별 안내에서는 위쪽 탭이나 얼굴 옆 라벨을 눌러 부위를 고릅니다. 「코」를 누르면 얼굴은 그대로 있고, 점과 선이 코로 옮겨 가면서 오른쪽 카드 글이 바뀝니다. 카드는 방법·마취·회복·부작용 네 줄입니다. 눈을 고르면 방법에 「매몰법 또는 절개법」, 마취에 「국소 또는 수면」, 회복에 「약 7일」이 나옵니다. 부작용도 부위마다 따로 적혀 있고, 끝에 「사람마다 다르며 상담 때 자세히 설명합니다」가 붙습니다. 더 알고 싶은 분은 눈·코·윤곽·리프팅 페이지에서 수술 시간과 회복 일정, 자주 묻는 질문 세 개를 이어서 읽으면 됩니다. 방법과 부작용을 한 카드에서 같이 보니 상담 때 무엇을 물어볼지 미리 정리하기 쉽습니다.
저희에게 제작을 맡겨 주시면 원장님이 실제로 하시는 수술 방법과 마취, 회복 안내를 받아 부위별 카드로 정리하고, 환자가 궁금한 부위만 눌러 읽은 뒤 편하게 상담을 신청할 수 있게 디자인해드립니다.
병원 홈페이지 제작에서 수술실 안전과 원장 약력을 상담 전에 보여 줍니다
부위 안내가 끝나면 수술실 사진이 화면을 가득 채웁니다. 둥근 조명 아래 수술대가 보이고, 그 위로 「마취 감시」 「응급 장비」 「회복실」 라벨이 붙은 작은 사진이 하나씩 바뀌어 나옵니다. 병원 소개 페이지에는 멸균 포장한 기구와 얼굴뼈 촬영실까지 수술실 안전 다섯 항목이 정리돼 있습니다. 다음은 대표원장입니다. 큰 사진 옆으로 약력이 스크롤에 맞춰 한 줄씩 나타나고, 의료진 페이지에는 「하지 않을 수술도 말씀드립니다」 같은 진료 원칙 세 가지가 있습니다. 수술을 앞둔 분이 안전 설비와 집도의를 상담 전에 직접 살펴볼 수 있게 한 디자인입니다.
저희 에코스튜디오에 맡기시면 병원이 갖춘 수술실 설비와 원장님 약력, 진료 원칙을 확인하고 사진과 글로 보기 좋게 정리해서, 환자가 안심하고 상담을 신청할 수 있게 만들어드립니다.
이렇게 스크롤과 클릭에 따라 움직이는 화면을 우리 병원 홈페이지에도 넣고 싶으시다면 프리미엄 홈페이지 상담에서 먼저 이야기해 주세요.
수술 사례는 부위 버튼으로 걸러서 회복 과정을 비교합니다
수술 사례 페이지에는 카드 아홉 건이 있고, 위쪽 「전체 · 눈 · 코 · 윤곽 · 리프팅」 버튼으로 걸러 볼 수 있습니다. 「윤곽」을 누르면 윤곽 카드 세 건만 남습니다. 카드마다 「쌍꺼풀 매몰법」 「보형물 콧대」 같은 수술명과 한 줄 설명, 1주·1개월·3개월 회복 과정, 부작용과 주의할 점이 적혀 있습니다. 카드 아래에는 검토한 원장 이름과 검토일이 있고, 「눈 성형 자세히」 같은 링크로 부위 페이지에 들어갈 수 있습니다. 전후 사진 칸에는 「전후 사진은 상담 때 직접 보여 드립니다」라고 적혀 있어서, 사진이 궁금한 분은 그대로 상담 예약으로 넘어가면 됩니다.
저희 에코스튜디오에 맡기시면 병원에서 공개할 사례 범위를 상담에서 함께 정하고, 환자가 관심 있는 부위만 골라 회복 과정을 비교해 볼 수 있게 사례 화면을 구성해드립니다.
상담 예약에서 고른 부위·날짜·시간·연락 방법이 오른쪽 상자에 모입니다
상담 예약 페이지에서는 먼저 부위를 고릅니다. 눈·코·윤곽·리프팅 옆에 「잘 모르겠어요」도 있어서 아직 수술을 정하지 못한 분도 부담 없이 시작할 수 있습니다. 달력에서 날짜를 누르면 10:00부터 18:30까지 30분 간격으로 시간 칸이 열립니다. 연락 받을 방법은 카카오톡·전화·온라인 중에 고르고, 누를 때마다 그 방법에 맞는 안내 글로 바뀝니다. 고르는 동안 오른쪽 어두운 「선택한 상담」 상자에 부위, 날짜, 시간, 연락 방법이 차례로 채워지니, 방문자는 자기가 고른 내용을 한 번 더 확인하고 신청 버튼을 누를 수 있습니다. 상자 아래에는 「상담은 대표원장이 직접 진행하며 30분 정도 걸립니다」라는 글이 있습니다. 홈 맨 아래에도 이름·연락처·희망 날짜만 적는 간단한 신청 칸이 있어서, 빨리 남기고 싶은 분은 거기서 쓰면 됩니다.
저희 에코스튜디오에 맡기시면 병원의 실제 진료 시간과 상담 방식에 맞춰 예약 화면을 만들어드립니다. 고른 부위가 상담 신청서에 바로 담기도록 하는 기능처럼, 오든에 없는 기능도 상담에서 정해 더해드립니다.
휴대폰에서도 얼굴을 돌려 보고 아래 버튼으로 바로 상담예약을 누릅니다
휴대폰에서는 화면이 세로로 쌓입니다. 첫 화면은 얼굴 사진이 맨 위에 오고, 그 아래로 각도 눈금과 AUDEN 제목, 「상담 예약」 「진료 안내」 버튼이 이어집니다. 얼굴은 휴대폰에 맞는 사진으로 바뀌고, 스크롤하면 데스크톱과 똑같이 돌아갑니다. 부위별 안내는 얼굴이 위, 설명 카드가 아래에 오고, 탭이나 라벨을 누르면 데스크톱처럼 카드가 바뀝니다. 진료 네 단계 카드는 두 줄로 엇갈려 보이고, 위쪽 메뉴 아홉 개는 「메뉴」 하나로 접힙니다. 화면 아래에는 「전화」 「카톡 문의」 「상담예약」 띠가 고정되어 나오니, 부위 설명을 읽다가도 언제든 버튼만 누르면 상담 예약으로 갈 수 있습니다.
저희 에코스튜디오에 맡기시면 휴대폰으로 들어온 환자도 부위 설명을 끝까지 편하게 읽고, 상담을 받고 싶어졌을 때 바로 상담예약을 누를 수 있게 만들어드립니다.
프리미엄 홈페이지는 ₩1,499,000~이고, 안내 기간은 28일입니다. 몇 페이지로 만들지, 얼굴이 돌아가는 화면이나 부위 카드 같은 기능을 어디까지 넣을지는 상담에서 정해드립니다. 자세한 내용은 홈페이지 제작 안내에서 보실 수 있고, 궁금하신 점은 프로젝트 문의에 남겨 주세요.