유메드
Website
유메드는 전 세계 사람들의 건강하고 편안한 삶에 기여하고자 2020년에 설립된 의료기기 개발 기업입니다. 대표 제품인 ‘유로린스’는 배뇨장애 및 방광 질환 환자를 위한 방광 세척 시스템으로, 가정과 병원 환경 모두에서 표준화된 세척 과정을 보다 신속하고 간편하게 수행할 수 있도록 돕습니다. 제로퍼슨은 유메드와의 지속적인 협업을 통해 CI/BI 브랜딩을 비롯해 서비스 UI/UX 설계, 홈페이지 구축, 홍보물 제작, IR 자료 디자인 등 다양한 영역에서 브랜드와 서비스 전반을 함께 만들어가고 있습니다.
IR 및 대외 커뮤니케이션의 중요성이 높아지는 성장 단계에서, 기업의 신뢰도와 경쟁력을 효과적으로 전달할 수 있는 공식 홈페이지의 역할이 더욱 중요해졌습니다. 기존 홈페이지는 완성도와 관리 측면(CMS 부재 등)에서 한계가 있었고, 이를 개선하여 기업의 현재와 비전을 명확히 보여줄 수 있는 새로운 웹사이트 구축 프로젝트를 진행했습니다.
웹사이트 구축 방식으로는 Webflow를 활용했습니다. 별도의 개발 리소스 없이 디자이너 1인이 기획부터 디자인, 개발, 배포까지 전 과정을 수행할 수 있는 구조로, 빠르고 안정적인 구축이 가능한 점을 고려해 클라이언트에 제안했습니다. 여러 웹 빌더 서비스 중에서도 Webflow는 높은 디자인 자유도와 직관적인 CMS 관리 기능을 제공해, 브랜드 아이덴티티를 유연하게 반영하면서도 운영 효율을 확보할 수 있다는 점에서 적합한 선택이었습니다.
디자인은 Webflow 템플릿을 기반으로 커스터마이징하는 방식을 채택했습니다. 초기부터 와이어프레임을 새로 설계하는 대신, 완성도 있는 템플릿을 활용해 제작 효율을 높이고 프로젝트 기간을 단축할 수 있었습니다. 두 가지 템플릿을 바탕으로 시안을 제작해 클라이언트가 방향성을 선택할 수 있도록 했습니다. 이후 Figma를 활용해 전체 페이지를 재설계하고, 반복적인 피드백과 수정을 거쳐 최종안을 확정했습니다. 초기안 대비 구조와 콘텐츠 구성이 크게 개선되었으며, 결과적으로 클라이언트의 만족도를 높일 수 있었습니다.
웹플로우 기반의 웹사이트 구축에서는 반응형 구현, 글로벌 대응, 검색 노출, 운영 효율성을 주요 기준으로 설계했습니다.
첫째, 다양한 디바이스 환경에서도 콘텐츠가 안정적으로 전달될 수 있도록 반응형 레이아웃을 정교하게 구성했습니다. Webflow의 기본 기능을 적극 활용하는 동시에, HTML/CSS/JavaScript 커스터마이징을 병행하여 디테일한 UI 완성도를 높였습니다.
둘째, 글로벌 시장을 타깃으로 하는 기업 특성을 고려해 다국어 대응 방식을 설계했습니다. 여러 솔루션을 비교한 결과, 운영 효율성과 확장성을 기준으로 Weglot을 도입해 자동 번역 시스템을 구축하고 웹사이트에 통합했습니다.
셋째, 웹사이트 오픈 이후의 유입과 가시성을 고려해 검색 최적화(SEO) 작업을 진행했습니다. 구글 사이트 검증과 검색 콘솔 연동, 네이버 검색 등록 등을 통해 검색 노출 기반을 구축하고, 방문 데이터와 사용자 반응을 지속적으로 확인할 수 있는 환경을 마련했습니다.
마지막으로, 내부 운영 인력이 이후에도 효율적으로 관리할 수 있도록 구조를 설계했습니다. 콘텐츠 수정이 필요한 영역은 CMS 기반으로 구성해 비개발자도 쉽게 업데이트할 수 있도록 했으며, 전체 운영 가이드를 함께 제공해 인수인계 과정의 부담을 최소화했습니다.
이번 프로젝트에서는 글로벌 헬스케어 기업이 대외적으로 신뢰감을 전달하고, 사용자에게 유용한 정보를 효과적으로 제공할 수 있는 기업 홈페이지를 기획부터 디자인, 개발, 배포까지 전 과정에 걸쳐 구축했습니다. 특정 기능 중심의 서비스가 아닌 기업 소개형 웹사이트의 경우, 완전한 커스텀 개발보다는 검증된 웹 빌더를 활용하는 것이 효율적이라고 판단했습니다. 이에 따라 Webflow를 중심으로, Squarespace, WordPress와 같은 다양한 솔루션을 비교 검토한 뒤 프로젝트에 적합한 방식을 선택했습니다. 프로젝트의 목적과 리소스를 고려한 합리적인 구축 방식을 통해, 완성도와 효율을 균형 있게 달성했습니다.