홈페이지제작 : 리복 무브 +
홈페이지제작할 때 디자인적인 요소는 해외 홈페이지제작을 참고하는 경우가 많습니다.
아이디어가 톡톡튀는 사이트들이 많기 때문이죠!
하지만 어떤 경우에는 해외사이트를 참고사이트로 제시하시고서는
똑같이 만들어달라고 요청하는 경우도 있는데요
기본적으로 해외 사이트의 경우 크롬이나 사파리폭스 등에서는 구현이 가능하지만
아직도 많이 사용하고 있는 익스플로러에서는 모션이 제한되는 해외 홈페이지들이 무척 많습니다.
디자인적인 요소는 참고할수는 있겠지만
호환성문제 때문에 모션기능을 그대로 구현하기는 힘들답니다.
(가능은 하지만 사용자들이 보지 못할수도 있다는 게 함정)
해외 브랜드 홈페이지제작의 경우 이렇게 보여주는 홈페이지제작이 있어서
해당 제품을 구매하려면 또 다른 연동된 사이트로 이동해야 합니다.
홈페이지 이동은 보통 제품에 링크를 걸어놓았기 때문에 쉽게 할 수 있어요!
리복 무브
스포츠웨어 특성상 역동적인 동영상이 보여지고 있는 홈페이지제작입니다.
영상이 한번에 쭉 연결되는 것이 아니라 중간중간 멈춰서는데
마우스로 움직여줘야 움직입니다.
근데 인물 곳곳에 빨간색 포인트들이 보이네요.
리복 무브 홈페이지제작
보이십니까? 영상의 인물 빨간 포인트를 클릭하면
이렇게 착용하고 있는 상품들이 소개가 되면서 e-shop으로 이동할 수 있는
아이콘이 나타나게 됩니다. 보통 외국 홈페이지제작에서는 이런 식으로 화면에 포인트를 줘서
부연설명을 하거나 제품을 소개하거나 다른 홈페이지로 이동시키는 기능들이 많습니다.
이번에 리복 홈페이지제작에서 또 하나 주목하고 싶은 디자인적인 부분은 바로
하단에 있는 메뉴들입니다.
트레이닝 우먼, 트레이닝 맨, 러닝 우먼, 러닝 맨, 스튜디오 우먼 이렇게 나눠져 있는데
모두 영상으로 제작되어 소개를 하기 때문에 각각 4파트로 이루어져 있습니다.
그런데 마치 마우스로 쭉 이동시키면서 보면 건반을 누르는 것 같기도 하고
그래프처럼 표시되어 있기도 합니다.
역시 홈페이지제작 디자인은 이렇게 디테일한 부분에서 엣지가 느껴지는 것 같습니다.
리복 무브 홈페이지제작
같은 양식, 다른 영상
이것이 바로 러닝 컬렉션 부분입니다.
홈페이지제작 하단 파트를 이동할때마다 색상의 변화가 있는데
이런 부분도 전체적으로 어두운 동영상에 활력을 불어넣고 있습니다.
e-shop 이동을 하면 이렇게 해당 제품이 배열되어 있는
홈페이지 페이지가 나타납니다.
여기서 구매할 수 있는 것이지요!