sweech · 위시켓(Wishket)

프로젝트 배경

FIX@는 콘텐츠 제작 및 유통을 위한 디지털 플랫폼입니다. 초기 홈페이지는 관리 효율이 낮고 브랜드 이미지를 효과적으로 전달하지 못하는 한계가 있었습니다.
이에 따라 FIX@의 핵심 메시지를 강조하고 콘텐츠 관리의 효율성을 높이기 위한 경량형 리뉴얼을 진행하였습니다.

프로젝트 성과

유지관리 소요 시간 약 70% 절감

정적 콘텐츠 구조 및 가벼운 SPA 설계로 콘텐츠 수정과 업데이트 작업이 대폭 간소화됨

월 평균 호스팅 비용 약 50% 절감

불필요한 서버 기능 제거와 CDN 최적화를 통해 운영비용 최소화 달성

브랜드 메시지 명료화

주요 서비스와 회사 소개 콘텐츠를 직관적 구성으로 재배치하여 전환율 향상에 기여

핵심 기능

✅ 반응형 콘텐츠 구성

PC, 태블릿, 모바일 환경에 따라 레이아웃이 유동적으로 조정되는 UI 구성

✅ 랜딩페이지 및 소개서 관리 기능

홍보용 랜딩페이지와 회사소개서 PDF 업로드 및 미리보기 지원 기능 포함

✅ 경량형 퍼블리싱 설계

필요 기능만 반영해 JS 로딩 속도 개선 및 사용자 UX 최적화

진행 단계

요구사항 분석 및 기획

2020.08.

• 기존 홈페이지의 콘텐츠 구조 분석 및 제거 대상 선정
• 비용 절감을 위한 기능 최소화 방안 설계

디자인 및 개발

2020.09.

• Figma 기반 디자인 및 UI 시안 확정
• React + TypeScript 기반 프론트엔드 개발
• HTML/CSS 기반 반응형 구조 적용

배포 및 운영 정비

2020.10.

• 정적 사이트로 배포하여 유지관리 편의성 확보
• 지속 가능한 운영 전략 제시 및 사내 자가 유지 가능 구조로 마무리

프로젝트 상세

FIX@ 서비스를 홍보하기 위한 FIX@ 홈페이지를 리뉴얼했습니다. 랜딩페이지와 회사소개서 관리 서비스를 탑재해 업로드했습니다. 최대한 홈페이지 운영비를 아끼실 수 있도록 가볍게 개발했습니다.
• 포트폴리오 소개
FIX@ 홈페이지는 디지털 콘텐츠 플랫폼 브랜드의 전문성과 운영 효율을 함께 반영한 반응형 홈페이지입니다. 주요 랜딩페이지 및 회사소개 기능을 중심으로 설계되었으며, 장기적인 유지보수가 가능하도록 경량 구조로 리뉴얼하였습니다.
랜딩페이지와 회사소개서 관리 서비스를 탑재해 업로드했습니다. 최대한 홈페이지 운영비를 아끼실 수 있도록 가볍게 개발했습니다.

• 작업 범위
• 기획: 불필요한 기능 제거 및 경량화 전략 수립
• 디자인: Figma 기반 UI 구성 및 콘텐츠 흐름 정비
• 개발: React/TypeScript 중심의 프론트엔드 개발 및 HTML/CSS 기반 퍼블리싱
• 배포: 서버리스 환경에서 정적 호스팅 적용

• 주요 기능 및 업무
• 브랜드 소개를 위한 랜딩페이지 구성
• 회사 소개서 업로드/관리 기능 설계
• 퍼포먼스 최적화를 위한 정적 자산 구성

• 주안점
• 유지관리 용이성: 비개발자도 콘텐츠 수정이 가능한 구조로 설계
• 운영비용 절감: 서버리스 및 경량 구조로 고정비 최소화
• 핵심 메시지 집중: 중복 콘텐츠 제거 및 브랜드 중심 콘텐츠 강화