2021년도 숙명여자대학교 시각영상디자인과 온라인 졸업전시회

👉 전시 사이트 바로가기

- 2021년도 숙명여자대학교 시각영상디자인과 온라인 졸업전시회 웹사이트 작업 진행.
- 기획, 디자인 작업 참여 및 UI 구현 담당.

사용 기술

Frontend: HTML, CSS, JavaScript
Backend: PHP

기여도

UI : 100%
디자인 : 50%
기획 : 50%

구현 내용

1.인트로 오픈 인터랙션(open intro interaction)

✅ 메인 페이지에서 우측의 바 클릭 시 박스가 열리며 전시 개요의 내용을 보여주는 인터랙션 구현.

2.작품 스크롤 인터랙션(scroll event)

✅ 전시 작품 리스트 페이지에서 스크롤이 어느 카테고리의 섹션에 있는지에 따라 좌측 카테고리에 밑줄이 생기는 이벤트.

3.반응형 웹(responsive web)

✅ 미술대학 졸업전시회 특성상 사용자들의 접속 환경이 매우 다양할 것을 고려하여 전체 웹페이지를 브라우저 사이즈에 반응하도록 제작.

4.오픈 카운트다운(countdown)

✅ 오픈 전 접속자들의 전시 접근을 막고 전시 일정을 안내하기 위한 D-day 카운트다운 페이지 구현.