
MAJESTY WEBSITE & MOBILE RENEWAL
스마트스코어의 자회사인 마제스티 브랜드의
웹사이트 및 모바일 리뉴얼 디자인
작업기간
WEBSITE
2022.11.14 ~ 2023. 02.28 (16주)
MOBILE
2023.02.27 ~ 2023.04.21 (8주)
기여도
총 3명 작업 중 본인 40%
(메인 디자이너 55% 서브디자이너 5%)

OVERVIEW
마제스티는 일본의 장인정신에 기반한 고급 품질과 성능의 프리미엄 골프 브랜드입니다.
'군주'를 뜻하는 'Majesty'는 화려함과 고급스러움을 지향하며, 현재 골프클럽뿐만이 아닌
의류와 플랫폼 등 다양하게 구축하여 온라인 판매를 확대해 나가고있습니다.
GOAL
목표
1. 상품에 대한 집중도를 높여 매출상승 효과 기대
- 클럽별 / 기어별 필터를 통해 쉽고 빠른 검색 및 구매를 도움
- 지역별 시타샵 안내와 예약을 통해 브랜드 서비스 홍보
2. 스토리텔링을 통해 브랜드의 기술과 역사를 전달하고,
브랜드의 아이텐티티를 높이고자 함
컨셉
Luxury · Premium · Story-telling
타켓
삶이 안정된, 럭셔리한 30-50대 골퍼
# 돈을 아끼지 않는
# 가성비보다는 브랜드
# 과시하기를 좋아하는
# 성능 위주
# 화려한
AS-IS
불편한 UI(분리된 메뉴, 인터렉션)로 인한 높은 이탈률
브랜드 아이텐티티와 어울리지 않는 올드한 디자인
전면 배너 스크롤 레이아웃으로인한 낮은 트래픽
⇀
⇀
⇀
TO BE
올바른 타켓팅과 개선된 플로우로 편의성 개선
일관성있고 절제된 디자인으로 아이덴티티 강화
UI개선과 스토리텔링으로 자연스러운 사용성
CONCEPT
Luxury · Premium · Story-telling
![[PC] main_edited.jpg](https://static.wixstatic.com/media/49303c_3768b7c97f0148559e1378ff7f4d5494~mv2.jpg/v1/crop/x_0,y_0,w_675,h_2995/fill/w_500,h_2219,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/%5BPC%5D%20main_edited.jpg)
![[PC] CLUB_공통상세페이지_템플릿.jpg](https://static.wixstatic.com/media/49303c_402cf426250f49059600a057020f8830~mv2.jpg/v1/crop/x_0,y_8,w_3840,h_14930/fill/w_500,h_1944,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/%5BPC%5D%20CLUB_%EA%B3%B5%ED%86%B5%EC%83%81%EC%84%B8%ED%8E%98%EC%9D%B4%EC%A7%80_%ED%85%9C%ED%94%8C%EB%A6%BF.jpg)
![[PC] #01. Layout Guide.png](https://static.wixstatic.com/media/49303c_a41ea03449014ac5ad7205bc2444ff31~mv2.png/v1/fill/w_980,h_476,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/49303c_a41ea03449014ac5ad7205bc2444ff31~mv2.png)
디자인 시스템
메인디자이너가 작업한 디자인시스템을 준수하여 페이지들을 작업하였습니다.
[ 본인 작업물]

![[mo] NOTICE EVENT 이벤트 신청 로그인 안 되었을 때.jpg](https://static.wixstatic.com/media/49303c_e3594c4d388d44fea2fe26d852039f82~mv2.jpg/v1/fill/w_216,h_480,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/%5Bmo%5D%20NOTICE%20%20EVENT%20%20%EC%9D%B4%EB%B2%A4%ED%8A%B8%20%EC%8B%A0%EC%B2%AD%20%20%20%EB%A1%9C%EA%B7%B8%EC%9D%B8%20%EC%95%88%20%EB%90%98%EC%97%88%EC%9D%84%20%EB%95%8C.jpg)

![[mo] 마이페이지 나의 골프백.png](https://static.wixstatic.com/media/49303c_cc46286dc168441fb409995ca8792235~mv2.png/v1/crop/x_4,y_0,w_353,h_800/fill/w_211,h_478,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/%5Bmo%5D%20%EB%A7%88%EC%9D%B4%ED%8E%98%EC%9D%B4%EC%A7%80%20%20%EB%82%98%EC%9D%98%20%EA%B3%A8%ED%94%84%EB%B0%B1.png)


![[PC] 마이페이지 정품등록 시리얼 등록 확인결과.png](https://static.wixstatic.com/media/49303c_2b1b5f0108784c4189d340a0066f896c~mv2.png/v1/fill/w_978,h_549,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/%5BPC%5D%20%EB%A7%88%EC%9D%B4%ED%8E%98%EC%9D%B4%EC%A7%80%20%20%EC%A0%95%ED%92%88%EB%93%B1%EB%A1%9D%20%EC%8B%9C%EB%A6%AC%EC%96%BC%20%EB%93%B1%EB%A1%9D%20%ED%99%95%EC%9D%B8%EA%B2%B0%EA%B3%BC.png)
![[mo] 마이페이지 렌탈 내역_X.png](https://static.wixstatic.com/media/49303c_ec3f3336635344038d1eaf43a9bfd3f4~mv2.png/v1/fill/w_270,h_600,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/%5Bmo%5D%20%EB%A7%88%EC%9D%B4%ED%8E%98%EC%9D%B4%EC%A7%80%20%20%EB%A0%8C%ED%83%88%20%EB%82%B4%EC%97%AD_X.png)


ICON ANIMATION
Illustrator & After Effect로 작업 후 용량을 최적화 하기 위하여
json으로 추출하여 개발자에게 전달하였습니다.













글로벌 대응
현재 운영되고있는6개국 별 언어 대응을 고려하였습니다.
언어별 길이에 따라 생길 수 있는 오류들을 최소화하고자 하였고,
획이 많아 복잡한 한문들을 고려하여 가독성을 높이고자 서체를 신중히 선별했습 니다.

운영가이드 제작
개발 이후 마제스티 브랜드에서 완성된 디자인에 준수하여
운영할 수 있도록 운영가이드를 제작하여 전달하였습니다.
(총 13 페이지 중 8페이지 제작)









FINDING HARMONY IN THE BALANCE BETWEEN LUXURY AND CRAFT



