스마일게이트희망스튜디오 2019 온라인 연차보고서 사이트 제작

스마일게이트 희망스튜디오에서 2019년 연차보고서를 PDF 뿐만 아니라 온라인 연차보고서로 제작을 희망하여 작업되었습니다.

제작된 책자를 그대로 녹여 웹 형식으로 재구성하였습니다.

간략하게 필요한 정보를 먼저 보여주고, 상세 내용은 “자세히보기” 기능을 이용하여 탭, 아코디언 기능으로 활용하였습니다.

각 섹션별로 이동하기 간편하도록 PC 레이아웃에서는 버티컬 네비게이션을 활용하여 Scroll To 기능으로 각 섹션별 이동이 용이하도록 하였고, 각 제목도 마우스오버 효과를 통하여 제목이 보일 수 있도록 작업되었습니다.

재정보고란에서 움직이는 숫자 카운터 애니매이션 기능을 활용하여 온라인 보고서만의 강점을 살렸습니다. 

기능 소개

  1. 연차보고서 사이트
  2. 모바일 반응형
  3. 이미지 자동 슬라이드
  4. 탭 메뉴
  5. 섹션 네비게이션(Vertical Navigation)
  6. 마우스 오버 기능
  7. 자세히보기
  8. 웹, 모바일 브라우져 호환성
  9. 그래프 애니매이션
  10. 숫자 카운터 애니매이션
  11. CSS 디자인

 

스마일게이트 희망스튜디오 – 웹 사이트

스마일게이트희망스튜디오 2019 온라인 연차보고서 사이트 제작 스마일게이트 희망스튜디오에서 2019년 연차보고서를 PDF 뿐만 아니라 온라인 연차보고서로 제작을 희망하여 작업되었습니다. 제작된 책자를 그대로 녹여 웹 형식으로 재구성하였습니다. 간략하게 필요한 정보를 먼저 보여주고, 상세 내용은 “자세히보기” 기능을 이용하여 탭, 아코디언 기능으로 활용하였습니다. 각 섹션별로 이동하기 간편하도록 PC 레이아웃에서는 버티컬 네비게이션을 활용하여 Scroll To 기능으로 각 섹션별 이동이 용이하도록 […]

태그: smilegatefoundation / 스마일게이트희망스튜디오2019 / 연차보고서