Skip to content

Trusstree/woomzip_frontend

Repository files navigation

🏡 woomzip - Frontend Repository

움집(woomzip)은 예측 불가능하고 정보가 불균형한 모듈러 주택 시장에 투명성과 예측 가능성을 제공하기 위해 시작된 플랫폼입니다. 이 레포지토리는 Next.js 기반으로 제작된 움집 웹 애플리케이션의 프론트엔드 코드입니다.

✨ 주요 업무 및 역할

이 프로젝트에서 다음과 같은 핵심적인 역할을 수행하며 서비스를 개발하고 성장시켰습니다.

1. 플랫폼 MVP 제작

  • Next.js와 FastAPI를 기반으로 신속하게 프로토타입을 개발하여 아이디어의 시장성을 검증했습니다.
  • AWS EC2와 NginX를 활용하여 안정적인 초기 인프라를 구축하고, 변화하는 요구사항에 민첩하게 대응하며 초기 버전을 완성했습니다.

2. Next.js 기반 프론트엔드 구축

  • Next.js와 Bootstrap을 중심으로 전체 웹 프론트엔드를 설계하고 구현했습니다.
  • Axios를 활용하여 백엔드 API와 안정적으로 통신하고, AWS S3를 연동하여 이미지 데이터를 효율적으로 관리했습니다.
  • Zustand를 도입하여 간결하고 효과적인 상태 관리를 구현했습니다.

3. UI/UX 개선

  • 복잡했던 기능들을 '제품 찾기', '문의하기', '소개' 세 가지 핵심 기능으로 재구성하여 사용자 경험을 직관적으로 개선했습니다.
  • 다크 모드(검은 톤)를 메인 테마로 채택하여 사용자의 시선 집중도를 높이고, GSAP를 활용한 동적인 애니메이션으로 사용자의 흥미를 유발했습니다.

4. 성능 최적화 및 SEO 개선

  • SSR (Server-Side Rendering)을 기본 렌더링 방식으로 채택하여 초기 로딩 속도를 개선하고 검색 엔진 최적화(SEO)를 강화했습니다.
  • 홈페이지와 같이 데이터 변경이 잦지 않은 페이지에는 ISR (Incremental Static Regeneration)을 적용하여 API 호출을 최소화했습니다.
  • **CSR (Client-Side Rendering)**이 필요한 동적 페이지(애니메이션, 상태 관리)를 선별적으로 구현하여 사용자 인터랙션을 강화했습니다.
  • 메타데이터 최적화, 이미지 포맷(WebP, AVIF) 통일, Lazy Loading 적용 등을 통해 웹 페이지의 전반적인 로딩 성능을 극대화했습니다.
  • Google Analytics를 도입하여 사용자 데이터를 분석하고 서비스 개선의 기반을 마련했습니다.

🚀 주요 성과

아이디어와 MVP를 바탕으로 외부에서 기술력과 비전을 인정받았으며, 다음과 같은 구체적인 성과를 달성했습니다.

1.🏆 수상 및 선정

  • 숭실대학교 창업지원단 Pre-스타트업 창업경진대회 우수상
  • 2023 스마트건설 창업아이디어 공모전 장려상
  • 하나소셜벤처유니버시티 참가
  • 2024 학생 창업유망300 성장트랙 선정

2. 💼 사업적 성과

  • 공모전 수상을 통해 5년간 스마트건설지원센터 사무공간 및 연간 5,000만 원의 제품 개발비 지원 확보
  • 20곳 이상의 입점사를 유치하고 활성 유저 4,000명을 확보하며 성공적으로 서비스를 운영

About

트러스트리의 모듈러주택 플랫폼 서비스, "움집"의 프론트엔드 리포지토리입니다.

Topics

Resources

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages