Mercedes-Benz
Creative Agency Reimagined
Project Concept Label
UI/UX DESIGN, WEBSITE
Project Type
INTRODUCTION
디자인 프로젝트 진행을 위한 사이트 작업으로 벤트 사이트를 작업하게 되었습니다. 완성도 높게 작업하는것을 목표로 반응형 웹사이트로 작업하였습니다. 초기 디자인 시안부터 기획, 개발까지 모두 진행하였으며 UI/UX적으로도 편리하고 디자인적으로도 여유롭고 고급스러운 벤츠의 이미지와 어울리게 작업하는것을 목표로 진행하였습니다.
DESIGNING METHOD
벤츠 브랜드의 핵심 키워드인 ‘럭셔리’, ‘정교함’, ‘미래지향’을 먼저 정리했고, 이 키워드를 기반으로 컬러팔레트(블랙·메탈·크롬 톤)와 타이포그래피(모던하고 세련된 서체)를 선택하였습니다. Figma에서 전체 사이트 흐름을 설계하였고, 홈페이지 → 제품 라인업 → 브랜드 스토리 → 고객지원 구조로 구성하여 방문자가 자연스럽게 브랜드 스토리로 몰입할 수 있도록 설계했습니다. 반응형 디자인을 적용해 PC, 태블릿, 모바일 환경 모두에서 벤츠 브랜드의 이미지가 손상되지 않도록 했습니다. CSS 커스터마이징을 통해 배경 이미지, 메탈릭 버튼, 간결한 인터랙션 효과(호버 및 스크롤 트리거)를 추가해 고급 브랜드의 느낌을 강화했습니다. 또한 웹표준 및 접근성을 고려해 HTML5 구조화, 이미지 최적화, 레이지 로딩 등을 적용하여 사이트 로딩 속도와 사용자 경험을 모두 고려했습니다.
FINAL PERFORMANCE
1. 브랜드 이미지 전달 측면에서, 최종 결과물은 벤츠의 고급 브랜드 아이덴티티를 온라인 상에서 명확하게 보여줍니다. 방문자는 사이트에 접속하는 순간부터 ‘프리미엄 브랜드’라는 인상을 받게 됩니다. 2. 사용자 경험 측면에서, 반응형 설계 덕분에 다양한 디바이스에서 동일한 품질의 경험을 제공하며, 메뉴 흐름과 콘텐츠 배치가 직관적이라 이탈률을 낮추고 브랜드 메시지 전달 효율을 높입니다. 3. 기술적 구현 및 비즈니스 활용 측면에서, 코드 구조가 모듈화되어 있어 향후 브랜드 캠페인 혹은 다른 브랜드 템플릿 제작에 재활용이 용이합니다. 이로 인해 비용과 시간을 절감할 수 있는 기반이 마련됩니다.
