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

[알파엔지니어링] 매스티지의 최적화된 반응형 웹사이트, 완벽한 사용자 경험을 만나보세요!

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

안녕하세요~!

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

오늘은 석유화학수지와 다양한 산업분야에

정밀 계량 산업발전을 위해 연구하는

알파엔지니어링 매스티지가 제작한

반응형 홈페이지를 자세히 설명해드리려합니다^^

 


 

알파엔지어링은 국내외 석유화학수지 프라스틱 사출원료 컴파운드와

시멘트, 사료, 식품 등 여러 분야에 정밀 계량 산업 발전을 위해

연구 및 개발하는 기술 플랫폼 기업입니다.

첨단 기술을 누구나 쉽게 활용할 수 있는 일상의 친숙한 서비스로 제공하기 위해

변화를 추구하고 있으며 이용자와 호흡해 항상 새로운 도전을 시도하고 있습니다.

 


메인페이지​


첨단기술을 제공하는 기업에 걸맞게

세련되고 트렌디한 디자인으로 제작했는데요.

화면 전체를 레이아웃을 사용하여 쾌적하면서

버라이어티한 UI/UX 경험이 가능하답니다.

감각적인 요소의 레이아웃을 사용하여 심미성을 높였고

입체적이고 생동감이 느껴지도록

다양한 모션 스크립트, 영상을 활용하여 제작했어요^^


컬러사용


 

 기업의 CI를 활용해 블루 계열의 컬러를

전체적인 포인트로 사용했습니다.

블루 컬러정직하고 신뢰감을 주며

지식, 전문성상징하는 색상이죠~^^

기업이 하는 첨단기술 비즈니스와 잘 어울네요:)


메인 비주얼


 

기업의 사업분야와 비즈니스, 아이덴티티

한 번에 잘 보여줄 수 있는 영상을 제작하여 비주얼로 사용했어요.

컴파운드 생산설비 전문기업에 맞게 첨단 기술 데이터와

시공 및 작업과정을 영상으로 합성, 편집해 제작됬답니다.

이 기업이 어떤 사업을 하고 어떤 비즈니스를 하고 있는지

홈페이지에 접속한 유저들이 메인 비주얼영상을 보고

 빠르게 파악이 가능하도록 만들어졌죠^^

 


상단 GNB 영역​


 

GNB는 마우스 스크롤, 페이지 이동과 상관없이

상단에 항시 고정되어 편의성을 높였으며

메인 비주얼의 영상에서만 GNB 레이아웃이 화이트 컬러로 적용된답니다.

내비게이션 메뉴에 마우스를 올리면

서브페이지 하위메뉴들이 드롭다운되는데요.

좌측에 서브명을 크게 노출시켜 페이지 인지가 잘 되도록 하고

포인트 컬러로 마우스 오버효과를 만들었답니다^^

 


다국어 홈페이지 제작



 

알파엔지니어링은 국내뿐만 아니라

해외에서 많은 비즈니스를 하고 있기 때문에

다국어 홈페이지 제작은 필수입니다:)

우측에 KOR/ENG/VNM 버튼을 클릭하면

국문/영문/베트남 홈페이지로 이동이 가능하고,

각 나라의 언어에 맞는 정확하고 세심한 번역을 통해

해외유저도 원활한 홈페이지 이용이 가능하답니다~^^


​사업영역 소개


 

 

간단한 기업소개 문구와 컴파운드 생산 관련 사업영역의 단계를

순차적으로 보여주는 콘텐츠로 각 단계에 마우스를 올리면

레이아웃이 변형되어 텍스트가 강조되고

영어문장이 번역되어 하단에 설명이 추가된답니다:)


생산설비 소개


 

3D 형태의 영상으로 제작하여 시설의

구조와 형태, 장비들을 살펴볼 수 있으며

각 시스템을 클릭하면 해당 시설이 스케치되는듯한

애니메이션 스크립트 효과로 강조되죠.

또, 각 요소를 클릭하면 시스템의 내용을 확인할 수 있는

제품 소개 상세페이지로  바로 이동이 가능합니다^^

 


서브페이지


 

좌측에 페이지 내비게이션과, 페이지 명을 배치하고

기업의 CI 워터마크를 활용해 레이아웃을 강조했는데요!

마우스 스크롤을 내리면 워터마크로 강조한 레이아웃이 축소된답니다:)

그리고 우측에는 인사말 내용과 기업의

가치 및 비전을 소개하는 내용을 넣어 제작했어요^^

 


제품소개


 

 

기업이 만든 제품의 다양한 생산설비 시스템을

영상으로 설명해주는 콘텐츠예요.

자세한 설비과정을 영상으로 제작하고

하단에 텍스트설명을 담아 어려울 수 있는

기업의 사업영역을 보다 쉽고

명확하게 이해할 수 있도록 만들었답니다~^^

 


반응형 리뉴얼


 

 

모바일에 최적화된 반응형 홈페이지로 제작되었고,

데스크톱 뿐만 아니라 노트북, 태블릿, 스마트폰 등

다양한 디바이스 기기를 통해 언제 어디서든 홈페이지에 접속이 가능한데요!

각 기기 해상도에 맞춰 가독성 높은 쾌적한 화면을 경험할 수 있도록

홈페이지 기획부터 디자인, 개발까지 모든 과정을

매스티지 자체 프로세스를 통해 제작하여

완성도 높은 반응형 홈페이지가 완성되었답니다^^

 

 

 

반응형 홈페이지에서 가장 중요한

높은 가독성과 화면 통일성을 위해서 홈페이지 기획단계부터

클라이언트와의 끊임없는 커뮤니케이션피드백을 통해

불필요한 이슈와 오류를 줄여 고객이 만족하는 고객의 니즈에 맞춘

만족도 높은 반응형웹으로 제작되었답니다.

 

 

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




▼홈페이지 제작 및 문의▼

매스티지 바로가기 클릭