PRECISION
명확한 정보 구조
기업 소개, 사업분야, IR, 채용, 소식으로 이어지는 내용을 구분해 방문 목적에 맞는 정보를 찾도록 합니다.
CORPORATE WEBSITEPRECISION CHEMISTRY, DIGITAL EXPERIENCE
HANNONG한농화성 기업 홈페이지 제작
정밀함이 만드는 가치.
신뢰로 이어지는 경험.
상장사의 신뢰와 정밀화학 기업의 전문성을 담아,
디지털 공간의 완성도를 높였습니다.
CREATING
NEW VALUE.
NEW VALUE.
산업의 핵심 소재에서
새로운 가능성으로.
01 / OVERVIEW
기업의 깊이를 담고,
정보의 길을 명확히.
한농화성은 다양한 산업에 정밀화학 소재를 공급하는 상장사입니다. 웹사이트(WebSite.co.kr)는 기업의 신뢰도에 걸맞은 홈페이지를 목표로 디자인 퀄리티에 집중했습니다.
브랜드를 경험하는 첫 화면부터 제품과 사업분야를 살펴보고, IR과 기업 소식을 확인하는 순간까지. 방대한 정보를 명확하게 전달하면서 기업의 규모와 전문성을 느낄 수 있는 구성을 소개합니다.
02 / DESIGN PERSPECTIVE
상장사의 신뢰는
작은 디테일에서 시작됩니다.
PRECISION
BUILDS TRUST.
BUILDS TRUST.
정보를 담는 그리드, 시선을 이끄는 타이포그래피,
이미지와 텍스트 사이의 간격까지.
기업의 전문성을 세심한 화면 구성으로 전달합니다.
03 / DESIGN STRATEGY
선명한 구조.
깊이 있는 첫인상.
PRESENCE
규모감 있는 비주얼
넓은 산업 이미지와 제품 관련 장면을 활용해 정밀화학 기업의 전문성과 사업의 범위를 전합니다.
REFINEMENT
디테일의 완성도
정돈된 여백과 일관된 위계로 정보의 밀도를 조율하고, 상장사에 어울리는 차분한 인상을 만듭니다.
OF PRECISION.
04 / VISUAL SYSTEM
절제된 화면 위에,
브랜드의 온도를 더하다.
화이트와 짙은 텍스트로 명료한 대비를 만들고,
로고에서 이어지는 오렌지를 포인트로 사용했습니다.
영문은 Red Hat Display, 한글은 Pretendard로 구성했습니다.
White#FFFFFF
Ink Black#15191C
Hannong Orange#ED7929
Cool Gray#F0F2F3
RED HAT DISPLAY / LIGHT · REGULAR · MEDIUM
Aa
정밀함으로 만드는
산업의 새로운 가치.
Precision creates new value.
또렷한 문장과 정돈된 간격. 읽는 흐름을 위한 타이포그래피.05 / MAIN PAGE
산업의 깊이를,
첫 화면의 몰입감으로.
대형 비주얼과 명확한 메시지.
기업을 이해하고 사업을 탐색하는
흐름의 출발점을 보여줍니다.
● ● ●hannong.co.kr↗
회사소개 사업분야 IR Recruit Information◎CREATING NEW VALUE정밀함으로 만드는
정밀함으로 만드는
산업의 새로운 가치
고순도 정밀화학 원료로
산업의 핵심 가치를 만들어갑니다.
Company신뢰를 기반으로
신뢰를 기반으로
지속가능한 미래를 만드는 기업
DESKTOP / MAIN PAGE COMPOSITION운영 콘텐츠를 바탕으로 재구성한 소개용 화면 목업
06 / CONTENT EXPERIENCE
기업의 이야기와
정보를 잇는 설계.
기업을 이해하는 첫 단계.
기업의 개요와 성장의 흐름을 명료하게 소개합니다. 정보와 이미지를 균형 있게 배치해 기업의 인상을 전합니다.
핵심 소재를 탐색하는 흐름.
약어와 제품군, 활용 산업을 함께 보여주며 전문적인 제품 정보를 단계적으로 살펴보도록 구성합니다.
신뢰를 뒷받침하는 정보.
IR과 기업 소식을 독립된 영역으로 정리합니다. 상장사의 정보를 찾는 방문자가 목적에 맞게 접근하도록 안내합니다.
01 / 03COMPANY
웹사이트를 구성하는 정보의 흐름을 장면별로 소개합니다.
07 / PRODUCT EXPLORATION
복잡한 소재의 세계를,
명확한 선택의 경험으로.
제품군의 이름과 이미지를 연결합니다.
각 소재가 적용되는 산업을 살펴보며
제품을 이해하는 흐름을 이어갑니다.
01 / 07HANNONG PRODUCT
Glycol Ethers
반도체·전자 산업을 비롯한 다양한 분야에 쓰이는 공업용 중간 원료와 용제. 전문적인 제품군을 이미지와 함께 소개합니다.
운영 사이트의 제품 콘텐츠로 구성한 소개용 인터랙션08 / CORPORATE COMMUNICATION
상장사의 신뢰를 담는,
일관된 커뮤니케이션.
기업의 소식을 전하고, 필요한 정보를 안내하며,
함께 성장할 인재를 만나는 접점까지.
IR
공시정보와 재무정보,
IR 자료실로 이어지는 정보 체계.
공시정보 ↗재무정보 ↗IR 자료실 ↗
PEOPLE & GROWTH
Recruit
기업의 미래를 함께할 사람을 위한
인사철학과 채용 절차 안내.
QUALITY IN EVERY DETAIL.
기업을 바라보는 깊이,
화면을 완성하는 정밀함.
09 / MOBILE EXPERIENCE
화면의 크기가 달라도,
정보의 가치는 그대로.
큰 이미지는 시원하게, 설명은 편안하게.
좁은 화면에서 콘텐츠를 읽고 탐색하는
경험도 함께 담았습니다.
9:41 ••• ▰
☰CREATING NEW VALUE정밀함으로 만드는
01 / 03
정밀함으로 만드는
산업의 새로운 가치
01 / 03Company신뢰를 기반으로
신뢰를 기반으로
미래를 만드는 기업.
9:41 ••• ▰
☰Product산업의 핵심 소재,
산업의 핵심 소재,
한눈에 살펴보다.
Glycol Ethers
제품군과 적용 산업을
함께 확인하는 구성.
사업분야 ↗
제품 카다로그 ↗
9:41 ••• ▰
☰Information한농화성의 소식,
한농화성의 소식,
명확하게 전하다.
NOTICE
기업의 공지사항
NEWS
한농화성의 새로운 소식
함께 성장할 내일.
인재를 위한 기업의 이야기.
현재 운영 콘텐츠를 바탕으로 재구성한 모바일 소개용 목업입니다.
WEBSITE.CO.KR AI 상담
