MIDAS CAD

📄 프로젝트 개요

MIDAS CAD는 건설, 토목, 기계 설계 분야에서 활용되는 첨단 CAD 소프트웨어 솔루션입니다.
이 프로젝트는 MIDAS CAD의 공식 웹사이트로, 제품 정보, 고객 지원, 기술 자료 제공 등 다양한 기능을 사용자 친화적인 방식으로 제공하기 위해 설계되었습니다.

URL : MIDAS CAD

[기간]

2022.03 ~ 2022.08 ( 6개월 )

[목표]

MIDAS CAD 구축 및 CMS 개발.

[역할]

HTML 구조 설계 및 CSS 적용, HubL 개발 및 퍼블리셔.

[기여도]

내부 개발팀 총 2명 중 약 50% 기여. ( 퍼블리싱 파트 : 100% )

[활동내용]

CMS 구축에 필요한 HubL 사용 하여, 템플릿 및 구조 설계 및 개발.
HubSpot API 연동 및 CSS 전반 퍼블리셔 업무 진행.
HubDB 사용 DB (Database) 관리 및 사용.

[주요기능]

1. 제품 및 솔루션 소개

MIDAS CAD 제품군과 관련된 상세 설명 및 데모 영상 제공.
각 산업군(건축, 토목, 기계 설계)에 맞춘 기능과 적용 사례 공유.

2. 문의 및 기술 지원

고객 문의를 접수할 수 있는 폼과 빠른 응답 시스템 구축.
소프트웨어 사용법과 문제 해결을 돕는 기술 자료 제공.

3. 사용자 계정 시스템

사용자 등록 및 로그인을 통해 자료 다운로드, 제품 평가판 신청 가능.

4. SEO 및 성능 최적화

검색 엔진 노출을 극대화하기 위한 키워드와 메타 태그 최적화.
웹사이트 로딩 속도와 성능을 개선하기 위한 코드 경량화.

5. 다국어 지원

다양한 언어를 지원하여 글로벌 고객의 접근성을 높임.

[사용된기술]

1. HTML5

구조와 시맨틱 마크업.

2. CSS3

반응형 웹 디자인: Flexbox와 Grid를 활용해 다양한 기기에서 일관된 사용자 경험 제공.
디자인 일관성: 커스텀 스타일과 애니메이션을 통해 고급스럽고 전문적인 UI 구현.

3. JavaScript

동적 기능 구현: 사용자 인터랙션(폼 제출, 데이터 로딩)을 위한 비동기 처리.
API 연동: 제품 정보 및 사용자 데이터를 위한 RESTful API 통신 구현.

4. HubL (HubSpot Markup Language)

HubSpot CMS에서의 데이터 바인딩과 템플릿 관리.
마케팅 자동화를 위한 동적 콘텐츠 생성에 사용.

5. HubSpot CMS

템플릿 시스템을 통해 사이트 구조를 효율적으로 관리하고, 페이지 및 블로그 콘텐츠 업데이트.
모듈화된 콘텐츠 관리와 디자인 최적화를 통해 개발 속도와 유지 관리.
HubDB 사용 DB (Database) 관리 및 사용.

6. 디자인 툴

Zeplin: 디자이너와의 협업을 통해 UI/UX 프로토타입 제작.

[성과]

유지보수 2년 계약.

[느낀점]

1. HubDB 사용에 제한

문제 설명

HubSpot의 HubDB는 간단한 데이터베이스 관리에는 유용하지만, 복잡한 다대다 관계나 고급 쿼리 처리를 요구하는 경우에 제약이 있었습니다.
또한, 외부 API를 사용할 수 없는 상황에서 데이터베이스에서만 처리가 필요했기 때문에, 관계형 데이터 처리나 효율적인 필터링이 어려웠습니다.

해결 방법

HubDB의 한계를 극복하기 위해 데이터를 HubSpot 내에서만 처리할 수 있도록 설계했습니다.
복잡한 관계형 데이터를 처리하기 위해 데이터 구조를 최대한 단순화하고, 중첩된 데이터를 배열 형태로 저장하여 사용했습니다.
HubDB에서 제공하는 기본 필터링 기능을 활용하여 필요한 데이터를 직접 처리한 후, HUBL에서 이를 가공해 UI에 표시했습니다. HubDB의 정렬과 검색 기능을 적극적으로 활용하여 사용자 요구에 맞는 데이터를 클라이언트에서 처리할 수 있도록 했습니다.

2. 디자이너와의 의견충돌