본문 바로가기
포트폴리오[기업]

[엔터크론아이앤씨] 반응형 웹사이트로 기업 경쟁력 강화! 기업 홈페이지 제작 매스티지의 리뉴얼 사례 분석

by (주)매스티지 2024. 7. 12.

 


안녕하세요~!

20년 노하우, 국내 최다 홈페이지 제작 매스티지입니다^^


오늘은 차별화된 기술과 혁신으로 물류 여러 분야에 솔루션을 제공하는

엔터크론아이앤씨(COVAS) 반응형 홈페이지를 소개해드리겠습니다.


 

 

엔터크론아이앤씨 홈페이지는

모바일에 최적화된 반응형 홈페이지로 제작되었습니다.

다양한 디바이스( PC, 태블릿, 패드, 스마트폰 등 )의 화면에서

각 해상도에 맞는 최적화된 화면을 경험할 수 있습니다.

사용친화적인 UI/UX로 개발되어 웹접근성을 높였고

가독성과 심미성 두가지 모두 부합하는 디자인으로

고객의 니즈에 맞춰 완성도 높은 반응형웹을 제작했습니다.

 

 

동일한 화면이 스마트폰, 모바일 화면에서도 통일성이 유지되면서

완벽하게 구현되고 높은 가독성을 보일 수 있도록 매스티지의 전문 인력과

체계적인 반응형 프로세스를 통해 효율적인 반응형웹을 구축했습니다.

기업의 반응형 홈페이지를 통해 언제 어디서든 원활하게 접속할 수 있습니다.

 


 

엔터크론아이앤씨(COVAS)는 초자동화 기술 기반의 물류 플랫폼으로

최고의 기술력과 최상의 솔루션으로 SaaS 기반의 물류 서비스를 제공하는 IT기업입니다.

ESG 기반의 고객 관점의 맞춤형 서비스로 고객과 동반성장 할 수 있는 환경을

만들어 나가고 있으며 기업 가치향상을 위한 선두 주자로

도약하기 위해 끊임없는 노력과 연구를 하고 있습니다.


​메인 페이지

 

 

 

직관적인 이미지와 아이콘을 사용하여   IT 솔루션을 제공하는 

기업의 전문성이 홈페이지 디자인에 잘 묻어나올 수 있도록 만들었고,

간결한 레이아웃으로 콘텐츠를 구성하여 홈페이지를 이용하는 유저들이

기업의 비즈니스와 솔루션 내용 및 정보를 보다 쉽게 이해할 수 있도록하여

엔터크론아이앤씨의 메인 홈페이지로 제작했습니다.

콘텐츠 섹션별로 백그라운드 영역을 채워 페이지내 콘텐츠들을 명료하게 구분시켰습니다.

모든 사람이 웹사이트를 원활하게 이용할 수 있도록 웹표준을 준수하였고

반응형웹으로 제작하여 웹접근성을 높였습니다.

 

 

 

 

기업의 CI를 활용하여 오렌지 계열의 컬러 전체적인포인트로 사용했습니다.

오렌지 컬러화려하고 활기찬 색상으로 시각정 경험에

활력을 불어 넣어주며 긍정적인 에너지와 창의성을 얻을 수 있습니다.

기업이 하는 IT 사업분야에 필요한 끊임없는 연구와 혁신,

창의적인 사고방식과 잘 어울리는 컬러입니다.

 


메인 비주얼

 

 

 

일정 시간이 지나면 페이지가 변경되는 메인 비주얼인데요.

기업의 비젼, 슬로건 문구과 함께 IT 솔루션, 혁신적인 이미지를 배너형태로 제작하였습니다.

유저들이 메인배너의 문구, 비주얼 이미지를 보고 기업의 브랜드와 아이덴티티

인식될 수 있도록 기존 사진 이미지에 다양한 소스들을 합성해 비주얼을 만들었습니다.

웹접근성 높이기 위해 하단 페이지탭과 재생바를 만들어 진행상태를 확인할 수 있습니다.

탭버튼을 클릭해 수동으로 페이지 변경이 가능합니다.

 


상단 GNB로고

 

 

내비게이션 메뉴에 마우스를 올리면 홈페이지의 전체메뉴가 드롭다운되어 펼쳐집니다.

각 메뉴에 마우스를 올리면 포인트 컬러로 베리에이션되는 오버효과가 생깁니다.

 


솔루션 특징

 
 

 

기업이 자랑하는 4가지의 솔루션 특징을 소개하는 섹션으로

유저들의 집중도를 높이기 위해서 콘텐츠 명부터

콘텐츠 요소들을 중앙정렬로 배치시킨 레이아웃으로 제작했고,

데이터 느낌이 나는 일러스트를 활용해 백그라운드 이미지를 만들었으며

솔루션 특징을 유저들이 한 눈에 보고 쉽게 인지할 수 있는 아이콘을 사용했습니다.

일정 시간이 지나면 아이콘 레이아웃이 포인트 컬러로 하나씩 변형됩니다.

하단 자세히 보기 버튼을 클릭하면 상세페이지로 이동합니다.

 


 

 

 

솔루션 기술/SaaS 플랫폼 소개 콘텐츠입니다.

기업의 다양한 IT솔루션을 살펴볼 수 있는 섹션으로

슬라이드 형식의 레이아웃으로 제작했습니다.

우측 상단에 좌우 버튼을 클릭해 슬라이드 이동이 가능하며

각 솔루션을 클릭하면 상세한 정보를 얻을 수 있는 서브페이지로 이동합니다.

기업의 SaaS 플랫폼 장점을 이미지와 함께 소개하는 섹션입니다.

해당 솔루션을 스마트기기로 편리하게 사용할 수 있기 때문에

스마트기기를 작동하는 이미지 소스를 활용하여 백그라운드 이미지로 만들었습니다.

좌측에 버튼을 통해 상세페이지로 이동이 가능합니다.

 


서브페이지

 

 

 좌측에 심플한 그래픽 이미지를 활용해 현재 페이지를 강조시켰으며

유저들의 편의성을 위해 하단에 하위메뉴들을

카테고리로 만들어 빠르게 페이지 이동이 가능합니다.

서브페이지 전체적으로 간결하고 심플한 레이아웃으로 제작하여

고객에게 명확한 정보전달을 할 수 있습니다.

포인트 컬러를 활용해 블릿을 제작했으 텍스트의 무게감을 주는데 사용했습니다.

 

 

 

반응형 홈페이지 리뉴얼 사례를 통해
매스티지의 전문성과 세심한 접근 방식을 확인해보셨을텐데요!
매스티지는 20년 이상의 경험과 최신 기술을 바탕으로
고객의 요구에 완벽히 부응하는 웹솔루션을 제공합니다^^
신뢰와 만족을 보장하는 매스티지와 함께라면
귀사의 디지털 혁신이 더욱 빛날 것 입니다^^

 

 

홈페이지 제작 및 문의