기업

에이프로젠

에이프로젠 홈페이지에 윤리경영과 신고센터 페이지를 더하고 관리자에서 고칠 수 있게 만든 건입니다.

CLIENT
주식회사 에이프로젠
PERIOD
2024.07. ~ .
TYPE
시스템 구축 (관리자, DB, 내부시스템)
사이트 바로가기
주식회사 에이프로젠 화면

OVERVIEW

에이프로젠은 바이오시밀러와 항체신약을 개발하는 기업으로, 홈페이지는 JSP 기반으로 다른 업체가 만들어 자체 CMS와 함께 운영하고 있었습니다. 상장사로서 윤리경영 항목과 내부 신고 창구를 홈페이지에 두어야 했는데, 원래 만든 업체가 내부 사정으로 디자인 개편을 받지 못하면서 웹비스타에 문의가 들어왔습니다. 남이 만든 JSP 사이트에 페이지를 끼워 넣는 일이라, 새로 디자인을 만들기보다 기존 페이지의 틀을 그대로 따르는 쪽을 택했습니다. 윤리경영은 개인정보처리방침과 같은 틀로, 신고센터는 리더십 페이지와 같은 틀로 맞춰 사이트 안에서 이질감이 없게 했습니다. 신고센터는 안내와 접수를 나눠 구성했고, 윤리경영 본문은 담당자가 기존 CMS에서 직접 고칠 수 있도록 연결했습니다. PC와 모바일 화면을 모두 맞췄습니다.

  • CLIENT 주식회사 에이프로젠
  • SERVICE 디자인, 퍼블리싱, 개발
  • TYPE 시스템 구축 (관리자, DB, 내부시스템)
  • INDUSTRY 바이오·제약 / 바이오시밀러·항체신약 개발
  • DEVICE PC / Mobile Responsive
  • SCALE sub 2 page

GOALS & SOLUTIONS

GOALS

  • 상장사에 필요한 윤리경영·신고센터 페이지를 사이트에 더하기
  • 다른 업체가 만든 기존 디자인과 어긋나지 않게 맞추기
  • 본문을 담당자가 기존 관리자에서 직접 고칠 수 있게 하기
  • PC와 모바일 모두에서 같은 내용이 보이게 하기

SOLUTION

  • 윤리경영은 개인정보처리방침과 동일한 페이지 틀로 제작
  • 신고센터는 리더십 페이지 틀을 따르고 신고안내와 신고접수로 구분
  • 윤리경영 본문을 기존 CMS에서 수정 가능하도록 연결
  • PC·모바일 웹 양쪽 페이지를 함께 제작

KEY INSIGHTS

남이 만든 사이트에 페이지를 끼워 넣을 때는 새 디자인을 들이미는 게 가장 나쁜 선택입니다. 기존 페이지 중 성격이 가장 가까운 틀을 찾아 그대로 따라가야 사이트가 한 벌로 보입니다.

KEY FEATURES

  • 관리자 CMS
  • 게시판/문의
  • 웹접근성 고려

TECH STACK

#Front-end

  • HTML5
  • CSS3
  • JavaScript
  • jQuery

#Back-end

  • Java
  • JSP