전문서비스(법률,세무,자문,금융)
매쓰프로
  • #매쓰프로 홈페이지제작 #학원전용 학습관리 시스템 #웹어워드 대상
CLIENTS.
매쓰프로
DATE.
2022.05.08
TYPE.
Responsive Web

전문서비스(법률,세무,자문,금융)

매쓰프로 #매쓰프로 홈페이지제작 #학원전용 학습관리 시스템 #웹어워드 대상
전문서비스(법률,세무,자문,금융)
매쓰프로
  • #매쓰프로 홈페이지제작 #학원전용 학습관리 시스템 #웹어워드 대상
CLIENTS.
매쓰프로
DATE.
2022.05.08
TYPE.
Responsive Web
Device.

디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 반응형 웹으로 제작되었습니다.

기획의도.

"No.1 수학문제은행 매쓰프로!" 시중교재와 매쓰프로의 문제가 매칭률이 "업계 최고"라는 부분을 부각시키고자
교재를 스캔하는 듯한 모션을 제안하였고 매쓰프로의 차별화 강점이 타겟층에게 잘 전달되고자 컨텐츠 구성면을 신경썼던 프로젝트입니다.
아이들을 가르치는 학원, 공부방에서 선생님들의 여러 고충을 살펴보고 그것을 해결하기 위해서
매쓰프로에서는 어떤 완벽한 솔루션을 제공하는지를 구어체의 스토리텔링 기법으로 표현하고자 하였습니다.
노후화된 기존 홈페이지를 최신 웹트렌드를 반영하여 리뉴얼 작업을 진행하였습니다. 유저의 이해도를 높이기 위해
인포그래픽을 활용하여 컨텐츠를 구성하였으며, 인포그래픽에 인터랙션 모션을 적재적소에 사용하여 주목도를 더욱 더 높이고자 하였습니다.

Design Concept.

화이트 톤의 정돈되어있는 레이아웃으로 전체적으로
깔끔하고 심플하게 작업하였으며 블루 색상을 사용하여
기업에 대한 전문성과 신뢰감을 강조시켰습니다.

Colors.
Typo.
Proposal Design.

A타입은 기업부설연구소, 시중교재 매칭율, 경시대회 내용에 역동적인 스크롤 모션과 더불어 넓은 레이아웃을 적용하여 사용자에게 몰입감과 기업의 대한 신뢰감을 주고자 제작하였습니다.
또한 수학적 도형, 기호들로 디테일을 주어 기업에 대한 아이덴티티를 부각시키고자 하였고 요청사항에 있는 블루색상을 강하게 적용시켜 임팩트를 주고자 하였습니다.
B타입은 A타입에서의 모션 컨텐츠 부분을 분리시켜 적용해보았으며, 학습시스템, 시중교재매칭율 부분 배경색을 기존보다 톤을 낮추어 밝은 분위기로 연출시켜보았습니다.
C타입은 해당 타입에선 깔끔한 분위기를 더욱 연출 시키고자 전체적으로 화이트 톤으로 구성하였고
정돈되어있는 레이아웃으로 설계하였으며 로고의 색상을 활용하여 기업의 브랜딩 효과를 주고자 하였습니다.
또한 적절한 일러스트 이미지를 사용하여 전체적으로 친근하고 부드러운 이미지를 연출 시키고자 하였습니다.

  • A Type
  • B Type
  • C Type
Confirm Design.
Go Website
Sub Design.
Motion.

기업부설연구소, 시중교재 매칭율, 경시대회 내용에 역동적인 스크롤 모션을 구현하여 사용자들에게 몰입감과 기업에 대한 신뢰감을 주고자 하였습니다.

관련 프로젝트.
List