아파트 분양 사무실 홈페이지 제작 목적으로 완성한 랜딩페이지 디자인 과정을 소개할게요. 특별한 기능이 포함된 프로젝트는 아니지만 업계 특성을 고려해 검색엔진 최적화 구현에 집중하여 제작 하였고, 랜딩페이지 목적과 고객 요구에 따라 Contact Us 및 연락처 전달에 주력하였습니다.
워드프레스로 만든 아파트 분양 랜딩페이지 디자인
해당 사이트는 원페이지로 구성되었고 워드프레스를 사용했습니다. 웹사이트 상위노출과 고객 정보 수집이 사이트 운영 목적이며, 클라이언트는 랜딩페이지 디자인 자체에는 관심이 없어 제작 기간 단축만을 요구 하셨습니다.
기본적인 레이아웃 형성과 전환율 향상을 위한 초기 디자인 구축에 이틀, 세부 디자인과 이미지 및 폰트 배치에 이틀이 소요 되었고, 자료 전달 이후 전체적인 세팅 과정은 하루 소요 되었으니 총 5일에 거친 프로젝트 결과 입니다.
“원페이지 구성, 아파트 분양 랜딩페이지”
이번 아파트 분양 사무실 홈페이지 제작 과정에서 랜딩페이지 디자인 자체에는 다양한 요소를 적용하지 않았습니다. 다만 현재 포트폴리오 자체에서 보여지는 단지 소개 섹션에서 고정 스크롤 디자인을 적용했기 때문에 풀스크린 샷에서 웹사이트 구조가 쓸데 없이 길어 보이는 것 같습니다.
실제 구현되고 있는 웹사이트 디자인이 궁금하신 분들은 하단에 준비된 사이트 링크를 이용하시기 바랍니다.
디자이너를 위한 친절한 설명
웹디자인에는 페이지 마다 포인트 섹션이 필요합니다. 그렇지 않으면 밋밋하게 느껴지기 때문인데요, 이번 아파트 분양 랜딩페이지 제작 과정에서는 단지 커뮤니티와 내부 타입 소개 과정에서 디자인 요소를 접목했습니다.
보시는 것 처럼 마우스 호버 시 이미지와 간단한 세부 설명을 확인할 수 있도록 하나의 섹션을 네개의 컬럼으로 분류하여 제작한 랜딩페이지 디자인 만으로도 단순한 느낌을 조금은 상쇄할 수 있었습니다.
아파트 타입 안내는 총 3개 구성이라 슬라이드 기능을 사용해 보여 주었습니다.
마지막으로 검색엔진 최적화를 고려해 하단 푸터 상위 부분에 폰트 계층을 살려 최적화 작업을 진행했는데요, 이와 같은 디자인에서 중요한 건 폰트 크기가 절대 14PX 이상이 되어서는 안된다는 것과 상하 패딩 값을 잘 설정해야 하죠.
테마는 오션이며, 편집 플러그인은 엘리멘터와 엘리멘터 프로를 이용했습니다.
제작기간 - 5일
디자인툴 - 워드프레스
테마 - OCEAN WP
서버 - Vultr VPS 애틀란타
※랜딩페이지 사용 기간 2024/09월까지
