서울대학교 화학생물공학부 연구실 홈페이지 제작 포트폴리오

서울대학교 화학생물공학부 연구실 홈페이지 반응형

[메인 디자인]

서울대학교 에너지·환경촉매 연구실 EECAT의 전문성과 정체성이 드러나도록 네이비와 화이트를 중심으로 구성했습니다.

서울대학교 정문 이미지를 넓게 배치하고 연구실명을 강조해 소속과 연구 분야를 명확하게 전달합니다.

하단에는 최신 소식과 논문을 나란히 배치해 연구실의 활동과 성과를 한눈에 확인할 수 있도록 했습니다.

여백과 절제된 시각 요소를 활용해 학술 기관에 어울리는 차분하고 신뢰감 있는 인상을 완성했습니다.

[콘텐츠 디자인]

논문 목록은 썸네일, 제목, 저자, 학술지 정보를 일정한 형식으로 정리해 많은 자료를 쉽게 훑어볼 수 있도록 구성했습니다.

연구 소개 페이지는 연구 분야별 제목과 도식, 설명을 순서대로 배치해 전문적인 내용을 단계적으로 전달합니다.

공통 상단 배너와 통일된 색상으로 페이지 간 일관성을 유지했습니다.

제목과 본문의 크기, 굵기, 간격에 차이를 두어 긴 글에서도 핵심 내용과 세부 정보를 구분하기 쉽도록 했습니다.

[웹사이트 UX/UI]

연구 분야, 구성원, 논문, 갤러리, 공지사항을 중심으로 메뉴를 구성해 방문 목적에 따라 정보를 찾기 쉽도록 했습니다.

메인 화면의 최신 소식과 논문에서 전체 목록으로 이어지는 동선을 제공하고, 논문 페이지에는 분류 선택과 페이지 이동 기능을 배치했습니다.

현재 위치를 알려주는 경로와 상단 이동 버튼으로 긴 콘텐츠를 탐색할 때의 편의성도 고려했습니다.

주요 메뉴와 버튼의 위치 및 표현을 통일해 처음 방문한 사용자도 자연스럽게 사이트를 이용할 수 있도록 했습니다.