심도있는 공간 디자인 창출 기업,
GMCMESSE 홈페이지 반응 형 리뉴얼
RENEWAL
WEB / MOBILE
GMCMESSE
홈페이지 반응 형 프로젝트
- Client
- gmcmesse
- Date
- 2021. 06 - 2021. 08
- Type
- 홈페이지, 워드프레스, 반응 형 구축
Overview
gmcmesse의 최상위 홈페이지 목적은 “사업의 규모가 느껴지는 전문성” 이었습니다.
gmcmesse 사용하는 소비자에게 전문 자료를 홈페이지 배치하여 구매저항을 감소시켰습니다.
또한 템플릿형 UI / UX디자인에서 벗어난 맞춤형 디자인 & 마이크로 인터렉션을 선보였습니다.
Goal
UI/UX 디자인 리뉴얼
전문성 & 신뢰성 확보
UI/UX Strategy
깔끔한 아이콘
gmcmesse의 가치와 전문성이 연상될 수 있도록 깔끔하고
통일된 아이콘을 제작하여 클릭을 유도하였습니다.
틀을 깨는 UI
공통적으로 사용되는 UI의 틀을 깨고 자유로운 디자인을 적용하였습니다.
특정 개체가 묻히거나 튀지 않도록 톤앤매너를 유지하였습니다.
자연스러운 인터랙션
사업과 제품을 자연스럽게 경험할 수 있도록 구성합니다.
gmcmesse
Design System
전체적으로 세련되고 현대적 스타일의 고딕체로 스마트폰 및 태블릿 같은
작은 화면의 디바이스에서도 텍스트를 보다 쉽게 읽을 수 있도록 가독성을 고려했습니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
Noto Sans
Noto Sans KR
Color System
PANORAMA
SCREEN WALL ADEX 2021
전문성을 강조한 메인페이지 UI디자인
디자인에 대한 전문성을 보여주어야 했습니다.
일반적인 홈페이지 레이아웃이 아닌 탈그리드 형식을 활용하였습니다.
고객의 구매저항을 해소하는 사회적 근거
파트너사와 정교한 프로세스를 소개함으로써
고객이 가지고 있는 궁금증 및 구매저항을 해소시키는 중요한 역할을 수행하였습니다.
‣ ABOUT Section
‣ OUR CLIENTS Section
gmcmesse
Subpage
ABOUT PAGE
gmcmesse가 추구하고자 하는 방향성 및 비전
어떤 서비스를 제공하는지 작성하는 페이지입니다.
‣ 어바웃 페이지
WORKS PAGE
기존 gmcmesse의 작업물을 보여주는 페이지로
타 사이트의 포트폴리오 페이지의 역할을 도맡았습니다.
‣ 웍스 페이지
CONTACT PAGE
문의를 받을 수 있는 Form 형식을 홈페이지 내에 구현하여
전환고객 데이터베이스를 수집할 수 있도록 기획하였습니다.
‣ 문의 페이지
gmcmesse
Mobile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 텍스트 & 사진이 깨지지 않는 반응형 대응 작업을 진행해
PC와 마찬가지로 자연스러운 문의 신청이 가능하도록 만들었습니다.
