반응형 쇼핑몰? 뭘 반응하는 거야?
반응형 웹(Responsive Web)이란 데스크탑, 타블렛, 핸드폰 등 다양한 사이즈의 화면 크기에 적절하게 대응하여 화면 사이즈가 연동되는 웹페이지를 말합니다.
반응형웹 설명 보러가기 >>
모바일 웹서핑이 대세인 요즘 모바일에서 잘 보이는 홈페이지 제작은 인터넷 사업자라면 피할 수 없는 과제입니다. 모바일용 웹과 PC용 웹을 따로 제작하여 각각 관리하던 과거와 달리 한 번 관리로 모든 기기에서의 요구를 충족시키는 반응형 웹은 대세 중의 대세입니다. 특히나 홈페이지 제작은 시작일 뿐, 꾸준한 관리와 업데이트가 생명인 인터넷 쇼핑몰의 경우, 모바일과 pc의 두 가지 웹을 관리하는 일은 아주 번거로운 작업입니다. 이런 수고를 확 줄일 수 있는 반응형 쇼핑몰은 쇼핑몰 운영자라면 누구나 이용하고 싶은 기술이겠죠?
↑ ㈜헬로웹에서 제작한 반응형 쇼핑몰 사이트 – 해피엔자임
↑ ㈜헬로웹에서 제작한 반응형 쇼핑몰 사이트 – 대원세라믹스
2016년 헬로웹의 새로운 반응형 쇼핑몰 샘플이 제작되었습니다! 기존보다 한층 참신하고 세련된 디자인과 사용자 편의를 고려한 UI로 돌아온 헬로웹 반응형 쇼핑몰에서 최신 웹 기술과 트렌드를 만나보시죠!
모바일웹은 이제 그만! 어떤 기기에서도 자연스러운 반응형 UI!
2016년 헬로웹의 새로운 반응형 쇼핑몰은 쇼핑용 모바일웹, 앱의 편리한 UI를 오랜 기간 연구•분석하여 제작되었습니다. 다양한 디바이스에 반응하여 마치 처음부터 그 기기에 맞춰진 것처럼 자연스러운 반응형 UI를 경험할 수 있습니다. 한 홈페이지를 두 번(PC 웹, 모바일 웹) 관리해야 하던 불편은 더 이상 존재하지 않습니다.
상단 고정 메뉴로 언제 어디서나 간편한 이동
↑ 스크롤해도 언제나 상단에 메뉴가 고정됩니다.
쇼핑몰 운영자라면 메인 화면에 보다 많은 상품을 진열하고 싶은 욕구가 생기게 마련입니다. 또한 좀더 자세한 상품 정보를 요구하는 요즘 인터넷 쇼핑몰 고객의 요구에 맞추기 위해 상품 상세정보 이미지도 무한정 길어지곤 합니다. 하지만 상품이 많아질수록 상세정보가 자세해질수록 마우스 스크롤은 길어지게 되고, 특히 모바일 화면에서라면 정말 무한정 길어지는 스크롤을 맛볼 수 있습니다.
헬로웹의 2016년형 반응형 쇼핑몰에서는 “맨위로” 버튼을 일일이 누를 필요 없이 페이지 중간에서도 이동이 가능한 상단 고정메뉴가 채용되었습니다. 화면을 스크롤함에 따라 자주 이용하는 카테고리, 검색, 배송조회 메뉴가 화면 상단에 착 붙어 고정되므로 아무리 많이 스크롤한 후라도 바로바로 원하는 메뉴로 이동할 수 있습니다.
대형 쇼핑몰에서만 된다며? 구매하기 고정 버튼
↑ 상품상세페이지 하단에 언제나 고정되어 있는 구매하기 버튼(좌), 버튼을 클릭하여 펼친 모습(우)
헬로웹의 2016년형 반응형 쇼핑몰에서는 상품 상세 페이지에서 아무리 긴 설명을 봤더라도 장바구니에 담기를 누르러 다시 맨 위로 돌아갈 필요가 없습니다. 상품 수량과 옵션을 선택하고 장바구니에 담는 버튼이 상세페이지 하단에 항상 고정되어 있으니까요. 중소규모 인터넷 쇼핑몰에서는 찾아보기 힘든, 사용자 편의를 고려한 헬로웹 쇼핑몰만의 노력의 결과입니다.
고객의 시선을 사로잡을 나만의 광고판
↑ 눈길을 사로잡는 메인 슬라이드(클릭하면 새창에서 열립니다.)
헬로웹의 2016년형 반응형 쇼핑몰은 눈길을 확 잡아 끄는 메인 슬라이드와 함께 시작됩니다. 현재 진행중인 이벤트나 신제품, 홈페이지의 아이덴티티 등을 알리는 광고판으로 이용되는 메인 슬라이드에 새롭고 다양한 transition효과를 채용해 한층 업그레이드 된 나만의 광고판을 가질 수 있게 되었습니다.
무한 로딩, 언제까지 기다려야 하나요?
↑ 상품 관리자단에서 보이는 자동으로 리사이징된 이미지들
헬로웹의 2016년형 반응형 쇼핑몰은 상품 이미지를 한번 등록하면 자동으로 리사이징하여 작은 이미지를 생성해냅니다. 작은화면에서는 작은 이미지로, 큰 화면에서는 큰 이미지로 불러오는 똑똑한 기능으로 로딩시간으로 인한 고객의 불만을 최소화 합니다.
