SM의 2022년 겨울 앨범 SMCU PALACE의 프로모션 홈페이지를 제작했습니다.
사이트를 이용하고 SNS로 공유되는 모든 부분에서 앨범 콘셉트가 잘 느낄 수 있도록 개발했습니다.
사이트를 이용하고 SNS로 공유되는 모든 부분에서 앨범 콘셉트가 잘 느낄 수 있도록 개발했습니다.
페이지 진입시 페이드인 되며 초점이 맞춰지는 모션은 망원경의 메타포를 녹여냄과 동시에 사용자가 배경 이미지를 드래그를 하도록 이끕니다.
‘CAPTURE’버튼 클릭시 보여지는 화면을 그대로 저장하는 것이 아닌, 지정된 프레임과 이미지가 저장되도록 설계해 앨범컨셉과 디자인 무드를 홈페이지 곳곳에 유지되도록 했습니다. 캡쳐된 이미지가 공유될 때는 자동으로 지정해둔 해스태그가 작성되도록 개발했습니다.
발권 페이지는 정보를 기입하면 입력된 내용이 반영된 티켓이 발권됩니다.
티켓이 쓸려오는 모션은 실제로 누군가 건네는 듯한 인상을 줍니다.
발권, 돈돌라 페이지로 이동 버튼은 곤돌라가 들어오는 모습처럼, 알파벳이 하나씩 나타나는 모션을 추가해 클릭을 유도합니다.
지정된 금지어 및 비속어 사용시 경고 메세지 또한 모션을 활용해 재미를 느낄수 있도록 했습니다.
프로젝트 진행중 앨범 브랜드 디자인과 모바일 규격만 디자인이 진행되는 이슈들로 인해
실제 사용 디자인은 수정 및 변경을 거쳐 제안된 디자인과 다릅니다.
Credit
2022.10 ~ 2022.12
TOKTOKHAN.DEV(똑똑한개발자)
Design.
Jeong Yujin, Kim Suyeon
Design.
Jeong Yujin, Kim Suyeon
Development
Seo Jangwon, Kim Taejin
Project Manager
Kim Kunho
