LinkBee는 아이디어 한 줄을 비즈니스로 연결합니다.
12월부터 1월까지 1개월간 시스템의 기획, 디자인, 그리고 개발을 완료했습니다.
Service
데카비 홈페이지 UX/UI 개선 및 관리 시스템 구축
View
Web (PC, Mobile)
Tools
Vue.js, Node js
Overview
Dekabi는 줄기세포 기반 재활치료 클리닉으로 병원의 온라인 경쟁력을 강화하는 것을 목표로 합니다.
기존 홈페이지에서 정보 탐색 어려움, 신뢰도 부족, 모바일 최적화 미흡 등의 문제를 해결하기 위해,
새로운 시스템을 구축해 고객들은 직관적인 시술 정보를 검색하고, 신뢰를 높이는 의료진 소개 및 후기 시스템, 간편한 상담 프로세스를 경험할 수 있습니다.
또한, 모바일 친화적인 반응형 웹 디자인을 적용하여 다양한 디바이스에서 최적의 사용자 경험을 제공합니다.
Functions
시술 정보별 분류 및 필터 기능
전후 이미지 및 의료진 정보 업데이트 관리 시스템
실시간 상담을 위한 채널톡 도입
Brand Color
고급스러움을 강조한 기존의 브랜드 컬러인 gold에서 병원 시술에 대한 투명함과 신뢰감을 더해주는 light blue로 변경했습니다.
LinkBee Solution
LinkBee는 Dekabi 홈페이지의 기획부터 디자인, 개발까지 진행했습니다.
본 프로젝트의 기존 홈페이지는 정보 탐색의 어려움, 신뢰도 부족, 모바일 최적화 미흡 등 여러 문제점을 가지고 있었습니다. 이에 따라, 사용자 중심의 직관적인 정보 제공, 신뢰도를 높이는 브랜드 아이덴티티 강화, 상담 및 관리 UX 최적화를 중점적으로 개선하였습니다.
프로젝트 초기 단계에서는 방문 고객(환자), 의료진, 관리자라는 3가지 주요 사용자 그룹을 정의하고,
각 사용자 그룹의 니즈에 맞춘 맞춤형 UI/UX 설계를 통해 관리 시스템과 사용자 친화적인 인터페이스를 구축하였습니다.
또한, 클라이언트와의 긴밀한 협업을 통해 피드백을 적극 반영해 신뢰를 주는 디자인, 편리한 상담과 간편한 운영 시스템, 모바일 최적화된 인터페이스가 적용된 체계적인 병원 홈페이지를 완성할 수 있었습니다.
Dekabi 홈페이지 & 어드민
메인 페이지
메인페이지에서는 의료진 소개, 주요 시술과 프로그램, 시술 전후 이미지 및 리뷰, 아티클 등의 정보를 한 눈에 제공합니다.
해당 정보들은 Vue.js와 Node.js를 사용하여 실시간으로 데이터를 반영합니다.
About Us
의료진에 대한 프로필 및 업적에 대한 소개를 통해 전문성을 높였습니다.
•
Contribution: 의료진의 최근 기사를 확인할 수 있습니다. 이는 Dekabi Admin에서 주기적으로 업데이트가 가능합니다.
•
Publication: 의료진이 출판한 책과 논문에 대한 정보를 확인할 수 있습니다. 관리자는 Dekabi Admin에서 추가가 가능합니다.
전문 시술 상세 정보
클리닉의 전문 시술에 대한 구체적인 카테고리별로 필터링 기능을 통해 쉽게 확인할 수 있습니다.
아티클 및 시술 전후 이미지
고객은 줄기세포 시술과 관련한 정보와 시술 전후 이미지를 파악해 시술 과정, 부작용, 회복 기간 등의 상세 정보를 미리 파악 가능하고, 다양한 시술 옵션을 비교해 본인에게 적합한 시술을 선택하는 데 도움을 줄 수 있습니다.
•
Restorative Result: 관리자는 Dekabi Admin을 통해 시술 전후 이미지를 업로드하며 실시간으로 업데이트할 수 있습니다.
•
Article: Medium을 통해 클리닉에서 업로드하는 아티클을 실시간으로 확인할 수 있습니다.
실시간 상담을 위한 채널톡
기존에는 채널톡을 연동해 실시간으로 고객의 문의에 응대할 수 있습니다.
Project Manager. Leo
UX Designer. Lena
Engineer. Jessie, Phong