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

[에티버스플래닛] 플랫폼기업 반응형홈페이지리뉴얼/ 맞춤형홈페이지제작 웹에이전시 매스티지

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

안녕하세요~!

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

오늘은 에티버스 그룹의 IT솔루션, 서비스를 소개하는 

에티버스플래닛 반응형홈페이지를 소개해드리려합니다^^

 

 

 

모바일에 최적화된 반응형웹으로 제작되었으며

사용친화적인 UI/UX 디자인으로 개발해 높은 접근성과 가독성을 유저에게 제공합니다^^

매스티지 전문인력과 프로세스로 각 기업 맞춤형 솔루션을 통해

고객이 쉽게 공감하고 만족할 수 있는 반응형 홈페이지를 제작했답니다.

 


에티버스플래닛 에티버스 그룹의 IT 솔루션,

서비스를 소개하는 플랫폼 기업입니다.

PLAN과 IT의 합성어인 PLANIT(플래닛)

고객들의 니즈에 최적화된 IT 솔루션이 한데 모인 플랫폼으로,

영원한 IT 우주를 뜻하는 에티버스에서 만날 수 있는

다양한 IT 솔루션을 ONE-STOP으로 찾아보실 수 있습니다.

글로벌 리딩 IT 기업과의 공고한 파트너십을 통해서

다양한 산업 분야에 적용되는 혁신적인 IT 솔루션과

비즈니를 제공함으로써 모두 함께 성장하는 비즈니스 생태계를 구축하는 기업입니다.


메인 페이지

 

 

 

풀페이지 형태의 레이아웃 구성으로

홈페이지 전체적으로 와이드한 화면으로 제작했답니다^^

에티버스 그룹의 IT 솔루션과 서비스를 소개하는 플랫폼 사이트이기 때문에

기업의 기술력을 잘 보여줄 수 있는 컨텐츠로 구성했는데요.

다양한 비지니스 소개가 잘 되어야 하기 때문에

직관적이면서 세련된 디자인으로 제작되었습니다.

컨텐츠 박스 레이아웃에 Border-radius(테두리) 수치를 조절,

모서리를 둥글게 제작하여 딱딱할 수 있는

IT 기업 브랜드의 이미지가 부드럽고 친숙하게

느껴질 수 있도록 만들었답니다:)


상단 GNB 영역

 
 

 

좌측에 로고, 내비게이션 메뉴, 아이콘(프로필, 검색창)으로 구성했습니다.

내비게이션 메뉴에 마우스를 올리면 전체메뉴가 드롭다운됩니다.

전체메뉴 좌측에 기업 소개문구와 함께 그래픽 이미지를 넣어

유저들에게 기업 인식을 계속 유도시키도록 만들었습니다.

프로필 아이콘을 클릭하면 홈페이지 로그인하는 창이

별도에 페이지 이동없이 생성됩니다.

또 검색창 아이콘을 통해 빠르게 기업의 솔루션과

서비스를 찾아볼 수 있어 높은 접근성을 제공합니다.


 

 

 
 

 

전체적인 컬러사용은 통일성을 유지시키기 위해

에티버스와 동일한 컬러를 활용해 디자인했습니다^^

 

 


메인 비주얼

 

 

메인 배너를 여백없이 좌측에 밀착시켜

트렌디한 홈페이지 느낌이 나도록 디자인했습니다^^

우측에 에티버스 CI를 활용한 컨텐츠 스크롤 메뉴를 만들어

마우스를 내리면 스크롤 메뉴가 변경되기때문에

홈페이지를 이용하는 유저가 해당 컨텐츠 영역이 바뀌었다는걸 알 수 있답니다.

플래닛을 소개하는 간단한 문구와 비즈니스 이미지를

백그라운드로 삽입해 만들었어요.

슬라이드 형식의 레이아웃으로 자동으로 배너가 변경되며

클릭하거나 마우스 드래그를 통해  빠르게 볼 수 있습니다.

에티버스 그룹의 모든 솔루션 서비스를 모아놓은 플랫폼이기 때문에

쉽고 빠르게 원하는 서비스를 찾을 수 있도록 배너에 검색창을 삽입했답니다.

 


비즈니스 소개

 

 
 

 

플랫폼과 솔루션을 소개하는 컨텐츠는

화이트 백그라운드에 심플한 디자인으로 제작되었어요^^

기업의 핵심 비즈니스 사업을 간결한 레이아웃으로 만들어

기업 브랜드와 솔루션을 부각시켰답니다.

View more 버튼을 클릭하면 자세한 내용을 확인할 수 있는

상세페이지로 이동 가능합니다.

 


IT서비스

 

 

 

이름과 소개내, 아이콘을 활용해 제작했으며

우스를 올리면 포인트 컬러베리에이션 됩니다.

그리고 각 요소를 클릭하면 해당 상세페이지로 이동하게됩니다:)

 


서브페이지

 

 

페이지를 명확히 구분하기위해서 상단 서브비주얼에

IT 관련 이미지와 서브메뉴명을 넣어 제작했는데요.

기업소개 내용이 잘 파악되도록 텍스트 강약조절과 포인트 컬러 사용,

다양한 이미지와 그래픽 디자인을 활용해

간결하면서 세련된 느낌이 나게 구성했답니다:)

 


솔루션 페이지

 

 

서브비주얼에 별도로 검색창을 만들어

기업의 최신 IT 트렌드에 최적화된 솔루션을 소개하는 페이지로

고객이 원하는 서비스를 빠르게 찾을 수 있게 되었어요^^

하단에 제품을 상세검색할 수 있는 섹션을 만들어

다양한 솔루션 내용들을 보실 수 있답니다.

 


서비스페이지

 

 

원하는 컨텐츠 내용만 상단에 다양한 서비스를

메뉴탭으로 클릭했을때 보일 수 있도록 제작되었어요.

하단에 문의하기 버튼을 클릭하여

해당 관련 빠른 상담을 받으실 수 있답니다^^

 

 

20년의 노하우로 고객의 니즈를 정확하게 파악하고,
먼저 제시하는 기획중심 홈페이지 제작 매스티지가 귀하와 함께 하겠습니다.

 

 

▼ 홈페이지 제작 및 문의▼

매스티 바로가기 클릭