50초만에 고객을 사로잡는 홈페이지 디자인 만드는 법

다른 홈페이지 디자인 참조하여, 영감 얻기

홈페이지 디자인에 대한 아이디어를 얻을 수 있는 가장 쉬우면서도 좋은 방법은 다른 웹사이트를 많이 보는 것입니다. 홈페이지 레이아웃이나 페이지 전환, 색상 구성표, 타이포그래피 밎 다양한 디자인 요소를 적어 두세요. 경쟁업체나 비슷한 업종의 홈페이지 디자인을 분석해보는 것도 중요합니다. 방문자가 위화감을 느끼지 않도록 제품/서비스에 대한 이미지는 잘 표현하되, 경쟁업체와 차별화 되는 요소를 두는 것이 좋습니다.

브랜드에 맞는 홈페이지 디자인 선정하기

웹사이트를 새로 만들거나 오래된 홈페이지를 개편할 경우, 색상 구성과 타이포그래피와 같은 그래픽 요소가 굉장히 중요합니다. 어떤 색상과 타이포그래피를 사용해야할지 고민이라면 여러분의 홈페이지를 방문하는 유저와 제품/서비스에 대한 이미지를 떠올려보세요. 제품/서비스 그리고 유저의 특성에 맞는 색상과 타이포그래피를 사용하면 브랜드 이미지를 더욱 잘 살릴 수 있습니다.

반응형 홈페이지 구현으로 모든 기기에 최적화하기

반응형 홈페이지는 방문자가 사용하는 기기에 따라 최적화된 크기로 웹사이트를 볼 수 있는 방법입니다. 따라서 휴대 기기에서 홈페이지를 볼 때, UX를 향상시키고, 사이트가 검색되었을 때 노출되는 순위를 높일 수 있습니다. 2015년부터 구글에서는 모바일 친화적이지 못한 사이트에 패널티를 주고 있기 때문입니다.

홈페이지 성능 향상 시키기

홈페이지를 로딩하는데 3초이상 걸린다면, 방문자의 절반 이상이 홈페이지를 떠나게 됩니다. 방문자가 사이트를 보지도 않고, 사이트를 꺼버린다면 홈페이지 디자인을 확인하기도 전에 많은 잠재고객들을 잃게 되겠지요. 페이지 속도 또한 고객에게 편리한 사이트 경험을 제공하는 것과 동시에 구글 검색순위 상위에 노출될 수 있는 중요한 요소 입니다. 일반적으로 홈페이지 성능 최적화는 웹 개발자가 처리하지만, 코딩 기술을 어느정도 갖춘 디자이너도 프론트 엔드에서 몇 가지 작업을 실행할 수 있습니다. 예를 들면, 포토샵에서 이미지 파일을 압축하고, 크기를 조절하면 이미지 품질을 떨어뜨리지 않고, 로딩 시간을 줄일 수 있지요.