IT 제품 '필코리아 무선 이어폰 2종' 상세페이지 디자인
IT 제품 '필코리아 무선 이어폰 2종' 상세페이지 디자인
비티와이플러스가 잘하는 것 중에 하나는 전자제품 페이지 제작입니다.
이유는 일상에서 전자 제품 사용에 진심이기에,
의뢰가 들어오면 더욱 관심과 신경을 쓰게 됩니다.
제작에 오늘 만나게 될 제품은 필코리아의 무선이어폰 2가지입니다.
제품과 처음 만나기
저는 A*의 커널형 무선 이어폰을 쓰고 있습니다.
오픈형은 잡음이 섞여 선호하지 않아 쳐다도 안보고 살아온 N년.
J**이어폰을 쓰고있는 팀장님의 적극적인 권유로 제품을 사용해 보았습니다.
마치 스피커로 가득한 방에 들어간 듯한 경험이었습니다.
제품의 뛰어난 성능에 충격을 받고 가격에 말을 잇지 못했습니다.
또한 케이스도 손에 찾 감기는 그립감을 주는 디자인에 감동이었습니다.
고성능에 저가격인 가성비 제품이라?
많은 사람에게 알려야겠다!
기획서 분석&디자인 방향 잡기
제품 어필, 특징 소개, 각 영역에 적절하게 배치할 촬영본을 확인합니다.
업체가 전달한 소스 파일도 체크합니다.
이 제품은 제품이 담백하게 전달될 수 있게 정돈된 깔끔한 페이지로 가기로 결정.
A*사, B*사 등 타사의 페이지를 참고하되 게시 플랫폼에 맞게 후킹 영역 및
강조되어야 하는 부분은 디자인에 힘주기로 했습니다.
전체적인 톤은 제품 컬러인 블랙으로 깔아 진행하기로 했습니다.
포인트 컬러는 제품과 연관지어 선정했습니다.
GS는 제품 연결 시 깜빡이는 불빛인 블루 컬러로,
CC Pro2는 기존 상세페이지의 포인트 컬러인 골드 컬러로 골랐습니다.
제작 전 검토하며 스크랩했던 레퍼런스를 참고해 작업에 들어갑니다.
이런 과정을 거치더라도 간혹 생각했던 표현이 어울리지 않는 영역들이 있거나
추가로 소스를 요청해야 하는 상황이 생깁니다.
그럴 때는 수정해야하는 영역이, 앞/뒤 영역의 흐름과 맞아야합니다.
다시 적절한 레퍼런스를 찾아 디자인을 구상해 기존 페이지와 이어지게 디벨롭합니다.
에피소드, 패키지 파일 요청
이 프로젝트는 한 제품의 페이지를 만들어,
다른 제품 페이지를 베리에이션하는 작업이었습니다.
두 페이지의 결을 잇고 맞추어 진행했기에 시리즈물을 만드는 것 같아 즐거웠습니다.
완성도를 높이려면 자료가 다양할수록 좋고, 그 자료들의 퀄리티가 좋을수록 수월합니다.
자료를 준비하는데 참고가 되도록, 이번 에피소드를 소개합니다.
이번엔 제품을 설명하는 아이콘이 다수 필요하여 패키지 ai파일을 요청하였는데
상세페이지 psd를 전달받았습니다.
해당 파일에는 더 많은 아이콘이 있어서 다양했지만 픽셀화된 레이어로 정리되어있었습니다.
패키지에는 인쇄용 파일이라, 벡터 개체 아이콘이 있습니다.
백터 개체는 사이즈를 자유자재로 조절할 수 있어, 다용도로 활용하기 적절합니다.
다시 요청하여 파일을 받았고, 페이지에 적용할 수 있었습니다.
업체에서 공유한 소스 자료들이 다양하고 퀄리티가 높을수록 완성도를 올리기에 수월합니다.
소스가 많으면 많을수록, 다양할수록 작업에 도움이 됨을 다시 한번 몸소 체험하였습니다.
제품 흥행에 좋은 결과가 있길 바랍니다!
감사합니다.