헬로웹 반응형 홈페이지 제작 사례(2015~2016)
2016년 9월 현재 반응형 홈페이지는 웹 디자인의 필수요소로 자리잡아가고 있습니다.
워드프레스의 기본테마(Themes)나 새로 개발되는 모든 워드프레스 테마는 반응형 홈페이지 디자인 입니다.
또한 해외에서 진행되는 각종 웹 관련 어워즈(Awards) 의 경우도, 반응형 홈페이지는 기본적인 요소로 입니다.
2015년 4월경, 구글은 구글 검색결과에 모바일 친화적(Mobile friendly) 인 사이트를 검색결과 알고리즘에 반영해서 상위 노출 조건의 요소로 로직을 조정한다고 발표 했습니다.
최근 2016년 8월 23일 보도된 기사를 보면 모바일 검색 결과 모바일 친화적(Mobile friendly) 이라고 표시되었던 내용을 삭제한다는 내용인데, 85%의 웹 사이트가 친화적(반응형 홈페이지로 제작됨) 이기 때문에 삭제한다는 내용 입니다.
그러나 국내 환경은 아직 PC형 따로, 모바일용 따로 구축하는 경우가 많은것 같습니다.
국내 환경의 문제점이라면, 모바일로 검색 후 사이트에 접속하면 3~5페이지 분량의 간단하고 형식적인 내용만 갖추어져 있어서 사실상 볼게 없는 경우가 많고 (특히 소규모 업체인 식당 형태가 많은것 같습니다.)
그래서 PC 버전을 클릭하면 모바일에서 보기 불편한 경우가 많습니다.
이런경우 차라리 블로그에 있는 정보가 더욱 유익한 경우가 많습니다.
모바일 홈페이지를 별도로 구축할 경우, PC와 동일한 컨텐츠를 보여줘야 한다고 생각합니다.
간단한 정보만 보여주고 PC버전 이동해서 본다면, PC켜서 PC로 봐라 라는 말과 같은 뜻이 아닐까요?
저희 헬로웹은 2014년부터 반응형 홈페이지 제작 서비스를 시작해서 2016년 9월까지 약 200여건의 반응형 홈페이지 제작 실적이 있는데요,
2014년 10월에 반응형 홈페이지 제작 사례를 포스팅하고 거의 2년만인 이번에 2015년부터 2016년9월까지의 제작 사례를 공유합니다.
1. 아세아시멘트
아세아시멘트 설립 50주년 기념으로 아세아시멘트 홈페이지 및 아세아홀딩스, 50년사 홈페이지까지 반응형 홈페이지로 구축했습니다.
자세한 작업 내용은 링크 를 참고 하세요
2. TS자바
HTML5와 반응형 홈페이지와 동영상을 적절히 활용한 TS자바 홈페이지 입니다.
마우스 오버시 모션 효과와 함께 영상이 시작되어 시각적인 효과를 높여줍니다.
3. 롱테일북스
영어원서 출판 및 영어교육 컨텐츠 출판사로 유명한 롱테일북스 홈페이지 입니다.
워드프레스 및 반응형 홈페이지로 제작되었으며 도서관리 프로그램 및 퀴즈관리 프로그램 등을 개발하였습니다.
4. 벽제갈비
한우갈비 및 설렁탕으로 유명한 벽제갈비 홈페이지 입니다.
벽제갈비의 Identity를 잘 살리기 위해 디자인되었으며 좌측을 주메뉴영역(GNB)를 위치시킨 반응형 웹 홈페이지 제작 사례 입니다.
5. 대원세라믹스
쇼핑몰 기능을 접목시킨 타일 및 도기 전문기업 대원세라믹스 반응형 홈페이지 제작 사례 입니다.
GNB 영역을 Full Width 형태로 사용하였으며 자동견적 산출 프로그램 등을 개발하였습니다.
6. 누누
누누홀딩스의 반응형 홈페이지 제작 사례 입니다.
메인 페이지부터 서브 페이지까지 일관적으로 긴 스크롤 형태로 구축했습니다.
7. 해피엔자임
해피엔자임의 쇼핑몰 반응형 홈페이지 제작 사례 입니다.
쇼핑몰에 반응형 웹을 도입하여 모바일에서도 동일한 UI 를 사용할 수 있습니다.
8. 동양대학교 학과 홈페이지
동양대학교 23개 학과 홈페이지 반응형 홈페이지 제작사례 입니다.
워드프레스의 멀티사이트 기능으로 관리자가 학과 홈페이지를 신규 개설 가능하도록 제작 되었습니다.
자세한 제작 내용은 동양대학교 23개 학과 사이트 제작 후기 를 클릭하시면 보실 수 있습니다.
9. 에임투지(Aim To G)
넷퍼넬(NetFUNNEL)로 유명한 에임투지의 반응형 홈페이지 제작 사례 입니다.
워드프레스를 통해 손쉬운 관리가 가능하도록 제작했습니다.
10. 크래들코리아
책 읽어주는 도서관 크래들코리아의 반응형 홈페이지 제작 사례 입니다.
도서관 가맹사업형태로 전국 도서관 검색 기능등을 개발하였습니다.
11. 에너지절약전문기업협회
에너지절약전문기업협회(ESCO)의 반응형 홈페이지 제작 사례 입니다.
공공기관의 공공성의 느낌이 들도록 디자인 했으며 각 회원사에게 온라인 증명서 발급 등의 기능이 개발되었습니다.
이 외에도 수많은 반응형 웹 프로젝트를 진행했는데요,
더 많은 자료는 헬로웹 홈페이지 ( www.helloweb.co.kr/works ) 참고 바랍니다.
감사합니다.
Pingback: 2016-09-05 워드프레스 이야기 – 엠렌즈 워드프레스()