PORTFOLIO
Hospital & Clinic
Vizen Medical Portfolio

성형외과, 피부과, 치과, 한의원 등 다양한 의료기관의
성공적인 웹사이트 구축 사례를 확인해 보세요.

PORTFOLIO

바비보 반응형 기업 홈페이지제작

개발분야 : Responsible website(반응형웹)
바비보_반응형 2024/12
병원 홈페이지 제작 포트폴리오 목록 이동 버튼 이전 병원 포트폴리오 사례 보기 버튼 다음 병원 포트폴리오 사례 보기 버튼
바비보_ 반응형 홈페이지제작


메인 화면 기획 및 자연 친화적 메디푸드 비주얼 랜딩

[메인 화면 기획]


'우리가 먹을 수 있는 식품만을 활용한 메디푸드의 새로운 기준'이라는 브랜드 철학을 풀스크린 오가닉 비주얼과 직관적인 헤더 구조로 첫 화면에서 체감할 수 있도록 구성했습니다.

원페이지 풀스크롤 내비게이션을 적용하여 메디푸드 소개, 비전과 미션, 사업 영역 및 인증 인프라가 한눈에 전개되도록 기획했습니다.


바비보 반응형 기업 홈페이지 메인 화면


메인 디자인 시스템 및 오가닉 비주얼 아이덴티티

[메인 디자인]


정갈한 자연 식재료(곡물, 과일, 견과류)의 고해상도 실사 이미지를 전면에 배치하여 메디푸드 전문 기업의 순수성과 신뢰성을 강조했습니다.

부드러운 라운디드 카드 모듈과 마이크로 인터랙션 버튼, 명료한 산세리프 타이포그래피를 조화롭게 배치하여 모던한 그래픽 밸런스를 완성했습니다


메디푸드 전문 기업 바비보 소개 페이지


콘텐츠 디자인 및 직관적 사업·연구 인프라 구조화

[콘텐츠 디자인]


메디푸드 제조, 유통 대행, 힐링캠프 운영 등 6대 핵심 사업 영역과 기업 가치를 인포그래픽형 카드 그리드로 일목요연하게 시각화했습니다.

비즈니스 3대 핵심 축(고객, 제품/서비스, 전달방법)과 산학연 네트워크 및 인증 현황을 직관적인 다이어그램과 아이콘 블록으로 구성했습니다.


심플한 디자인 레이아웃 이미지와 텍스트 배치 



웹사이트 UX/UI 최적화

[웹사이트 UX/UI]


데스크톱의 와이드 풀스크린 뷰포트부터 모바일 화면까지 완벽하게 호환되는 반응형 웹 표준 인터페이스를 구축했습니다.

모바일 환경에서도 주요 사업 정보와 소개 콘텐츠를 쾌적하게 탐색할 수 있도록 터치 최적화 햄버거 메뉴와 간결한 스크롤 인터랙션을 적용했습니다.


바비보 홈페이지 추가 페이지 레이아웃
 

병원 홈페이지 제작 포트폴리오 목록으로 돌아가기 버튼
이전 병원 포트폴리오 프로젝트 보기 버튼 다음 병원 포트폴리오 프로젝트 보기 버튼
상단으로 상단으로

상담요청

전문보기
카카오톡 상담하기
전화 상담 무료 견적 문의 →