프로젝트 배경
퍼스트애비뉴인테리어는 강남 논현동에 위치한 프리미엄 인테리어 디자인 회사로, 15년
이상의 경력을 바탕으로 주거공간, 상업공간, 리모델링 서비스를 제공하고 있습니다.
클라이언트의 핵심 요청사항은 '다크 럭셔리' 컨셉을 웹에서 일관되게 표현하는
것이었습니다. 고급 인테리어 회사의 프리미엄 이미지를 전달하면서도, 무료 상담 예약으로
이어지는 전환율 높은 랜딩 페이지가 필요했습니다.
본 프로젝트에서는 다크 배경(#1A1A1A)과 골드 포인트(#C9A96E) 컬러 시스템을 기반으로
5페이지(Home, About, Services, Gallery, Contact)로 구성된 반응형 웹사이트를
구축했습니다. 프로젝트 갤러리에서는 호버 시 이미지 확대, 그라데이션 오버레이, 텍스트
슬라이드업 효과를 적용하여 포트폴리오의 몰입감을 높였습니다. 또한 Hero, 서비스 섹션,
하단 CTA에 무료 상담 예약 버튼을 반복 배치하고, tel: 링크를 적용하여 모바일에서 원클릭
전화 연결이 가능하도록 전환율을 최적화했습니다.
프로젝트 성과
전환율 최적화 CTA
무료 상담 예약 버튼, tel: 링크로 모바일 원클릭 전화 연결, 스크롤 시 CTA 반복
노출
노출
핵심 기능
다크 럭셔리 컬러 시스템
Dark 배경(#1A1A1A) + Gold 포인트(#C9A96E) 조합, 골드 디바이더 및 테두리로
프리미엄
프리미엄
진행 단계
기획
2024.06.
프리미엄 인테리어 회사 컨셉 분석, 다크 럭셔리 레퍼런스 수집, 사이트맵 및 와이어프레임 설계
디자인
2024.06.
5색 브랜드 팔레트(Gold, Dark 계열) 정의, 골드 디바이더 및 버튼 스타일 개발
개발
2024.06.
Tailwind CSS + Vanilla JS로 5페이지 구현, AOS 스크롤 애니메이션, 프로젝트 카드 호버 효과
배포
2024.06.
Dockerfile 작성, Kamal 배포 설정, Python HTTP Server 로컬 테스트 환경 구성
프로젝트 상세
퍼스트애비뉴인테리어는 강남 논현동에 위치한 프리미엄 인테리어 디자인 회사로, 15년
이상의 경력을 바탕으로 주거공간, 상업공간, 리모델링 서비스를 제공하고 있습니다.
클라이언트의 핵심 요청사항은 '다크 럭셔리' 컨셉을 웹에서 일관되게 표현하는
것이었습니다. 고급 인테리어 회사의 프리미엄 이미지를 전달하면서도, 무료 상담 예약으로
이어지는 전환율 높은 랜딩 페이지가 필요했습니다.
본 프로젝트에서는 다크 배경(#1A1A1A)과 골드 포인트(#C9A96E) 컬러 시스템을 기반으로
5페이지(Home, About, Services, Gallery, Contact)로 구성된 반응형 웹사이트를
구축했습니다. 프로젝트 갤러리에서는 호버 시 이미지 확대, 그라데이션 오버레이, 텍스트
슬라이드업 효과를 적용하여 포트폴리오의 몰입감을 높였습니다. 또한 Hero, 서비스 섹션,
하단 CTA에 무료 상담 예약 버튼을 반복 배치하고, tel: 링크를 적용하여 모바일에서 원클릭
전화 연결이 가능하도록 전환율을 최적화했습니다.
이상의 경력을 바탕으로 주거공간, 상업공간, 리모델링 서비스를 제공하고 있습니다.
클라이언트의 핵심 요청사항은 '다크 럭셔리' 컨셉을 웹에서 일관되게 표현하는
것이었습니다. 고급 인테리어 회사의 프리미엄 이미지를 전달하면서도, 무료 상담 예약으로
이어지는 전환율 높은 랜딩 페이지가 필요했습니다.
본 프로젝트에서는 다크 배경(#1A1A1A)과 골드 포인트(#C9A96E) 컬러 시스템을 기반으로
5페이지(Home, About, Services, Gallery, Contact)로 구성된 반응형 웹사이트를
구축했습니다. 프로젝트 갤러리에서는 호버 시 이미지 확대, 그라데이션 오버레이, 텍스트
슬라이드업 효과를 적용하여 포트폴리오의 몰입감을 높였습니다. 또한 Hero, 서비스 섹션,
하단 CTA에 무료 상담 예약 버튼을 반복 배치하고, tel: 링크를 적용하여 모바일에서 원클릭
전화 연결이 가능하도록 전환율을 최적화했습니다.







