본문 바로가기

블로그제작/고급형(티스토리)

홈페이지형 부동산 블로그제작 사례

반응형

  부동산 홈페이지형 블로그 

제작 최신 사례

#부동산 블로그제작.

 

 

안녕하세요! 블로그애드입니다. 오늘은, 지난번에 제작한 홈페이지형 블로그 중에서 부동산 블로그 실제 사례를 가볍게 살펴볼께요.

 

부동산 블로그는 많은 매물건 등을 효과적, 효율적으로 열람하고 확인해 볼 수 있는 UX가 필요하기 때문에 그에 걸맞는 레이아웃과 스킨, 기술적 구현이 필요한 영역입니다. 

 

이번에 제작한 홈페이지형 블로그의 경우는, 그런 현장의 소리와 요청 등을 적극적으로 반영하였고, 관리자나 소비자 모두 쉽게 빠르게 원하는 매물건등을 열람하고 필요시 리플라이먼트까지 가능하도록 구현하였습니다.

 

▶리소스: 티스토리 기반

▶제작범위: PC, 모바일(반응형)

▶제작기간: 14일

▶기능: 홈페이지 대체

▶참조: 매뉴얼 및 관리 간단 교육

 

이와같은 절차로 제작 진행되었습니다. 이번 블로그는, 기존에 사용하던 홈페이지를 폐쇄하고 도메인을 그대로 네임플러스로 연결하여 홈페이지 기능과 블로그 기능 모두를 가능하도록 한 사례입니다.

   

 

 

 

 

#1.웹 화면

<PC에서 볼때 보이는 화면>

 

 

자신의 얼굴을 보여준다는 것은 책임이 있다는 것이고, 그만큼 정직함을 기초로 모든 매물건을 열람할 수 있도록 하겠다는 의미입니다. 위의 홈페이지형 블로그는 그것을 잘 담아냈습니다.

 

가독성이 있고, 상단부터 하단에 이르기까지 깔끔하고 심플한 느낌으로 제작되었습니다. 꼭 필요한 부분만을 담아서 로딩시간이나 복잡한 내용이 없어서 아주 편리합니다.

 

 

 

 

 

<멘뉴바에서 온오버시>

 

 

복잡한 카테고리의 구성이 항상 문제잖아요. 많은 내용을 일목요연하게 정리하여 방문자로 하여금 열람할 수 있도록 하는데 좋은 기능은, 역시나 마우스 온오버 효과(메뉴에 올리면 화면처럼 전체메뉴를 보고 원하는 부분을 셀렉할 수 있는 기능) 넣어서 아주 편리하도록 구현하였습니다.

 

좌우측에는 센스있게 로고를 그레이 스케일로 넣어서 부담스럽지 않고 깔끔하면서도 세련되게 적용시켜드렸습니다.

   

 

 

 

 

 

#2,모바일 화면

 

<모바일에서 보이는 화면>

  

 

기존 네이버 블로그에서는 웹 화면이야 홈페이지 처럼 보이게 구성은 해볼 수 있지만, 정해진 툴(이를테면 스킨상단, 약간의 메뉴들 등) 안에서 디자인적인 요소로 구현해야 합니다. 

 

그리고 골치 아픈것은, 아무리 잘 만들어진 레이아웃과 디자인, 스킨이라도 모바일에서 보면 모두다  동일하게 보인다는 단점이 있습니다. 그리고 한눈에 보려면 몇번의 단계를 거쳐야 '전체글 보기'로 확인할 수 있지만, 그마져도 너무 복잡합니다.

 

지금 이글을 읽고 계시다면, 대략 어떤 내용인지 알 수 있을 것입니다. 물론티스토리도 웹화면을 잘 만들어도, 모바일은 공통스킨이 적용되어 차별성이 없어 보일 수 있지만, 그 공통스킨이 최소한 네이버보다는 훨씬 뛰어납니다.

 

사진에서 보시는 모바일 스킨과 기능은 별도로 반응형 스킨으로 제작한 화면입니다. PC로 볼때, 모바일로 볼때 이렇게 다르게 보이되, 뛰어난 레이아웃과 스킨을 그대로 모바일 기기별로 적합게 보이도록 구현해줍니다. 이래야 진정한 홈페이지형 블로그가 아닐까 싶습니다.

    

 

 

 

 

<메뉴의 기능 on 모바일>

 

 

이것은 좌측 상단에 있는 안개모양 '메뉴'를 프레스 하면 나타나는 모바일이 화면입니다. 한눈에 원하는 메뉴나 카테고리를 열람할 수 있도록 UX환경으로 제작 되었습니다. 

 

지금 여기까지 읽으셨다면, 우리가 알고 있었던 홈페이지형이라고 불렸던 그런 블로그가 정말 홈페이지형 블로그가 아니라는 사실도 알게 되었습니다. 새롭게 창업을 하고 홈페이지를 만들기란 부담스럽지만, 그래도 홈페이지처럼 보이고 싶은 스타트업 기업이나 소상공인들에게 적합한 수단이라고 말할 수 있을 것입니다.

     

 

 

 

 

 

"Thank You

for your attention."

 

반응형