수정요청 프로젝트관리
기업

주엽팝 색소폰클럽

블로그로만 운영하던 색소폰 연습실과 동호회 활동을 한곳에 모은 주엽팝 색소폰클럽 반응형 홈페이지입니다.

CLIENT
주엽팝 색소폰클럽
PERIOD
2020.04. ~ 2020.05.
TYPE
홈페이지 제작 (반응형/디자인)
사이트 바로가기
주엽팝 색소폰클럽 화면

OVERVIEW

주엽팝 색소폰클럽은 색소폰 레슨과 연습실을 운영하면서 회원 동호회 활동을 함께 꾸리는 곳입니다. 그전까지는 블로그 하나로 레슨 안내와 공연 소식, 연주 영상을 모두 올리고 있었는데, 글이 쌓일수록 처음 찾아온 사람이 레슨 정보를 찾기 어려워진다는 게 문제였습니다. 그래서 블로그에 흩어져 있던 내용을 네 갈래로 나눠 홈페이지로 옮겼습니다. 연습실 소개에는 레슨 안내와 연습실 이용·오시는 길을 묶고, 동영상 연주방은 선생님 연주와 회원 연주를 구분해 올릴 수 있게 했습니다. 동호회 소식은 공연 안내와 이모저모로, 자료실은 색소폰 공부 자료와 기타 자료로 나눴습니다. 처음 오는 사람은 레슨 쪽만 보면 되고, 기존 회원은 연주방과 소식만 보면 되도록 동선을 갈라 둔 구성입니다. 반응형으로 만들어 휴대폰에서 연주 영상을 바로 보게 했습니다.

  • CLIENT 주엽팝 색소폰클럽
  • SERVICE 기획, 디자인, 퍼블리싱, 개발
  • TYPE 홈페이지 제작 (반응형/디자인)
  • INDUSTRY 문화·여가 / 색소폰 레슨 및 동호회 운영 (연습실·연주 커뮤니티)
  • DEVICE PC / Mobile Responsive
  • SCALE main 1 page sub 8 page 자체제작 CMS

GOALS & SOLUTIONS

GOALS

  • 블로그에 섞여 있던 레슨 정보와 동호회 소식을 갈라놓기
  • 처음 찾아온 사람이 레슨·연습실 정보에 바로 닿게 하기
  • 회원 연주 영상을 모아 보여 주기
  • 휴대폰에서 영상이 바로 재생되게 하기

SOLUTION

  • 연습실 소개·동영상 연주방·동호회 소식·자료실 네 갈래로 메뉴 구성
  • 레슨 안내와 오시는 길을 한 메뉴 안에 묶어 배치
  • 선생님 연주와 회원 연주를 나눠 올리는 영상 게시판 구성
  • 반응형으로 제작해 모바일에서도 같은 동선 유지

KEY INSIGHTS

블로그로 버티던 곳은 콘텐츠가 모자라서가 아니라 섞여 있어서 사이트가 필요해집니다. 레슨을 알아보러 온 사람과 이미 다니는 회원은 보고 싶은 게 완전히 다르기 때문에, 글을 옮기는 게 아니라 동선을 갈라 주는 게 일의 핵심입니다.

KEY FEATURES

  • 반응형 디자인
  • 게시판/문의
  • 지도/오시는 길
  • 이미지 갤러리/슬라이드

TECH STACK

#Front-end

  • HTML5
  • CSS3
  • JavaScript
  • jQuery

#Back-end

  • PHP

#Database

  • MySQL

#Design

  • Photoshop

Related Projects