홈페이지에 대하여 정보를 공유하고 이야기 할 수 있는 공간입니다.

홈페이지제작 : 리복 무브 +

  • LV 3 옹옹옹222
  • 비추천 0
  • 추천 0
  • 조회 1466
  • 2014.09.27 17:16
홈페이지제작 : 리복 무브 +
 
 
 
홈페이지제작할 때 디자인적인 요소는 해외 홈페이지제작을 참고하는 경우가 많습니다.
아이디어가 톡톡튀는 사이트들이 많기 때문이죠!
하지만 어떤 경우에는 해외사이트를 참고사이트로 제시하시고서는
똑같이 만들어달라고 요청하는 경우도 있는데요
기본적으로 해외 사이트의 경우 크롬이나 사파리폭스 등에서는 구현이 가능하지만
아직도 많이 사용하고 있는 익스플로러에서는 모션이 제한되는 해외 홈페이지들이 무척 많습니다.
 
디자인적인 요소는 참고할수는 있겠지만
호환성문제 때문에 모션기능을 그대로 구현하기는 힘들답니다.
(가능은 하지만 사용자들이 보지 못할수도 있다는 게 함정)
 
 






리복에서 새로운 홈페이지제작을 했습니다.
해외 브랜드 홈페이지제작의 경우 이렇게 보여주는 홈페이지제작이 있어서
해당 제품을 구매하려면 또 다른 연동된 사이트로 이동해야 합니다.
홈페이지 이동은 보통 제품에 링크를 걸어놓았기 때문에 쉽게 할 수 있어요!
 
 




 
 
리복 무브
스포츠웨어 특성상 역동적인 동영상이 보여지고 있는 홈페이지제작입니다.
영상이 한번에 쭉 연결되는 것이 아니라 중간중간 멈춰서는데
마우스로 움직여줘야 움직입니다.
근데 인물 곳곳에 빨간색 포인트들이 보이네요.
 
 





 
 리복 무브 홈페이지제작
보이십니까? 영상의 인물 빨간 포인트를 클릭하면
이렇게 착용하고 있는 상품들이 소개가 되면서 e-shop으로 이동할 수 있는
아이콘이 나타나게 됩니다. 보통 외국 홈페이지제작에서는 이런 식으로 화면에 포인트를 줘서
부연설명을 하거나 제품을 소개하거나 다른 홈페이지로 이동시키는 기능들이 많습니다.
 
 



 
 
이번에 리복 홈페이지제작에서 또 하나 주목하고 싶은 디자인적인 부분은 바로
하단에 있는 메뉴들입니다.
트레이닝 우먼, 트레이닝 맨, 러닝 우먼, 러닝 맨, 스튜디오 우먼 이렇게 나눠져 있는데
모두 영상으로 제작되어 소개를 하기 때문에 각각 4파트로 이루어져 있습니다.
 
그런데 마치 마우스로 쭉 이동시키면서 보면 건반을 누르는 것 같기도 하고
그래프처럼 표시되어 있기도 합니다.
역시 홈페이지제작 디자인은 이렇게 디테일한 부분에서 엣지가 느껴지는 것 같습니다.
 





 
리복 무브 홈페이지제작
같은 양식, 다른 영상
 



 
 
이것이 바로 러닝 컬렉션 부분입니다.
홈페이지제작 하단 파트를 이동할때마다 색상의 변화가 있는데
이런 부분도 전체적으로 어두운 동영상에 활력을 불어넣고 있습니다.
 
 

 
e-shop 이동을 하면 이렇게 해당 제품이 배열되어 있는
홈페이지 페이지가 나타납니다.
여기서 구매할 수 있는 것이지요!

추천 0 비추천 0

트위터 페이스북 구글플러스 싸이공감 네이트온 쪽지 구글 북마크 네이버 북마크
추천수 베스트
게시물이 없습니다.
조회수 베스트
게시물이 없습니다.
댓글수 베스트
게시물이 없습니다.
홈페이지 이야기 게시판 게시물 목록
번호 제   목 이름 날짜 조회
52 블로그 상단노출법 LV 7 제리 11-18 853
51 Wordpress와 우리나라 현실 1 LV 10 꽃사슴 11-09 781
50 키워드 광고 안할수도 없고 , 하기도 그렇고! LV 10 꽃사슴 11-09 648
49 홈페이지 방문객과 실시간 상담 하는 방법 LV 10 꽃사슴 11-09 689
48 무료홈페이지 Best 3 1 LV 10 꽃사슴 11-09 675
47 카페 만들기 - 이왕 할거면 제대로 만들자! LV 10 꽃사슴 11-09 625
46 홈페이지제작-기본은 알자! (필요성,개발단계,바이럴) 시리즈 1편 LV 9 꽃사슴 11-08 729
45 블로그 활성화 , 정말 어떻게 해야 할까요? LV 9 꽃사슴 11-08 689
44 카페 활성화 - 왜 힘든걸까? LV 9 꽃사슴 11-08 695
43 홈페이지 구축 - 기본 개념은 알고 만들자! LV 9 꽃사슴 11-08 812
42 똑똑한 회사 홈페이지 구축 방법 LV 9 꽃사슴 11-08 677
41 홈페이지 제작 시 고려사항 1 LV 9 xoxo 10-31 795
40 ios & Android 디자인 할 때 참고할만한 자료 LV 5 퓨리티진 10-28 762
39 무료 고퀄리티 사진 웹사이트 10개 LV 4 퓨리티진 10-21 846
38 에이전시 산업의 과거, 현재, 그리고… 미래[퓨즈 허재남대표] LV 3 퓨리티진 10-16 1518
37 33가지 신선하고 아름다운 포트폴리오 디자인 LV 3 퓨리티진 10-16 1155
36 polygon background tutorial - using triangulator LV 3 퓨리티진 10-16 2014
35 아이콘 디자인 레퍼런스하기 좋은 웹사이트 LV 3 퓨리티진 10-16 8862
34 웹디자인을 위한 이미지 소스 관련 웹사이트 모음 LV 5 망고ㅇ 10-16 909
33 윈도우 탐색기 레이아웃 변경하기 LV 5 망고ㅇ 10-16 1446
32 추천하는 디지털 메모장 LV 5 망고ㅇ 10-16 823
31 140만개가 넘는 벡터(vector) 파일 무료 다운로드 LV 5 망고ㅇ 10-16 2411
30 구글이 만든 iOS용 프레젠테이션 툴 LV 5 망고ㅇ 10-16 854
29 멋진 음식점 웹디자인 22개 LV 3 퓨리티진 10-13 1127
28 qr 코드로 홈페이지 홍보 LV 4 제리 10-10 1075
27 수채화 느낌에 웹사이트 25개 LV 3 퓨리티진 10-08 1518
26 워드프레스로 홈페이지를 제작할때 도움이 될 서비스를 소개합니다. LV 3 퓨리티진 10-08 1026
25 패럴렉스 스크롤링 웹사이트 베스트 20 LV 2 퓨리티진 10-07 3220
24 반응형 웹사이트 50개 LV 2 퓨리티진 10-06 1289
23 반응형웹의 단점과 현실 LV 2 퓨리티진 10-02 2026
22 홈페이지 만드실수 있으신분 계십니까? LV 3 김또취 10-01 1056
21 이미지와 텍스트의 조화를 위한 디자인 팁 10가지 LV 2 퓨리티진 10-01 1748
20 모바일 홈페이지 LV 2 제리 09-29 1214
19 홈페이지제작 : 리복 무브 + LV 3 옹옹옹222 09-27 1467
18 디지털 콘텐츠 플랫폼 : 블로그 서비스별 비교 총정리 LV 4 꽃사슴 09-23 1411