PORTFOLIO
Hospital & Clinic
Vizen Medical Portfolio

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

PORTFOLIO

명문에듀 하이브리드앱

개발분야 : Website(웹사이트) / Responsible website(반응형웹) / Mobile web(모바일웹) / Mobile App(모바일앱)
명문에듀_하이브리드앱 2026/01
병원 홈페이지 제작 포트폴리오 목록 이동 버튼 이전 병원 포트폴리오 사례 보기 버튼 다음 병원 포트폴리오 사례 보기 버튼

EDU4T 학습 매칭 플랫폼 소개


EDU4T는 학생과 전문가를 연결하는 학습 매칭 플랫폼으로, 직관적인 대시보드와
카드형 UI를 통해 사용자가 빠르게 정보에 접근하고 행동할 수 있도록 설계된 웹 서비스입니다.
명문에듀 EDU4T 학습 매칭 플랫폼 하이브리드 앱 UI 디자인 개요


[메인 화면 기획]

**학생과 교육 전문가를 연결하는 학습 매칭 플랫폼 'EDU4T'**의 서비스 특성을 반영해,

상담 신청부터 전문가 매칭까지 자연스럽게 이어지는 메인 화면을 기획했습니다.

상담 신청·전문가 매칭·공지사항·고객센터 등 주요 기능을 카드형 레이아웃으로 명확하게 구분하고,

사용자가 필요한 정보를 빠르게 확인하고 원하는 서비스에 직관적으로 접근할 수 있도록 설계했습니다.



EDU4T 메인 화면 블루 계열 카드형 레이아웃 및 상담신청 전문가 매칭 메뉴


[메인 디자인]

신뢰감과 안정감을 전달하는 블루 계열의 컬러를 중심으로,

교육 플랫폼에 어울리는 전문적이고 친근한 브랜드 이미지를 시각적으로 표현했습니다.

카드형 UI와 정돈된 그리드 레이아웃을 적용해 주요 기능의 시각적 구분을 명확히 하고,

핵심 정보와 CTA 버튼을 직관적으로 배치해 사용자가 다음 행동을 쉽게 인식할 수 있도록 디자인했습니다.


EDU4T 콘텐츠 페이지 리스트 구조 검색 필터 및 정렬 옵션 화면



[콘텐츠 디자인]

과외·컨설팅 요청, 선생님 찾기, 시험지 자료실 등 주요 콘텐츠를 체계적으로 구성해,

사용자가 학습 목적에 맞는 정보와 서비스를 빠르게 탐색할 수 있도록 설계했습니다.

리스트 기반의 콘텐츠 구조와 검색 필터·정렬 옵션·상태 표시 기능을 활용해,

다양한 정보를 효율적으로 검색하고 관리할 수 있는 화면 구성을 구현했습니다.

또한 명확한 정보 위계와 여백 중심의 레이아웃으로 복잡한 데이터의 가독성과 정보 전달력을 높였습니다.


EDU4T 앱 추가 페이지 UI 상세 화면 구성

[웹사이트 UX/UI]

학생과 전문가의 학습 매칭 과정 및 실제 서비스 이용 흐름을 고려해,

사용자가 상담 신청부터 전문가 탐색까지 편리하게 이용할 수 있는 UX/UI를 설계했습니다.

상단 긴급 상담 및 간편 문의 영역을 배치해 상담 접근성을 높이고,

주요 메뉴를 직관적으로 구성한 GNB와 명확한 CTA 버튼을 통해 불필요한 탐색 과정을 최소화했습니다.

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

상담요청

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