코리아푸딩 돈통마늘보쌈 홈페이지

Project: Koreafooding.com Site Renewal

Project: Koreafooding.com Renewal

(주)코리아푸딩 돈통마늘보쌈 홈페이지 리뉴얼 Case Study

 

코리아푸딩

 

(주)코리아푸딩은 1992년에 설립된 돈통마늘보쌈, 자연애 프랜차이즈 브랜드를 가진 중견 프랜차이즈 업체입니다. 보쌈부분에서는 가맹점 80여개로 놀부보쌈, 원할머니보쌈에 이어 업계 3위로, 더불어 잘 사는 행복한 사회, 올바른 먹거리, 무한감동 서비스, 상생협력을 기업윤리를 하고 있습니다.

3년여간 사용했던 홈페이지가 식상하기도 하고, 무언가 새로운 전환점이 필요하다 싶어 새로운 홈페이지를 기획하게 되었고, 저희 베리드에서 작업하였습니다.

 

(주)코리아푸딩 돈통마늘보쌈 기존 홈페이지

(주)코리아푸딩 돈통마늘보쌈 기존 홈페이지, Flash 사용이 두드러진다.

기존 홈페이지 문제점

돈통마늘보쌈 iOS 플래시 문제

모바일 기기에서 보이지 않고, 메뉴 이동도 불가하다.

 

Flash Animation
이렇다 할 크고, 다양한 애니메이션이 있지 않았지만, flash 사용을 많이 하고 있었습니다.

Image Text
공지 사항을 제외한 거의 모든 정보는 image로 되어 있었습니다. 적절히 처리되지 않은 image 정보는 사용자가 검색엔진을 사용하여 사이트에 접근할 수 없습니다. 오직 사이트 주소와 회사, 브랜드 주소밖에 검색이 되지 않고 있기 때문입니다. 음식, 창업 등 많은 정보를 가지고 있었지만, 문구, 단어 등으로 검색되지 않으니, 사용자 접근이 무척이나 어려운 상황이었습니다. 또한, image를 사용해야 한다면, 필요한 tags, alt, description 등 또한 없었습니다.

Mobile Devices
flash가 사용되고 있기 때문에, 모바일 사용자는 홈페이지 사용이 불가했습니다. 초기 페이지는 90%이상 유실되었고, 서브 페이지들은 30%이상 유실되었으며, flash 네비게이션 메뉴로 인해 다른 메뉴로 이동이 불가했습니다.
그래서 m으로 시작하는 모바일 사이트를 따로 제작하여 사용하였으나, 서버에서 기기를 인식하여 모바일 싸이트로 redirection하는 작업이 되어 있지 않아 사용자가 m으로 시작하는 사이트 주소를 넣어야 가능했습니다. 또한 공지사항 등의 게시판이 일원화되어 있지 않아 관리자는 똑같은 일을 웹, 모바일 두번을 해야 했습니다.

Recent Content
공지사항용 게시판을 제외한 최근에 작성한 정보가 없었습니다. 이로 인해, 3번 정도 홈페이지에 접속하여 둘러보면, 더 이상 둘러볼 곳이 없었습니다. 또한 소비자가 원하는 할인, 쿠폰, 이벤트 정보를 얻을 수 없었습니다.

Low Chance to interact with People
사용자, 소비자, 업체 관련자 등 모든 일은 교류가 필요합니다. 창업은 예정하고 있는 사람들은 본사가 창업 지원을 하고 있는지, 문제가 발생할 경우 어떻게 처리하는지, 프로모션, 광고 활동은 하고 있는지 알고 싶어합니다. 소비자는 매장 정보, 메뉴 정보, 문제 발생시 해결, 칭찬, 할인 정보 등의 정보를 얻고 싶어합니다. 업체는 업무 제휴를 위한 정보를 얻기를 원하고 있습니다. 하지만, 이러한 것들이 기존 홈페이지에서는 이루어지고 있지 않았습니다.

 

Client 요구 사항

1. 쉬운 관리
2. 더 많은 방문자 및 고객 확보
3. 소셜 네트워크 접목

 

Result

코리아푸딩 돈통마늘보쌈 홈페이지

 

Design Concept

“Bigger is better, Quality is basic”
기존의 사이트는 좌우폭 800px정도로 작은 모니터를 기준으로 제작되었습니다. 그렇기 때문에 이미지가 작고, 실제 음식이 주는 느낌을 전달하는데 부족함이 많았습니다. 새로운 사이트의 디자인 컨셉은 최대한 넓게, 하지만 작은 모니터, 스마트폰을 사용하는 사람도 부족함이 없게, 이미지는 최대한 큰 사이즈를 사용하여, 음식이 주는 느낌 전달에 주력하였습니다.

 

WordPress 사용
Wordpress는 Content Management System입니다. 이미지, 동영상, 글 등 모든 종류의 컨텐츠를 쉽게 관리, 유지, 보수할 수 있습니다.

SEO
더 많은 방문자 및 고객 확보를 위해선 검색엔진 최적화가 필수 요소입니다. 많은 정보가 검색 엔진에서 들어 날 때, 더 많은 방문자가 검색엔진 검색 결과를 통해 사이트에 들어올 수 있기 때문입니다. 기본적으로 wordpress는 SEO가 좋은 편이지만, 최적화 작업을 따로 진행했습니다.

Social Network
기본적으로 facebook, twitter 연동을 하여, 홈페이지에서 실시간 내용을 확인할 수 있으며, 사용자는 회원 가입 없이 facebook과 twitter ID로 로그인하여 글을 남기거나 정보를 스크랩해갈 수 있습니다.

Same User Experience
다양한 사용자가 사용하는 기기마다 사용자 환경이 변하고 그에 따라 사용자 경험이 계속해서 바뀝니다. 예를 들어, 스마트폰으로 접속한 사용자와 33인치 대형 모니터로 사용하고 있는 사용자는 엄청나게 다른 환경입니다. 실제 두 환경이 엄청나게 다르기 때문에 100% 동일한 사용자 경험을 제공하는 것은 불가능에 가깝다고 할 수 있습니다. 새로운 코리아푸딩 홈페이지는 최대한 동일한 사용자 경험을 제공하기 위하여 responsive design을 도입하였습니다. 모든 이미지는 모니터 해상도에 맞추어 비율에 맞게 확대, 축소되어지거나, 줄바뀜을 하여 최적의 모습을 유지하도록 하여줍니다.
또한 상대적으로 작은 해상도를 사용하는 스마트폰 사용자를 위해서 최적의 레이아웃으로 변화하게 하였습니다.
이로 인해 관리자는 향후, 웹사이트 하나만 관리하면, 스마트폰은 따로 관리하지 않아도 된다는 잇점을 갖게 되었습니다.

Zero Flash Element
flash를 전혀 사용하지 않았습니다. 아무리 뛰어난 flash 애니매이션이라도 페이지 이동, 메뉴 선택시 반복된다면 사용자가 시간을 소비한다고 느낄 수 있기 때문입니다. 또한 이들 flash는 모바일 기기에서 보이지 않는다는 치명적인 단점 또한 있기 때문입니다.

Easy Management
관리자는 이제 쉽게 홈페이지를 수정하고, 신규 컨텐츠를 업로드 할 수 있습니다. 기존의 관리 업체에게 단어하나 바꾸는 것도 부탁해야 했고, 시간도 걸리던 늘상 있는 홈페이지 관리업체와의 문제를 해결했습니다. 쉬운 일은 본사에서 관리하고, 특별한 기술과 지식이 필요한 큰 일들만 위탁하여 관리할 수 있습니다.

 

Episode: 한달여간 작업하면서, 너무 너무 배가 고팠습니다. 그래서 보쌈 먹으러 5번은 간거 같네요… ^^

 

참고사항

(주)코리아 푸딩 www.koreafooding.com Tel. 1688-8733
본사: 경기도 파주시 문산읍 선유리 297-11
매장정보: www.koreafooding.com/brand/stores/

 

*한동안 포스팅하지 못했습니다. 바쁘다, 시간이 없다, 피곤하다… 등등 여러가지 핑계 거리만 만들고 있었습니다. 포근하고 날씨 좋은 3월의 첫 월요일인 오늘부터 또 열심히 해봐야 겠습니다.

 

 

2 Comments
  • 이삼구

    March 10, 2013 at 3:15 pm

    멋지게 마무리 되었네요. 워드프레스를 이용한 웹사이트 생소하긴 하지만 시도해 볼 가치는 있는 것 같아요.

    • Veriide, Inc.

      March 19, 2013 at 11:46 am

      좋게 봐주셔서 감사합니다. 한국형 웹사이트와는 조금은 다르지만, 얻는 잇점은 한국형에 비해 매우 많습니다. 즐거운 하루되세요. ^^