이안지오텍
홈페이지 제작 사이트
- Client
- 이안지오텍
- Date
- 2021. 03 - 2021. 06
- Type
- 홈페이지, 워드프레스, 반응형 구축
Overview
선진기술의 신개념 토목분야 건설기업으로 세대를 이끌어나갈 트렌디한 디자인이 필요했습니다.
트렌디한 UI디자인과 담당자를 위한 UX디자인을 목적을 가지며 단순한 회사소개 페이지가 아닌
문의를 폭발적으로 만들어내는 홈페이지가 될 수 있도록 개선하였습니다. 워드프레스의 장점을 활용해
손쉬운 관리자페이지도 함께 개발해 나갔습니다.
Goal
전문적인 UI디자인
UI/UX Strategy
프로페셔널한 UI
전문적이고 다양한 제품의 정보를 효과적으로 제공하기 위한 서비스로
단순히 상품을 구매하는 것 뿐만 아니라 경험하고, 수집하고, 만들어내는 과정을 제공합니다.
반응형 웹
반응형 웹에 최적화된 레이아웃과 그리드를 사용해
다양한 환경에서 사이트를 이용할 수 있도록 사용자 편의를 고려하여 제작하였습니다.
자연스러운 인터렉션
마우스 클릭 없이도 사업과 제품을 자연스럽게 경험할 수 있도록 구성합니다.
IAN GEOTEC
Design System
전체적으로 세련되고 현대적 스타일의 고딕체로 스마트폰 및 태블릿 같은
작은 화면의 디바이스에서도 텍스트를 보다 쉽게 읽을 수 있도록 가독성을 고려했습니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
Noto sans
Noto sans KR
Color System
세계로 나아가는 기업
이안지오텍
B.I에 맞는 UI / UX디자인
새롭게 리뉴얼 된 홈페이지에는 B.I 컬러에 맞는 UI디자인
& 고객을 고려하는 UX디자인을 선보였습니다.
고객을 위한 디자인
메인페이지에는 고객을 위한 정보를 채워야합니다.
이안지오텍의 최첨단 기술 & 국가 공인 인증서로 고객의 의심을 해소하였습니다.
‣ 셀링포인트 섹션
‣ 인증서 섹션
IAN GEOTEC
Subpage
ABOUT & HISTORY PAGE
이안지오텍 회사소개 페이지 및 회사연혁 페이지를 통해
이안지오텍의 기업정신 및 전문성을 살리는 페이지로 기획 & 개발하였습니다.
‣ 회사소개 페이지
PRODUCT INTRODUCTION PAGE
신기술이 사용된 토목 건설 제품을 소개하여
이안지오텍의 전문성 & 신뢰성을 살렸습니다.
‣ 상품소개 페이지
PORTFOLIO PAGE
시공사례를 활용하여 타겟층의 구매저항을 감소시켰습니다.
‣ 후기 페이지
IAN GEOTECb
Mobile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 문의 신청이 가능하도록 자연스러운 문의흐름을
개발하는 완벽한 반응형 대응을 진행하였습니다.