메뉴로 건너 뛰기 내용으로 건너 뛰기

프로젝트

MCM —

MCM 쇼핑몰 ShopMCM

Project Summary

디파이 포트폴리오 MCM KV 입니다.

Launch Date

1월
2012년

Categories

  • 웹사이트 / 모바일사이트

Tages

  • Paaaaa

Project Number

34N.

Much Casual 에서 Modern으로- MCM의 브랜드 이미지 개선을 위한 MCM 직영쇼핑몰 구축 프로젝트. 럭셔리 브랜드로 브랜드 이미지를 강화하고 있던 MCM은 브랜드 이미지를 제고, 웹사이트와 모바일 사이트 리뉴얼을 개편하였습니다. MCM 직영쇼핑몰 사이트인 shopMCM은 모던하고 정적인 레이아웃을 적용하여 브랜드 이미지와 부합하는 고급스러운 느낌을 재연하였으며, 그와 동시에 category와 depth 이동시 보여주는 스크립트의 느낌으로 마치 웹에서도 smart phone이나 tablet PC를 사용하는 듯한 UX를 구현하였습니다.

  • 완전히 다른 쇼핑몰의 구성

    shopMCM의 메인 페이지에서는 가격과 상세 제품들은 가려둔채, 사이트 전체의 구조를 볼 수 있도록 하여 유저를 원하는 페이지로까지의 이동시에 학습을 쉽도록 구현하였습니다. 프로모션 배너조차도 메인 페이지의 가장 중앙에 큰 영역으로 자리잡고 있지만, 그 영역의 비주얼을 MCM만의 고급스러운 이미지로 접근할 수 있도록 하였습니다.자칫 쇼핑몰로서는 위험한 시도였을 수 있으나, MCM의 브랜드 이미지를 제고하였을때, 여타 기존의 쇼핑몰과 동일한 방식으로 접근하였다면 성공하지 못할 고급스러움을 재연하였습니다.

  • Hide & Show

    Hide & Show 컨셉으로 구현된 shopMCM은 미니멀한 화면 구성에 고객을 배려한 기능을 담아 화면 안에 숨겨진 기능들이 필요할때마다 열리고 닫히도록 구현되어 재미와 사용성을 높였습니다.

  • 심플하지만 쉽고 명확한 UI

    기획전과 이벤트등, 사업자의 입장에서 항상 노출하고 싶은 컨텐츠들을 단순히 메인에서만 연결되는 컨텐츠가 아니라, 어떤 페이지에서든 자유자재로 노출될 수 있도록 GNB와 항상 붙어다니도록 구성을 하였으며, GNB에 구성된 MCM 상품군 및 쇼핑기획전, 오늘 본 상품, 장바구니를 레이어 형태로 구현하여 어느 화면에서든 화면 전환없이 편리하게 이용할 수 있고 레이어 형태에 맞춰 GNB의 형태가 조절되어 해당 기능을 부각시킵니다.

MCM 사이트 오버뷰 이미지입니다.
MCM 사이트 메뉴 이미지입니다.
MCM 사이트 PC 버전입니다.
MCM 사이트 메인 비주얼 이미지입니다.
MCM 사이트 제품 상세 페이지입니다.
MCM 사이트 태블릿 버전과 폴리곤 일러스트입니다.

Credits.

MCM 쇼핑몰

D.FY(디파이)

-

최지훈 - 총괄디렉터

김휘경 - 프로젝트 매니저

김휘경 - 기획

최지훈 - 디자인

정성엽 - 디자인

이원균 - 개발

이승철 - 개발

최철현 - 개발

디파이 포트폴리오 MCM 섬네일 이미지입니다.