MIDAS JAINLAB
📄 프로젝트 개요
JAINLAB은 뇌과학 및 심리학 기반의 조직 관리 솔루션으로, 개인과 조직의 역량 강화를 지원합니다.
도서 정보와 심리학 자료를 활용하여 학습과 워크숍, 기업 솔루션을 제공하도록 설계되었습니다.
URL : MIDAS JAINLAB
[기간]
2023.12 ~ 2024.03 ( 4개월 )
[목표]
뇌과학 및 심리학을 기반으로 한 기업 솔루션 구축 및 전문 자료 제공.
[역할]
- 전문 도서 추천 및 학습 자료 페이지 제작.
- 사용자 맞춤형 도서 리뷰 및 평점 기능 개발.
- 워크숍 콘텐츠 관리 시스템(CMS) 개발.
[기여도]
내부 개발팀 총 3명 중 약 40% 기여.
(사용자 맞춤형 도서 리뷰 및 평점 기능 개발 , 도서 콘텐츠 부분 100%)
[활동내용]
- 도서 정보 콘텐츠 개발
- 사용자 맞춤형 추천 시스템을 설계하여 기업 관리자와 직원에게 적합한 도서를 제공.
- 도서 리뷰, 요약 콘텐츠, 평점 시스템 등을 포함하여 사용자가 손쉽게 정보에 접근할 수 있도록 구현.
- CMS 구축
- 워크숍 및 학습 자료 관리를 위한 콘텐츠 관리 시스템을 개발.
- 관리자가 손쉽게 정보를 추가 및 편집할 수 있는 UI 설계.
- 사용자 경험 향상
- 뇌과학 및 심리학을 기반으로 한 자료 탐색의 편리성을 개선.
- 학습 콘텐츠와 도서 정보를 연계하여 실질적인 학습 경험 제공.
- 퍼블리셔 역할: LENSLY의 디자인 요소 및 콘텐츠를 웹에서 구현하고, 사이트의 반응형 UI를 설계하여 다양한 디바이스에서 최적화된 사용자 경험을 제공.
[주요기능]
1. 전문 도서 추천
- 뇌과학, 리더십, 조직 관리 관련 도서를 사용자 맞춤형으로 추천.
- 평점 및 리뷰 기반의 신뢰도 있는 도서 정보 제공.
2. 도서 요약 및 학습 자료 제공
- 주요 도서의 핵심 내용을 요약한 학습 자료를 제공.
- 도서를 활용한 워크숍 콘텐츠 지원.
3. CMS 기반 도서 관리
- 관리자용 페이지에서 도서 목록과 리뷰를 실시간으로 관리할 수 있는 시스템 제공.
- 학습 자료 업로드와 다운로드 기능 포함.
4. 회원 전용 콘텐츠
- 개인별 학습 기록을 기반으로 추천 도서와 학습 자료 제공.
- 회원 할인 및 적립 포인트 시스템 지원.
5. SEO 최적화
- 메타 태그 최적화 및 콘텐츠 개선을 통해 검색 엔진 가시성 향상.
[사용된기술]
1. HubSpot CMS
- 템플릿 시스템을 통해 사이트 구조를 효율적으로 관리하고, 페이지 및 블로그 콘텐츠 업데이트.
- 모듈화된 콘텐츠 관리와 디자인 최적화를 통해 개발 속도와 유지 관리.
- HubDB 사용 DB (Database) 관리 및 사용.
2. HTML5/CSS3
- 반응형 웹 디자인: Flexbox 및 Grid 시스템을 활용하여 다양한 화면 크기에 맞춰 디자인을 최적화 했습니다.
3. JavaScript
- 동적 기능 구현: 사용자 인터랙션(폼 제출, 데이터 로딩)을 위한 비동기 처리.
- API 연동: 제품 정보 및 사용자 데이터를 위한 RESTful API 통신 구현.
4. HubL (HubSpot Markup Language)
- HubSpot CMS에서의 데이터 바인딩과 템플릿 관리.
- 마케팅 자동화를 위한 동적 콘텐츠 생성에 사용.
5. SEO 최적화
- HubSpot SEO 도구를 활용하여 메타태그, 구조화된 데이터, 키워드 최적화 등을 통해 사이트의 검색 엔진 가시성을 높였습니다.
6. 마케팅 자동화
- HubSpot CRM과의 통합을 통해 방문자 데이터를 수집하고, 맞춤형 마케팅 캠페인과 이메일을 자동화.
7. 디자인 툴
- Figma: 디자이너와의 협업을 통해 UI/UX 프로토타입 제작.
[성과]
- 유지보수 2년 계약.
[느낀점]
1. HubDB 에 블로그 개설시 자동연동
문제 설명
- 블로그를 개설할 때, 기존의 데이터베이스(HubDB)와 자동으로 연동되지 않아, 수동 작업으로 인한 시간 소모와 데이터 동기화 오류 발생 가능성이 있었습니다.
해결 방법
- HubDB의 API를 활용하여 블로그 개설 시 데이터베이스와 자동으로 연동되도록 구현했습니다. 이를 통해 블로그 게시물이 데이터베이스에 자동으로 업데이트되고, 실시간 동기화가 가능하게 했습니다.
2. 로그인후 회원전용 페이지에 Contact 정보 FORM에 연동
문제 설명
- 로그인한 회원만 이용할 수 있는 페이지에서, Contact 정보 입력 폼이 제대로 연동되지 않아 사용자 경험이 저하되었습니다.
해결 방법
- 로그인 상태를 감지하여 사용자 세션 정보를 기반으로 Contact 폼에 자동으로 회원 정보를 채우는 기능을 구현했습니다. 이를 통해 입력 시간을 절약하고 사용자 편의성을 향상시켰습니다.