sweech · 위시켓(Wishket)

프로젝트 배경

헬스케어 인공지능 솔루션을 제공하는 지비소프트는 복잡한 기술력을 대중에게 친숙하게 전달하고, 기업 신뢰도를 높이기 위한 목적의 지비소프트 2.0 홈페이지 리뉴얼을 진행했습니다.
특히 기존 정적 웹 구조는 운영자에 의한 수정이 어려웠기 때문에, 콘텐츠 변경이 편리한 관리자 페이지 구축이 함께 요구되었습니다.

프로젝트 성과

반응형 기반의 기업 홈페이지 완성

• 사용자 접점에서 브랜드 전문성과 신뢰를 효과적으로 전달하는 반응형 웹 구조를 구축

관리자 페이지 통한 운영 효율화

• 관리자 전용 UI를 통해 비개발자도 텍스트, 이미지, 뉴스 콘텐츠를 손쉽게 수정할 수 있도록 구현

핵심 기능

✅ 랜딩 중심의 반응형 웹사이트

• 다양한 디바이스에서 최적화된 인터페이스 제공

✅ 관리자 콘텐츠 편집 기능

• 게시판, 뉴스, 텍스트 블록 등을 관리자 페이지에서 직접 수정 가능

✅ React + Node.js 기반 컴포넌트 구조

• TypeScript 기반으로 유지보수 용이한 컴포넌트 아키텍처 구성

진행 단계

기획 및 디자인 구성

2022.08.

• 웹사이트 구조 및 관리 항목 정의, UI 디자인 확정

개발 및 서버 배포

2022.09.

• React/Node.js 기반 관리자 페이지 개발
• Docker 기반 빌드 및 배포 환경 구성

프로젝트 상세

포트폴리오 소개
AI 기반 헬스케어 기업 지비소프트의 브랜드 이미지 향상과 콘텐츠 유연한 운영을 위해 진행한 공식 홈페이지 리뉴얼 프로젝트입니다. 프론트엔드 외에도 관리자 페이지를 함께 개발해 비개발자도 직접 운영 가능한 구조를 완성했습니다.

작업 범위
• 디자인: 반응형 UI 설계 및 기업 아이덴티티 반영
• 개발: React(TypeScript), Node.js 기반 관리자 시스템 개발
• 인프라: Docker 기반 빌드 및 배포

주요 기능 및 업무
• 반응형 홈페이지 및 랜딩 화면 개발
• 게시판, 텍스트, 이미지 관리 기능을 포함한 CMS 구축
• 관리자 페이지 UI/UX 설계 및 콘텐츠 관리 기능 구현

주안점
• 관리자 사용성을 고려한 직관적인 편집 UI 구성
• 기업 브랜딩과 의료 AI 전문성의 시각적 전달 균형 유지
• 유지보수 편의를 고려한 타입 안정성과 컴포넌트화 구조

지비소프트 홈페이지 포트폴리오