차세대 공항업무 분야 전문 기업,
에어포트TS 다국어 홈페이지 리뉴얼
RENEWAL
WEB / MOBILE
에어포트TS
다국어 홈페이지 리뉴얼
- Client
- 에어포트티에스
- Date
- 2021. 07 - 2021. 10
- Type
- 홈페이지, 워드프레스, 반응형 구축
Overview
에어포트TS의 최상위 홈페이지 목적은 “노후화된 홈페이지 UI/UX디자인 리뉴얼” 이었습니다.
UI/UX디자인 리뉴얼은 기업가치를 살리는 홈페이지 개선작업중 가장 중요한 작업으로
아몽소프트웨어는 에어포트TS를 찾는 타겟층의 고민과 Needs를 분석하여 사용자가 홈페이지를 가장 편하게 사용할 수 있도록 홈페이지 작업을 진행하였습니다.
Goal
UI/UX 디자인 리뉴얼
UI/UX Strategy
반응형 웹
다양한 디바이스와 해상도에 맞춘 반응형 웹을 제작하여 사용자 경험을 제공합니다.
반응형 개발에 맞춰 레이아웃의 구성을 개발 친화적으로 제작하였습니다.
프로페셔널한 UI
전문적이고 다양한 제품의 정보를 효과적으로 제공하기 위한 서비스로
단순히 상품을 구매하는 것 뿐만 아니라 경험하고, 수집하고, 만들어내는 과정을 제공합니다.
부드러운 UX
최신 트렌드가 반영된 깔끔한 디자인에 부드러운 인터렉션을 적용하여 사용자 경험을 자연스럽게
유도하였습니다. 또한 가시성을 높이고 편의성을 충족시켰습니다.
Airport TS
Design System
전체적으로 세련되고 현대적 스타일의 고딕체로 스마트폰 및 태블릿 같은
작은 화면의 디바이스에서도 텍스트를 보다 쉽게 읽을 수 있도록 가독성을 고려했습니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
Noto Sans
Noto Sans KR
Color System
환승객 도움 서비스로
누구나 여행할 수 있습니다
홈페이지 사용자를 위한 맞춤형 길잡이
타겟층에 맞는 행동을 유도하기 위한 CTA버튼으로
홈페이지 사용성을 극대화하였습니다.
고객의 NEEDS를 만족하는 정보제공
여행에 대해 관심을 가진 사용자의 NEEDS를 채워주기 위한
상담, 컨설팅, 상품등의 정보를 제공하여 UX를 개선하였습니다.
‣ 컨설팅 섹션
‣ 상담 & 갤러리 섹션
Airport TS
Subpage
GATE PAGE
홈페이지 타겟층에 따른 페이지네이션 기법을 활용하여
각각 타겟층에 맞는 서비스 페이지를 제공하였습니다.
‣ 게이트 페이지
COMPANY INTRODUCTION PAGE
에어포트 TS의 비전 및 가치를 소개하여
홈페이지 사용자로 하여금 전문성 & 신뢰성을 얻게 만들었습니다.
‣ 회사소개 페이지
PRODUCT PAGE
홈페이지 사용자의 궁금증을 해소하는 상품페이지로
정보의 가독성을 올리기 위해 3단그리드 방식을 채택하였습니다.
‣ 상품 페이지
Airport TS
Mobile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 텍스트 & 사진이 깨지지 않는 반응형 대응 작업을 진행해
PC와 마찬가지로 자연스러운 문의 신청이 가능하도록 만들었습니다.
