본문 바로가기 주메뉴 바로가기
서브 비주얼 1
서브 비주얼 5
서브 비주얼 2
서브 비주얼 4
서브 비주얼 3

반응형 홈페이지제작 - 두카티코리아

WebSite.co.kr Story

[DESIGN] 반응형 홈페이지제작 - 두카티코리아

[DESIGN] 반응형 홈페이지제작 - 두카티코리아

웹사이트(WebSite.co.kr) 2021-09-30 조회수 2,044

안녕하세요. 반응형 홈페이지 제작 전문업체 (주)쓰리애니아이앤시. 웹사이트(website.co.kr)입니다.

오늘은 반응형 홈페이지의 제작 과정을 소개해 드리려고 합니다.

모터사이클 전문업체 두카티코리아의 홈페이지 제작은

PC와 모바일의 화면 해상도에 따라 반응하여 최적의 화면을 보여주는

반응형 홈페이지 제작 기법으로 구축되었으며, 반응형 홈페이지의 장점을 극대화 하여 제작된 홈페이지 입니다.


[반응형 홈페이지 제작시 주요특징]

- 반응형 홈페이지

- 모터사이클

- 용품

- 프로모션

- 이벤트

- 지점 안내

- 견적 문의

- 시승 문의

- 회원 관리



[반응형 홈페이지 - 두카티코리아의 핵심 개발 내용]

- 제품을 더욱 돋보이게 하는 고급스러운 디자인의 반응형 홈페이지 제작

- 제품의 디테일이 나타나는 제품 소개

- 반응형 홈페이지의 콘텐츠를 관리할 수 있는 관리자 프로그램 제공






"Story"


이탈리아 두카티 모터사이클 전문업체(공식 수입원)인 ‘두카티코리아’의 기업 홍보형 홈페이지를 반응형 홈페이지로 제작하여

최고급 모터사이클 브랜드의 자부심과 제품을 더욱 돋보이게 할  수 있는 디자인 컨셉 요구됨





"Photography"


반응형 홈페이지 제작 시 디자인 컨셉을 유지하면서도 제품의 고급스러운 디자인을 디테일하게 나타내는 포토콘텐츠(제품사진) 를 선택하여,

제품 시승 사진등을 다이나믹하게 표시하여 제품을 더욱 돋보이게 게 표현함

 


"UX / UI"


반응형 홈페이지 제작 시 UX / UI 목표는 쉽고 편리한 사용자 경험을 목표로 메뉴 내비게이션 구조를 단순화하고

카테고리를 모터사이클과 관련용품으로 분류하여 사용자가 원하는 제품을 쉽게 찾을 수 있도록 설계하는 것이 중요한 포인트.

UX / UI 컨셉을 바탕으로 반응형 홈페이지 메뉴 구조 및 와이어 프레임을 설계하여 제품의 특징을 더욱 부각하는 반응형 홈페이지로 구축계획.





"design"


반응형 홈페이지는 사용자의 디바이스 환경에 맞추어 PC, 태블릿, 모바일 등 어떠한 환경에서도 최적화되어 볼 수 있도록 디자인 컨셉 설계.

반응형 홈페이지 제작 시 각 화면에서 보여줄 최적의 콘텐츠 배치를 고려하여 설계하고 디자인 함.




"color theme"


두카티코리아 로고 컬러인 레드, 화이트를 돋보일 수 있도록 다크 계열 컬러 선택하여 반응형 홈페이지 제작 설계.

로고 컬러인 레드를 포인트 컬러로 선택하여, 두카티코리아의 제품과 홈페이지 간 통일성 부여





"video design"


반응형 홈페이지에서도 영상에 집중할 수 있도록 플레이어를 최대한 단순화하여 디자인하고,

풀 화면 및 모바일 화면에서도 최적의 해상도로 비디오가 표현될 수 있도록, 반응형 홈페이지에 맞는 플레이어로 표현.




"mobile design"


반응형 홈페이지 제작 시, 모바일 화면에서도 제품사진과 정보를  최적화 하여 보일 수 있도록, 디자인 하고, 반응형 홈페이지 기술을 적용하여

비주얼 이미지등의 크기를 화면 해상도에 맞는 이미지로 대체하여 표시




"product image"






"UI elements"


반응형 홈페이지 제작 시 홈페이지의 디자인 컨셉에 맞게, UI 엘레먼츠들을 재설계 하고,

색상, 크기등을 사용자의 디바이스의 환경에 맞추어 자동으로 최적화 될 수 있도록, 반응형 홈페이지 제작 기술을 적용.

비주얼 이미지등의 크기 또한 사용자 디바이스의 화면 해상도에 맞는 이미지로 대체하여 표시될 수 있도록 구현하여

반응형 홈페이지의 디테일까지 꼼꼼하게 챙겨서 디자인 설계 종료함.










홈페이지 제작을 위한 모든 것, 웹사이트와 함께하십시오!

웹사이트(WebSite.co.kr)는 더 나은 품질을 위해 노력하고 있습니다.

빠른상담 신청하기

[자세히보기]
맨 위로