플러스프로젝트 배경
런던에서 활동하는 바이올리니스트 S.P.의 포트폴리오 웹사이트 제작 의뢰로 시작된 프로젝트입니다. 클라이언트는 Royal College of Music과 Trinity Laban Conservatoire에서 수학한 연주자로, Wigmore Hall·Queen Elizabeth Hall 등 런던 주요 공연장에서 활동하고 있었습니다. 연주자의 개성과 음악적 감수성을 담은 고품격 웹사이트가 필요했으며, 다양한
프로젝트 성과
콘셉트~퍼블리싱 전 과정 단독 수행
기획·키 비주얼 디자인·HTML/CSS/JS 개발·반응형 퍼블리싱까지 전 과정을 직접 수행하여 최종 납품
3단계 반응형 완전 대응
모바일·태블릿·데스크탑 3단계 CSS 분리 구조로 모든 디바이스에서 레이아웃과 타이포그래피가 최적화되어 표시
미디어 콘텐츠 통합
Vimeo 연주 영상 3편, SoundCloud 음원을 임베드하여 포트폴리오 사이트에서 바로 감상 가능하도록 구현
클라이언트 직접 운영 가능하도록 인수인계
퍼블리싱 완료 후 사이트 구조와 콘텐츠 수정 방법을 교육하여 클라이언트가 자립적으로 업데이트할 수 있는 환경 구축
핵심 기능
3단계 반응형 레이아웃
모바일(~480px) · 태블릿(481~1024px) · 데스크탑(1024px~) CSS 파일 분리. 크로스브라우저 Flexbox 벤더 프리픽스 전체 대응으로 구현하였습니다.
진행 단계
기획 · 콘셉트
2015.06.
클라이언트 인터뷰를 통해 요구사항을 정의하고, 7개 페이지 구성, 키 컬러·서체 방향, 반응형 3단계 구조를 기획하였습니다.
프로젝트 상세
런던 활동 바이올리니스트를 위한 포트폴리오 웹사이트를 콘셉트 기획부터 퍼블리싱까지 전담하여 제작하였습니다. 검은 배경에 형광 그린 키 컬러를 활용한 키 비주얼을 직접 디자인하였으며, 세리프체로 클래식 음악의 격조를 표현하였습니다. 반응형은 모바일(~480px) / 태블릿(481~1024px) / 데스크탑(1024px~) 3단계로 CSS를 분리하여 구현하였고, 크로스브라우저 Flexbox 벤더 프리픽스를
