여주대학교실용음악과 예약프로그램 포트폴리오
모두가 만족할 결과물을 제시해 드립니다.
we deliver outcomes that satisfy everyone.
- 여주대학교실용음악과 예약프로그램
- 개발분야 : Responsible website(반응형웹)
메인 화면 기획 및 연습실 예약 중심 랜딩 구성
[메인 화면 기획]
여주대학교 실용음악과 학생들이 연습 공간을 예약하는 전용 사이트라는 목적에 맞춰, 메인을 소개 콘텐츠 없이 한 화면으로 압축하고
개인연습실·합주실·작업실·녹음실 4개 예약 메뉴를 첫 화면 중앙에 바로 배치하도록 기획했습니다.
피아노 연주와 드럼·기타 사진 슬라이드 위에 'We are the SOULCREW' 메시지를 더해
실용음악과 학생들의 소속감과 에너지를 함께 전달하도록 구성했습니다.
메인디자인
[메인 디자인]
어둡게 눌린 연주 사진 위에 반투명 유리 질감의 카드와 가는 흰 라인을 올린 글래스모피즘 스타일로,
음악 작업실의 감각적이고 트렌디한 분위기를 표현했습니다.
굵은 기하학 산세리프의 SOULCREW 워드마크와 S·C를 곡선으로 엮은 원형 심볼, 음표·기타·믹서·마이크 라인 아이콘을
흰색 단색으로 통일해 사진의 색감을 살리면서도 정돈된 비주얼 톤을 완성했습니다.
콘텐츠디자인
[콘텐츠 디자인]
GNB를 공간별 예약 4개와 예약내역·공지사항으로만 구성해
학생들이 필요한 기능을 바로 찾을 수 있도록 정보 구조를 최소화했습니다.
각 예약 카드는 아이콘과 국문 공간명, 영문 보조 설명을 같은 형식으로 정리해 공간의 성격을 직관적으로 구분하고,
공지사항은 회원가입 유의사항 등 이용 규칙을 게시판형으로 안내하도록 설계했습니다.
웹사이트 UIUX
[웹사이트 UX/UI]
예약 기능은 로그인 후 이용하도록 하여 학과 구성원만 공간을 예약하게 하고,
예약내역 메뉴에서 본인의 예약 현황을 바로 확인·관리할 수 있도록 동선을 정리했습니다.
모바일에서는 예약 카드를 한 열로 크게 재배치해 엄지로 쉽게 누를 수 있게 하고,
좌우 화살표로 메인 비주얼을 넘겨보는 간단한 인터랙션만 남겨 어느 기기에서든 빠르게 예약까지 이어지도록 설계했습니다.
