KR모터스 웹사이트 리뉴얼 및 쇼핑몰 신규 구축 > PROJECT

본문 바로가기

  • Web

    Web

  • 반  응  형
    웹  으  로
    바로가기

  • Web

    Web

  • Mobile

    Mobile

  • 닫기

    close

본문

WEBSITE


KR모터스 홈페이지 리뉴얼 및 쇼핑몰 신규 구축


KR모터스는 경남 창원에 본사를 둔 오토바이 제조 전문 기업으로 바램과 꾸준히 인연을 이어가고 있습니다.

2011년 제작되어 사용해오던 웹사이트를 반응형 웹사이트로 리뉴얼 하였으며, 쇼핑몰 또한 신규로 제작하였습니다.

쇼핑몰은 적응형으로 작업되어 PC, 모바일 버전에 맞게 각각 작업하였습니다.







반응형과 적응형의 차이점

회사소개형 사이트와 쇼핑몰 두 가지 사이트를 제작하였으나 회사소개형은 반응형으로
쇼핑몰은 적응형으로 작업하였습니다.

반응형 웹사이트는 모니터의 해상도에 따라 홈페이지의 레이아웃이 맞추어 변경되어
모바일 전용 사이트가 따로 필요하지 않습니다.
반응형으로 작업할 경우 이미지는 비율에 맞게 축소되며, 레이아웃 또한 비율에 맞게 변형됩니다.

적응형 웹사이트는 PC와 모바일 각 해상도에 맡는 사이트를 별개로 제작하게 됩니다.

디자인을 각각 다르게 작업할 수 있으며 PC 전용, 모바일 전용 2개의 사이트가 작업된다고 생각하시면 됩니다.
반응형과 적응형 모두 각자의 장단점이 있으며 의뢰인의 방향성과 성향에 맞게 선택하시면 됩니다. 






이미지 및 동적인 효과에 따라 달라지는 사이트

메인 이미지는 홈페이지 접속 시 제일 처음 시선을 끄는 영역으로 어떠한 이미지와 컬러, 효과를 넣느냐에 따라 
사이트의 분위기가 천차만별로 달라질 수 있습니다.

기업이나 업체의 경우 회사 전경 또는 제작하거나 판매하는 제품 사진을 통해 기업의 이미지를 전달합니다.
사이트 제작 시 사진촬영은 업체의 이미지를 직접적으로 나타낼 수 있는 가장 쉬운 요소로 사용되고 있습니다.

이미지뿐만 아니라  롤링되는 효과나 동적인 효과를 통해서도 다양한 느낌을 
전달할 수 있습니다. 원하시는 기능이나 효과를 문의하시면 협의를 통해 구현 및 조율 가능합니다.

 




모바일 해상도에 맡게 변화되는 반응형 사이트

반응형은 해상도의 비율에 맞게 레이아웃이 변형되기 때문에
다양한 해상도에서 사이트를 큰 불편함 없이 접근할 수 있습니다.

반응형으로 작업할 시 모바일 버전의 사이트를 따로 구축하지 않아도 됩니다.






원하는 대로 디자인 및 구현이 가능한 서브페이지

서브 페이지는 기업을 소개하는 내용을 넣는 페이지로
인사말, 제품 소개, 게시판 등 다양한 메뉴로 구성할 수 있습니다.

메뉴 위치부터 텍스트 크기, 이미지 배치 등 원하는 바를 전달 주시면 디자인 및 프로그램 작업 시 반영해드립니다.
디자인은 고객과의 조율을 통해 이루어지며 검수 완료 후 프로그램 작업으로 넘어가게 됩니다.

게시판의 경우 기본적인 기능이 제공되며, 특수한 기능이나 추가하고 싶은 내용은 조율을 통해 반영 가능합니다.











VISUAL COLOR IDENTITY


KR모터스의 경우 고객사에서 컬러 값을 지정해 전달 주셨기 때문에 해당 컬러들을 사용하여 디자인을 진행하였습니다.

대표 컬러와 서브 컬러의 배치와 농도 조절 등 의견 조율을 통해 작업이 이루어졌습니다.

컬러는 사진과 마찬가지로 기업 이미지를 전달하는데 중요한 역할을 하며, 컬러 값에 따라 다양한 디자인을 만들 수 있습니다.










SHOPPING MALL


적응형으로 작업된 KR모터스 쇼핑몰


KR모터스는 쇼핑몰 작업을 계기로 온라인 시장으로 영역을 넓혀가고 있습니다.

메인 시안에서는 제품 분류의 컬러들과 대표 제품 이미지를 배치하여 직접적으로 제품을 드러내었습니다.

적응형으로 작업된 쇼핑몰은 PC버전과 모바일 버전 2개의 사이트로 운영되며

모바일로 접근 시 모바일 전용 사이트로 연결되게 됩니다.


사이트는 2개로 나누어지지만 관리는 한곳에서 이루어지기 때문에

어려움 없이 관리할 수 있습니다.







제품 판매가 주 목적인 쇼핑몰


쇼핑몰 제작 시 가장 중요하게 생각하는 부분은 판매되는 제품을 소개하는 페이지입니다.

리스트에서부터 유저에게 편리함을 제공하기 위해  섬네일 위에 장바구니 버튼을 생성해

디테일 뷰 페이지에 들어가지 않더라도 원하는 제품을 장바구니에 바로 담을 수 있습니다.


제품 상세페이지는 제품에 대한 안내를 이미지와 텍스트를 통해

관리자가 직접 등록 가능하며, 제품을 표현하는 가장 중요한 부분입니다. 


KR모터스의 경우 긴 상세페이지를 염두 해 가격과 구매 버튼을 오른쪽에 고정시켜

스크롤 다운시에도 유저가 언제든지 장바구니와 구매하기 버튼에 접근할 수 있도록 작업되었습니다.








다양한 레이아웃과 기능으로 구성 가능한 게시판


게시판은 보통 리스트와 갤러리로 크게 나누어지며, 의뢰인의 요청사항에 따라

디자인과 기능을 추가할 수 있습니다. 게시판은 관리자와 유저가 소통할 수 있는 공간으로

활용도에 따라 포털사이트 사이트 노출에도 긍정적인 효과를 가져다줄 수 있습니다. 







모바일 해상도에 맞춘 모바일 전용 사이트


적응형은 디자인부터 PC와 모바일을 따로 제작하며 환경에 따라 기능을 배제할 수도 추가할 수도 있습니다.

PC와 모바일 사이트를 다른 느낌으로 작업하고 싶을 경우 적응형을 선택하시면 됩니다.


적응형의 경우 2개의 사이트를 제작해야 하므로 시간적인 부분은 반응형보다 플러스되는 점 참고 바랍니다.


의뢰인이 원하는 콘셉트와 방향성에 따라 더 나은 방향성을 제시해드리기 위해

항상 최선을 노력을 다하겠습니다.





창원 Office

경남 창원시 의창구 의창대로 282번길
4-8 남산빌딩 3층

부산 Office

부산광역시 해운대구 센텀중앙로 97
센텀SKYBIZ A동 804호

연락처

T. 055-286-1102
F. 055-286-1239

Copyright 2018 BARAEM INTERACTIVE co.,ltd. all rights reserved.