모벡그룹

어떻게 만들어졌나

원본은 계열사 다섯 곳을 둔 중견 제조 그룹의 누리집입니다. 국내 기업 사이트로 Awwwards Honorable Mention을 받았습니다.

헤더는 66px이고 마우스를 올리면 128px로 늘며 2단 메뉴가 나옵니다. 하위 페이지는 소개형과 목록형 두 틀로 나뉩니다.

홈의 사업 카드 5장은 위에 붙어 쌓이고 이름 띠만 남습니다. 사업분야는 휠 한 번에 한 장씩 넘기는 전체 화면 슬라이드입니다.

문장 등장 600ms, 버튼 글자 굴림 15ms 간격은 원본 값 그대로입니다. 로더는 원본 약 3.9초에서 1.4초로 줄였습니다.

배경 영상은 사진과 느린 확대 이동으로 바꿨습니다. 보조 글자 #828d92는 #656d71로 올려 대비를 맞췄습니다.

서체는 Special Gothic Expanded One과 Pretendard입니다. 뉴스 본문 12쪽과 공지 본문 13쪽까지 만들었습니다.

주요 기능

• 메가메뉴 헤더 66→128px · 언어 선택
• 쌓이는 사업 카드 5 · 숫자 올라가기
• 사업분야 휠 슬라이드 5 · Learn more 패널
• 뉴스 필터·검색 · 주가 봉 차트 · 재무 탭

어디에 어떻게 쓸 수 있나

계열사 소개와 IR 자료를 함께 싣는 제조 그룹에 맞습니다. 그룹소개, 스토리, 투자정보, ESG가 같은 머리 틀과 2단 메뉴를 씁니다.

확인할 점

영어판은 홈 한 페이지뿐입니다. 공시·IR 자료 행은 문서 링크가 없고 주가 지수 상자는 뺐습니다.