기업 홈페이지
대은건축 — 건축 설계 사무소
성과 지표: 문의 전환율 340% 증가
Client
대은건축 주식회사
Duration
4주
Tech Stack
Next.jsTypeScriptFramer Motion
도전 과제 (Challenge)
- • 건축 포트폴리오의 고해상도 이미지가 많아 기존 사이트의 로딩 속도가 4초를 초과하여 이탈률이 매우 높음.
- • 기존 홈페이지의 정적이고 오래된 디자인이 기업의 현대적이고 세련된 건축 철학을 전달하지 못함.
- • 잠재 건축 의뢰 고객이 쉽고 직관적으로 온라인 문의를 넣고 담당자가 이메일로 즉시 안내받을 수 있는 시스템 부재.
해결책 (Solution)
- • Next.js <Image /> 컴포넌트의 WebP/Avif 자동 압축 및 Fetch Priority 최적화를 적용하여 첫 로딩(LCP)을 1.2초로 대폭 단축.
- • Framer Motion을 활용한 텍스트 리빌(Text Reveal) 효과와 부드러운 스크롤 인터랙션으로 프리미엄 갤러리형 디자인 구축.
- • EmailJS API를 연동하여 서버리스 인프라 환경에서 안전하고 비용 발생 없는 실시간 고객 의뢰 알림 메일 시스템 도입.
성과 지표 (Impact)
- • 웹사이트 리뉴얼 직후 첫 로딩 성능 70% 개선 및 사이트 체류 시간 2.3배 증가.
- • 온라인 견적 문의 및 전화 문의 버튼 클릭 전환율이 이전 대비 340% 급상승.
디자인 컨셉 및 브랜딩
대은건축의 '공간을 담아내다'라는 핵심 가치를 시각화하기 위해 가로 격자 중심의 미니멀 그리드 레이아웃을 도입했습니다. 여백의 미를 살리고 고급 잡지를 보는 듯한 연출을 하였으며, 사용자가 마우스를 올리거나 스크롤할 때 서서히 나타나는 효과로 건축미를 웹상에 투영했습니다.프로젝트 구현 및 연동 의뢰
Celis의 구현 사양 및 검토 프로세스를 기반으로 한 소프트웨어 구축 의뢰가 필요하시다면 요구사항을 기재해 주십시오. 담당 기술 아키텍트가 요건 분석 후 조속히 상세 기술 제안을 회신하겠습니다.