본문 바로가기

라온소개/포트폴리오

[포트폴리오/홈페이지 제작] 반응형 웹 사이트 쥬스킹 :: 라온팩토리

[포트폴리오/홈페이지제작] 쥬스파는 가게, 쥬스킹 :: 라온팩토리

 

 

안녕하세요, 블로그 지기입니다.


오늘은 얼마전 작업을 마친 쥬스킹 홈페이지를 소개하겠습니다.


홈페이지 제작이라고 하면 조금 놀라실 텐데요. 라온팩토리는 종합홍보대행사로 연간 홍보 뿐만 아니라 홈페이지 제작, 지면광고, 라디오 광고 등 다양한 일들을 하고 있습니다. 그 중 최근에 작업을 마친 과일파는 가게, 쥬스은 한밭대학교 대학로에 위치한 본점입니다.

 







우리 지역에서 자라는 과일을 사용해 신선함과 지역 경제에 보탬이 되는 과일파는 가게, 쥬스킹!

그럼 지금부터 라온팩토리가 제작한 홈페이지 일부를 소개하겠습니다.

 


 


 

먼저, 쥬스킹의 홈페이지는 요즘 트렌드에 맞게 디자인 되었습니다.

배경을 어둡게 깔고 글씨를 강조하며 세련된 느낌으로 하고 싶은 말을 강조하고 있습니다.

 

 

 

 

 

 

 

 

메뉴소개 또한 깔끔하게 디자인해 가독성을 높이고 제품을 강조해 주었습니다.

요즘 제작되는 홈페이지는 패럴랙스 스크롤링이 많이 사용됩니다.

 

 

스크롤에 따라 오브젝트와 배경 이미지가 시간차를 두고 변하는 기법입니다.

홈페이지를 3D로 보는 느낌이 들기도 하죠.

 

 

메뉴를 눌러 새로운 페이지로 들어가던 예전 방식과는 달리 메인에서 스크롤로 모든 것을 확인 할 수 있어 소비자에게 호기심과 궁금증을 유발 시켜 사이트에 머무르는 시간을 늘려주고 제품 노출을 더 오래 할 수 있는 기회를 얻게 됩니다.

 

 

 

 

 

 

▲모바일에서 본 쥬스킹 홈페이지(반응형 웹)

 

 


추가로, 쥬스킹 홈페이지는 반응형 웹으로 제작되어 모바일에서도

최적화된 사이즈로 패럴렉스 스크롤이 적용된 모습을 확인 할 수 있습니다.

 

 

 

 

 

이렇게 패럴렉스 스크롤이 홈페이지에 잘 적용되기 위해서는 중요하게 생각해야 할 것이 몇 가지 있습니다.

 

 

 

 

 

 

 

 

첫째,

모바일 환경을 고려한 반응형 웹이 구축되어야 한다!

패럴렉스 스크롤은 모바일에 최적화된 것이 아니기 때문에

반응형 웹 즉, 디스플레이 종류에 따라 화면 크기가

자동으로 최적화되는 웹을 구축해 어떤 디스플레이에도

패럴렉스 스크롤이 적용될 수 있도록 도와주어야 합니다.

 

 

 

 

둘째,

사용자가 오래 머무를 수 있도록 재미있게 만들자!

패럴렉스 스크롤을 많은 사이트에서 도입하고 있기 때문에

어떤 홈페이지보다 재미있고, 눈이 즐거운 홈페이지를 만들어야 합니다.

 

 

 

셋째,

홈페이지에 재미있는 스토리를 만들어라!

특히, 회사의 제품소개를 하는 홈페이지의 경우는

스토리가 중요합니다. 홈페이지 스토리와 패럴렉스 스크롤이

만나면 사용자는 웹툰을 보고 있는 것 같은 느낌을 줄 수 있습니다. 

 

 

 

 

 

자, 이렇게 패럴렉스 스크롤이 적용된 쥬스킹 홈페이지와 간략한 패럴렉스 스크롤에 대하여 알아보았습니다!

창업을 준비하거나 홈페이지 개편을 준비 중이신 분이 계시다면 오늘 내용을 참고해 홈페이지를 제작해보는 것도 좋을 거 같습니다!!

 


홈페이지 제작과 이에 적용된 패럴렉스 스크롤링 내용 어떠셨나요.

라온팩토리가 더욱더 궁금해지고 기대감이 생기지 않나요?

 

 

 

앞으로는 더욱더 유용하고 좋은 정보로 찾아오겠습니다.

라온팩토리의 다양한 사업이 궁금하다면 홈페이지에 방문해주세요