프로젝트 배경
서울대학교 화학부의 연구 및 교육 역량을 효과적으로 전달하기 위해 공식 홈페이지를 새롭게 구축하였습니다. 다양한 사용자(교수진, 재학생, 입학 희망자 등)가 목적에 맞는 정보를 쉽게 찾을 수 있도록 콘텐츠 구조를 재정비하고, 반응형 UI로 사용자 접근성을 높였습니다.
연구실 소개, 전공 커리큘럼, 입학 안내, 학사 일정 등 주요 정보를 정보 위계에 따라 구성하였으며, 서울대 BI 가이드라인을 준수한 심플하고 학문적인 디자인을 적용하였습니다.
또한 관리자 페이지를 통해 공지사항이나 연구성과를 쉽게 업데이트할 수 있도록 개발하여, 비전공자도 편리하게 운영할 수 있도록 구성하였습니다.
1) 문제점
(1) 기존 웹사이트는 UI가 노후화되고 반응형 미지원으로, 다양한 디바이스에서 정보 접근이 어려웠습니다.
(2) 학부 소식, 연구성과, 입학 정보 등 주요 콘텐츠가 비정형적으로 제공되어 내·외부 사용자들의 정보 탐색 효율이 낮은 상태였습니다.
2) 프로젝트 목표
(1) 서울대학교 화학부의 연구 역량과 교육 경쟁력을 효과적으로 전달할 수 있는 공식 홈페이지 구축
(2) 교수진, 학부/대학원생, 외부 연구자, 입학 희망자 등 다양한 이용자 유형에 맞춘 콘텐츠 구조화와 반응형 UI 제공
3) 주안점
(1) 연구실별 콘텐츠, 전공 커리큘럼, 입학 안내, 학사 일정, 공지사항 등 정보 위계에 따라 정리된 메뉴 구조 설계
(2) 서울대 BI 가이드라인 준수 및 심플하고 학문적인 디자인 톤 유지
(3) 관리자 페이지를 통한 공지 및 연구성과 업데이트 용이성 확보, 비전공자도 쉽게 콘텐츠 관리 가능하도록 UI 구성
연구실 소개, 전공 커리큘럼, 입학 안내, 학사 일정 등 주요 정보를 정보 위계에 따라 구성하였으며, 서울대 BI 가이드라인을 준수한 심플하고 학문적인 디자인을 적용하였습니다.
또한 관리자 페이지를 통해 공지사항이나 연구성과를 쉽게 업데이트할 수 있도록 개발하여, 비전공자도 편리하게 운영할 수 있도록 구성하였습니다.
1) 문제점
(1) 기존 웹사이트는 UI가 노후화되고 반응형 미지원으로, 다양한 디바이스에서 정보 접근이 어려웠습니다.
(2) 학부 소식, 연구성과, 입학 정보 등 주요 콘텐츠가 비정형적으로 제공되어 내·외부 사용자들의 정보 탐색 효율이 낮은 상태였습니다.
2) 프로젝트 목표
(1) 서울대학교 화학부의 연구 역량과 교육 경쟁력을 효과적으로 전달할 수 있는 공식 홈페이지 구축
(2) 교수진, 학부/대학원생, 외부 연구자, 입학 희망자 등 다양한 이용자 유형에 맞춘 콘텐츠 구조화와 반응형 UI 제공
3) 주안점
(1) 연구실별 콘텐츠, 전공 커리큘럼, 입학 안내, 학사 일정, 공지사항 등 정보 위계에 따라 정리된 메뉴 구조 설계
(2) 서울대 BI 가이드라인 준수 및 심플하고 학문적인 디자인 톤 유지
(3) 관리자 페이지를 통한 공지 및 연구성과 업데이트 용이성 확보, 비전공자도 쉽게 콘텐츠 관리 가능하도록 UI 구성
프로젝트 성과
학과 정체성과 연구 역량을 반영한 UI/UX 설계
(1) 학문적 신뢰와 품격을 전달할 수 있는 클린하고 안정적인 디자인 구성
(2) 연구실, 교수진, 학과 소개 등 콘텐츠를 중심으로 한 정보 구조 설계
(3) 학과 브랜드 컬러와 상징요소를 활용한 통일성 있는 시각
(2) 연구실, 교수진, 학과 소개 등 콘텐츠를 중심으로 한 정보 구조 설계
(3) 학과 브랜드 컬러와 상징요소를 활용한 통일성 있는 시각
사용자 중심의 정보 접근성 강화
(1) 학부생·대학원생·외부 방문자 등 사용자별 주요 정보 접근 경로 최적화
(2) 입학 안내, 수업 정보, 공지사항 등을 직관적으로 배치
(3) 검색 기능, 카테고리 필터 등을 활용한 콘텐츠 탐색성 향상
(2) 입학 안내, 수업 정보, 공지사항 등을 직관적으로 배치
(3) 검색 기능, 카테고리 필터 등을 활용한 콘텐츠 탐색성 향상
교수진·연구실 콘텐츠 관리 기능 구현
(1) 교수 소개, 연구 분야, 논문 목록 등 콘텐츠 입력 기능 제공
(2) 연구실별 개별 페이지 구성으로 최신 정보 제공 가능
(3) 관리자 페이지에서 간편하게 수정·추가할 수 있도록 CMS 적용
(2) 연구실별 개별 페이지 구성으로 최신 정보 제공 가능
(3) 관리자 페이지에서 간편하게 수정·추가할 수 있도록 CMS 적용
핵심 기능

학과 소개 및 구성원 정보 제공
학과 연혁, 비전, 조직도, 교수진 및 연구실 정보를 체계적으로 제공하여 학문적 위상과 연구 역량을 명확히 전달

연구 및 학술 콘텐츠 구성
연구 분야별 콘텐츠(유기, 무기, 분석, 물리화학 등)를 정리하고, 논문·과제·세미나 등의 학술정보를 아카이브 형태로 제공

학사 안내 시스템
학부 및 대학원 과정의 커리큘럼, 졸업 요건, 수업계획서, 장학 안내 등을 효율적으로 구성하여 학생의 정보 접근성 강화
프로젝트 상세
1) 포트폴리오 소개
서울대학교 화학부의 학사 정보 제공과 연구 콘텐츠 아카이빙, 구성원 간 커뮤니케이션 강화를 위한 웹사이트 구축 (타깃: 학부생, 대학원생, 교수진, 외부 연구자)
2) 작업 범위
정보구조 기획, UI/UX 디자인, 프론트엔드 개발, 통합 콘텐츠 관리 시스템 구축, 관리자 페이지 개발 및 유지관리 환경 설계
3) 주요 업무
교수진 및 연구실 소개, 학사 안내 및 공지사항, 연구성과 및 논문 업로드, 일정 캘린더, 자료실·채용 공고 게시판, 관리자 전용 콘텐츠 등록·승인 기능
4) 주안점
학과 특화 콘텐츠 구성, 사용자별 정보 접근성 강화, 모바일 대응 최적화, 관리자 운영 편의성을 고려한 CMS 설계, 확장 가능한 구조 구축
서울대학교 화학부의 학사 정보 제공과 연구 콘텐츠 아카이빙, 구성원 간 커뮤니케이션 강화를 위한 웹사이트 구축 (타깃: 학부생, 대학원생, 교수진, 외부 연구자)
2) 작업 범위
정보구조 기획, UI/UX 디자인, 프론트엔드 개발, 통합 콘텐츠 관리 시스템 구축, 관리자 페이지 개발 및 유지관리 환경 설계
3) 주요 업무
교수진 및 연구실 소개, 학사 안내 및 공지사항, 연구성과 및 논문 업로드, 일정 캘린더, 자료실·채용 공고 게시판, 관리자 전용 콘텐츠 등록·승인 기능
4) 주안점
학과 특화 콘텐츠 구성, 사용자별 정보 접근성 강화, 모바일 대응 최적화, 관리자 운영 편의성을 고려한 CMS 설계, 확장 가능한 구조 구축

