회사홈페이지제작전문업체 :: 휴먼오토텍

회사홈페이지제작전문업체 플레이웹

(주)휴먼오토텍

---

 

안녕하세요.

회사홈페이지제작전문업체 플레이웹입니다.

오늘 보여드릴 포트폴리오는

기존에 관리해주던 홈페이지업체의

폐업으로 인해 새로 제작을 진행한 곳인데요.

​

기존에 사용하던 홈페이지가 열리지 않아 정리되어 있던

컨텐츠 페이지를 살리지 못해, 다시 정리 후 제작을 한 사례입니다.

​

대표님께서 업무가 너무 바쁘셔서,

회사소개서, 제품 카달로그를 받아

해당 내용들을 홈페이지에 알맞게 정리, 분류한 후 제작을 했는데요.

사진 자료는 오래되었다보니 사용이 어려워

유료 이미지들로 대체하여 작업을 진행했습니다.

​

그럼 지금부터 포트폴리오를 함께 살펴보겠습니다!

휴먼오토텍 회사홈페이지 바로 보기

https://humanautotec.com/

휴먼오토텍

 

 

---

 

회사홈페이지제작업체 플레이웹 (주)휴먼오토텍

메인페이지

 

메인페이지 첫 화면은 영상으로 화면 가득 채워지게 만들었는데요.

영상 가운데는 회사의 슬로건을 넣었습니다.

상단에는 회사 로고와 대메뉴, 제휴문의로 구성을 했으며,

로고 역시 원본이 없어서 이미지를 본따서 로고를 적용시켰습니다.

 

메인페이지 중단에는 주요 메뉴들을 배치했으며,

자세히 보기를 누르면 해당 메뉴로 이동해 정보를 열람할 수 있습니다.

스크롤을 가져가면 해당 이미지의 사이즈가 커지는 효과를 줘서

단조롭지 않도록 만들었습니다.

 

 

메인페이지 하단에는 공지사항과 찾아오시는 길에 대한 설명들을 배치했습니다.

공지사항에서 더 보기를 클릭하면 게시판으로 이동해

더 많은 게시글들을 볼 수 있습니다.

​

찾아오시는 길에 대한 부분은 카카오맵 지도를 첨부해

위치를 더 쉽게 볼 수 있도록 했으며,

우측에는 전화번호와 주소 등 회사에 대한 정보들을

간단하게 정리해서 보기 쉽도록 만들었습니다.

---

회사소개

회사소개 메뉴는 CEO인사말, 찾아오시는 길 등 두가지 소메뉴로 구성을 했으며,

인사말은 주요문구를 눈에 들어올 수 있도록 포인트를 줬는데요.

또한 텍스트만 있다면 딱딱하고 가독성이 떨어지기 때문에

좌측에 이미지를 배치하고 애니메이션 효과를 적용했습니다.

찾아오시는 길에 대한 페이지는 메인페이지에 게시된 것과 동일합니다.

자동화 기술

 

자동화 기술 메뉴는 텍스트로 긴 설명을 하기 보단,

이미지, 그래프, 조직도 등을 활용해 전체적으로 깔끔하고

중요한 핵심만 보실 수 있도록 제작했습니다.

제품소개

 

제품소개 메뉴에는 여러 제품들이 게시되어 있으며,

제품명을 클릭하면 해당 제품을 큰 이미지로 보실 수 있습니다.

 

커뮤니티

커뮤니티 메뉴는 공지사항과 제품문의의 소메뉴로 구성되어 있는데요.

제휴문의를 클릭하면 문의서를 작성할 수 있는 서식이 나오며,

필수기입사항을 표기한 후 문의하면 DB수집이 가능하고

문의 내용은 클라이언트가 원하는 형태로 받아 볼 수 있습니다.

 

반응형 홈페이지

 

 

휴먼오토텍 회사홈페이지는 반응형 홈페이지로 제작이 되었는데요.

PC버전과 동일한 내용들을 사용하는 기기에 맞게 최적화된 화면으로 보실 수 있습니다.

---

 

https://playwebon.com/

홈페이지제작 - 플레이웹